feat: share and support modals

pages/graphql.vue

@@ -375,7 +375,7 @@
                       {{ $t("shortcut.reset_request") }}
                     </span>
                     <span class="flex flex-1 items-center">
-                      {{ $t("shortcut.show_all") }}
+                      {{ $t("shortcut.general.show_all") }}
                     </span>
                   </div>
                   <div class="flex flex-col space-y-4">

pages/settings.vue

@@ -242,6 +242,7 @@
                   svg="firefox"
                   label="Firefox"
                   :info-icon="hasFirefoxExtInstalled ? 'check_circle' : ''"
+                  :active-info-icon="hasFirefoxExtInstalled"
                   outline
                 />
               </span>
@@ -252,6 +253,7 @@
                   svg="chrome"
                   label="Chrome"
                   :info-icon="hasChromeExtInstalled ? 'check_circle' : ''"
+                  :active-info-icon="hasChromeExtInstalled"
                   outline
                 />
               </span>