feat: add install extension buttons on interceptor menu

packages/hoppscotch-app/pages/settings.vue

@@ -128,17 +128,6 @@
               </span>
             </div>
             <div class="flex flex-col space-y-2 py-4">
-              <span>
-                <SmartItem
-                  to="https://addons.mozilla.org/en-US/firefox/addon/hoppscotch"
-                  blank
-                  svg="brands/firefox"
-                  label="Firefox"
-                  :info-icon="hasFirefoxExtInstalled ? 'check_circle' : ''"
-                  :active-info-icon="hasFirefoxExtInstalled"
-                  outline
-                />
-              </span>
               <span>
                 <SmartItem
                   to="https://chrome.google.com/webstore/detail/hoppscotch-browser-extens/amknoiejhlmhancpahfcfcfhllgkpbld"
@@ -150,6 +139,17 @@
                   outline
                 />
               </span>
+              <span>
+                <SmartItem
+                  to="https://addons.mozilla.org/en-US/firefox/addon/hoppscotch"
+                  blank
+                  svg="brands/firefox"
+                  label="Firefox"
+                  :info-icon="hasFirefoxExtInstalled ? 'check_circle' : ''"
+                  :active-info-icon="hasFirefoxExtInstalled"
+                  outline
+                />
+              </span>
             </div>
             <div class="space-y-4 py-4">
               <div class="flex items-center">