Add Nebula Catalog button

src/components/Header.astro

@@ -40,6 +40,12 @@ const t = useTranslations(lang);
           class="h-6 w-6 text-text-color transition duration-500 group-hover:text-text-hover-color md:h-6 md:w-6"
         />
       </HeaderButton>
+      <HeaderButton text={t("header.catalog")}>
+        <Icon
+          name="ph:shopping-bag-open-fill"
+          class="h-6 w-6 text-text-color transition duration-500 group-hover:text-text-hover-color md:h-6 md:w-6"
+        />
+      </HeaderButton>
       <HeaderButton text={t("header.morelinks")}>
         <Icon
           name="ph:link-bold"

src/components/MobileNavigation.astro

@@ -31,6 +31,12 @@ const t = useTranslations(lang);
       class="h-6 w-6 text-text-color transition duration-500 group-hover:text-text-hover-color md:h-6 md:w-6"
     />
   </HeaderButton>
+  <HeaderButton text={t("header.catalog")}>
+    <Icon
+      name="ph:shopping-bag-open-fill"
+      class="h-6 w-6 text-text-color transition duration-500 group-hover:text-text-hover-color md:h-6 md:w-6"
+    />
+  </HeaderButton>
   <HeaderButton text={t("header.morelinks")}>
     <Icon
       name="ph:link-bold"

src/i18n/en_US.json

@@ -3,6 +3,7 @@
   "header.games": "Games",
   "header.settings": "Settings",
   "header.morelinks": "Want more links?",
+  "header.catalog": "Nebula Catalog",
   "home.placeholder": "Search the web freely",
   "settings.settings": "Settings",
   "settings.appearance": "Appearance",

src/i18n/jp.json

@@ -3,6 +3,7 @@
   "header.games": "ゲーム",
   "header.settings": "設定",
   "header.morelinks": "リンク一覧",
+  "header.catalog": "Nebula Catalog",
   "home.placeholder": "検索欄",
   "settings.settings": "Settings",
   "settings.appearance": "Appearance",