refactor(ui): extract about page opening to a direct function call

src/seqta/utils/listeners/MessageListener.ts

@@ -1,6 +1,6 @@
 import browser from 'webextension-polyfill'
 
-import { closeSettings, MenuOptionsOpen, OpenAboutPage, OpenMenuOptions, OpenWhatsNewPopup } from '../../../SEQTA';
+import { closeSettings, MenuOptionsOpen, OpenMenuOptions, OpenWhatsNewPopup } from '../../../SEQTA';
 import { deleteTheme } from '@/seqta/ui/themes/deleteTheme';
 import { getAvailableThemes } from '@/seqta/ui/themes/getAvailableThemes';
 import { saveTheme } from '@/seqta/ui/themes/saveTheme';
@@ -80,12 +80,6 @@ export class MessageHandler {
         sendResponse({ status: 'success' });
         break;
 
-      case 'OpenAboutPage':
-        OpenAboutPage();
-        closeSettings();
-        sendResponse({ status: 'success' });
-        break;
-  
       case 'OpenThemeCreator':
         const themeID = request?.body?.themeID;
         OpenThemeCreator( themeID ? themeID : '' );

src/svelte-interface/pages/settings/general.svelte

@@ -8,6 +8,7 @@
   
   import type { SettingsList } from "@/svelte-interface/types/SettingsProps"
   import { settingsState } from "@/seqta/utils/listeners/SettingsState.ts"
+  import { closeSettings, OpenAboutPage } from "@/SEQTA"
 </script>
 
 {#snippet Setting({ title, description, Component, props }: SettingsList) }
@@ -96,7 +97,7 @@
       id: 9,
       Component: Button,
       props: {
-        onClick: () => browser.runtime.sendMessage({ type: 'currentTab', info: 'OpenAboutPage' }),
+        onClick: () => { OpenAboutPage(); closeSettings() },
         text: "Open"
       }
     },