diff --git a/src/pages/account/miieditor/index.vue b/src/pages/account/miieditor/index.vue
index be2278a..084ce1b 100644
--- a/src/pages/account/miieditor/index.vue
+++ b/src/pages/account/miieditor/index.vue
@@ -230,8 +230,7 @@ function setActiveTab(newTab: string) {
 
 	// open the subtab with the selected element in it
 	setActiveSubTab(
-		miiEditorJSON.tabs.filter(t => t.name === newTab)[0].subTabs?.[0].name ||
-		'',
+		miiEditorJSON.tabs.filter(t => t.name === newTab)?.[0]?.subTabs?.[0]?.name ?? '',
 		newTab
 	);
 	activeTab.value = newTab;
@@ -305,9 +304,6 @@ async function handleSave() {
 </script>
 
 <template>
-  <!--<ClientOnly
-    fallback-tag="span"
-  >-->
   <div :class="{ 'miieditor-wrapper': true, saving: saving }">
     <svg
       class="logotype"
@@ -798,12 +794,6 @@ async function handleSave() {
       </div>
     </div>
   </div>
-  <!--<template #fallback>
-      <div class="fallback">
-        <p>{{ $t('miiEditor.loading') }}</p>
-      </div>
-    </template>
-  </ClientOnly>-->
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 22ee565..5ca5e2b 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -40,385 +40,385 @@ function titleSuffixHandler(path: string) {
 </script>
 
 <template>
-  <NuxtRouteAnnouncer />
-
-  <section class="hero">
-    <div class="hero-meta">
-      <h3 class="subtitle">
-        {{ $t("hero.subtitle") }}
-      </h3>
-      <h1
-        class="title dot"
-        :data-title-suffix="titleSuffixHandler('hero.titlesuffix')"
-      >
-        {{ $t("hero.title") }}
-      </h1>
-      <p class="text">
-        {{ $t("hero.text") }}
-      </p>
-      <div class="buttons">
-        <a
-          href="/#about"
-          class="do-button-margin"
+  <div>
+    <section class="hero">
+      <div class="hero-meta">
+        <h3 class="subtitle">
+          {{ $t("hero.subtitle") }}
+        </h3>
+        <h1
+          class="title dot"
+          :data-title-suffix="titleSuffixHandler('hero.titlesuffix')"
         >
-          <button class="button primary">
-            {{ $t("hero.buttons.readMore") }}
-          </button>
-        </a>
-        <a
-          href="https://discord.gg/pretendo"
-          class="do-button-margin"
-          target="_blank"
-          aria-label="Open Discord"
-        >
-          <button
-            class="button secondary discord icon-btn"
-            focusable="false"
-          >
-            <Icon
-              name="fa7-brands:discord"
-              size="32"
-            />
-          </button>
-        </a>
-        <a
-          href="https://github.com/PretendoNetwork/"
-          class="do-button-margin"
-          target="_blank"
-          aria-label="Open Github"
-        >
-          <button
-            class="button secondary github icon-btn"
-            focusable="false"
-          >
-            <Icon
-              name="fa7-brands:github"
-              size="32"
-            />
-          </button>
-        </a>
-        <a
-          href="/account/upgrade"
-          target="_blank"
-          aria-label="Upgrade account"
-        >
-          <button
-            class="button secondary github icon-btn"
-            focusable="false"
-          >
-            <Icon
-              name="ph:heart-fill"
-              size="32"
-            />
-          </button>
-        </a>
-      </div>
-    </div>
-    <div class="hero-image">
-      <div class="light-purple-circle">
-        <img
-          class="n2ds"
-          src="/assets/images/n2ds.png"
-          alt=""
-        >
-        <div class="deco">
-          <HeroDeco />
-        </div>
-      </div>
-    </div>
-    <div class="misc">
-      <div class="purple-circle" />
-    </div>
-  </section>
-
-  <section class="progress column-2">
-    <div class="left sect">
-      <div class="left-meta">
-        <h2
-          id="about"
-          class="dot title"
-          :data-title-suffix="titleSuffixHandler('aboutUs.titleSuffix')"
-        >
-          {{ $t("aboutUs.title") }}
-        </h2>
-        <p
-          v-for="i in computed(() => tm<string>('aboutUs.paragraphs') as string[]).value.length"
-          :key="i"
-          class="text"
-        >
-          {{ $t(`aboutUs.paragraphs[${i-1}]`) }}
+          {{ $t("hero.title") }}
+        </h1>
+        <p class="text">
+          {{ $t("hero.text") }}
         </p>
-      </div>
-    </div>
-    <div class="right sect">
-      <h2 class="title">
-        <a href="/progress">{{ $t("progress.title") }}</a>
-      </h2>
-      <ProgressCard
-        purple
-        :item="summaryProgress"
-      />
-    </div>
-  </section>
-
-  <section class="faq">
-    <div class="sect-top sect">
-      <h2
-        id="faq"
-        class="dot title"
-        :data-title-suffix="titleSuffixHandler('faq.titleSuffix')"
-      >
-        {{ $t("faq.title") }}
-      </h2>
-      <p class="text">
-        {{ $t("faq.text") }}
-      </p>
-    </div>
-    <div class="questions column-2">
-      <div class="left questions-left">
-        <details
-          v-for="i in even(nOfQAs)"
-          :key="i"
-          class="question-and-answer"
-        >
-          <summary>
-            {{ $t(`faq.QAs[${i}].question`) }}
-          </summary>
-          <p
-            class="text"
-            v-html="$t(`faq.QAs[${i}].answer`)"
-          />
-        </details>
-      </div>
-
-      <div class="right questions-right">
-        <details
-          v-for="i in odd(nOfQAs)"
-          :key="i"
-          class="question-and-answer"
-        >
-          <summary>
-            {{ $t(`faq.QAs[${i}].question`) }}
-          </summary>
-          <p
-            class="text"
-            v-html="$t(`faq.QAs[${i}].answer`)"
-          />
-        </details>
-      </div>
-    </div>
-  </section>
-
-  <section class="showcase">
-    <div class="sect-top sect">
-      <h2
-        id="showcase"
-        class="dot title"
-        :data-title-suffix="titleSuffixHandler('showcase.titleSuffix')"
-      >
-        {{ $t("showcase.title") }}
-      </h2>
-      <p class="text">
-        {{ $t("showcase.text") }}
-      </p>
-    </div>
-    <div class="grid">
-      <div class="item highlight">
-        <Icon
-          name="ph:hard-drives-fill"
-          size="48"
-          mode="svg"
-        />
-        <h1>{{ $t("showcase.cards.0.title") }}</h1>
-        <p>{{ $t("showcase.cards.0.caption") }}</p>
-      </div>
-      <div class="item">
-        <Icon
-          name="ph:users-fill"
-          size="48"
-          mode="svg"
-        />
-        <h1>{{ $t("showcase.cards.1.title") }}</h1>
-        <p>{{ $t("showcase.cards.1.caption") }}</p>
-      </div>
-      <div class="item">
-        <Icon
-          name="ph:game-controller-fill"
-          size="48"
-          mode="svg"
-        />
-        <h1>{{ $t("showcase.cards.2.title") }}</h1>
-        <p>{{ $t("showcase.cards.2.caption") }}</p>
-      </div>
-    </div>
-  </section>
-
-  <section class="team">
-    <div class="sect-top sect team-top">
-      <h2
-        id="credits"
-        class="dot title"
-        :data-title-suffix="titleSuffixHandler('credits.titleSuffix')"
-      >
-        {{ $t("credits.title") }}
-      </h2>
-      <p class="text">
-        {{ $t("credits.text") }}
-      </p>
-    </div>
-    <div class="team-cards">
-      <div
-        v-for="i in array(maxCoreStaffIndex)"
-        :key="i"
-        class="card"
-      >
-        <div class="card-left">
-          <img
-            :src="$t(`credits.people[${i}].picture`)"
-            class="pfp"
-            alt=""
+        <div class="buttons">
+          <a
+            href="/#about"
+            class="do-button-margin"
           >
-        </div>
-        <div class="card-core">
-          <span
-            v-if="$te(`credits.people[${i}].special`)"
-            class="sub"
-          >{{ $t(`credits.people[${i}].special`) }}</span>
-          <h3 class="title">
-            <span>{{ $t(`credits.people[${i}].name`) }}</span>
-            <a
-              :href="$t(`credits.people[${i}].github`)"
-              class="github"
-              target="_blank"
-              aria-label="Open Github"
+            <button class="button primary">
+              {{ $t("hero.buttons.readMore") }}
+            </button>
+          </a>
+          <a
+            href="https://discord.gg/pretendo"
+            class="do-button-margin"
+            target="_blank"
+            aria-label="Open Discord"
+          >
+            <button
+              class="button secondary discord icon-btn"
+              focusable="false"
+            >
+              <Icon
+                name="fa7-brands:discord"
+                size="32"
+              />
+            </button>
+          </a>
+          <a
+            href="https://github.com/PretendoNetwork/"
+            class="do-button-margin"
+            target="_blank"
+            aria-label="Open Github"
+          >
+            <button
+              class="button secondary github icon-btn"
+              focusable="false"
             >
               <Icon
                 name="fa7-brands:github"
-                size="24"
+                size="32"
               />
-            </a>
-          </h3>
-          <p class="text">
-            {{ $t(`credits.people[${i}].caption`) }}
+            </button>
+          </a>
+          <a
+            href="/account/upgrade"
+            target="_blank"
+            aria-label="Upgrade account"
+          >
+            <button
+              class="button secondary github icon-btn"
+              focusable="false"
+            >
+              <Icon
+                name="ph:heart-fill"
+                size="32"
+              />
+            </button>
+          </a>
+        </div>
+      </div>
+      <div class="hero-image">
+        <div class="light-purple-circle">
+          <img
+            class="n2ds"
+            src="/assets/images/n2ds.png"
+            alt=""
+          >
+          <div class="deco">
+            <HeroDeco />
+          </div>
+        </div>
+      </div>
+      <div class="misc">
+        <div class="purple-circle" />
+      </div>
+    </section>
+
+    <section class="progress column-2">
+      <div class="left sect">
+        <div class="left-meta">
+          <h2
+            id="about"
+            class="dot title"
+            :data-title-suffix="titleSuffixHandler('aboutUs.titleSuffix')"
+          >
+            {{ $t("aboutUs.title") }}
+          </h2>
+          <p
+            v-for="i in computed(() => tm<string>('aboutUs.paragraphs') as string[]).value.length"
+            :key="i"
+            class="text"
+          >
+            {{ $t(`aboutUs.paragraphs[${i-1}]`) }}
           </p>
         </div>
       </div>
-    </div>
-  </section>
-
-  <section class="team-helpers">
-    <div class="sect-top sect">
-      <h2
-        id="special-thanks"
-        class="dot title"
-        :data-title-suffix="titleSuffixHandler('specialThanks.titleSuffix')"
-      >
-        {{ $t("specialThanks.title") }}
-      </h2>
-      <p class="text">
-        {{ $t("specialThanks.text") }}
-      </p>
-    </div>
-    <div class="animation-wrapper">
-      <div class="row first">
-        <div class="team-helpers-cards">
-          <a
-            v-for="i in [...even(maxContributorsIndex), ...even(maxContributorsIndex)]"
-            :key="i"
-            :href="$te(`specialThanks.people[${i}].github`) ? $t(`specialThanks.people[${i}].github`) : undefined"
-            target="_blank"
-            :class="{ 'helper-card': true, 'special': $te(`specialThanks.people[${i}].special`) }"
-          >
-            <div class="img-wrapper">
-              <img
-                :src="$t(`specialThanks.people[${i}].picture`)"
-                class="pfp"
-                alt=""
-              >
-            </div>
-            <span>{{ $t(`specialThanks.people[${i}].name`) }}</span>
-            <p>{{ $t(`specialThanks.people[${i}].caption`) }}</p>
-          </a>
-        </div>
+      <div class="right sect">
+        <h2 class="title">
+          <a href="/progress">{{ $t("progress.title") }}</a>
+        </h2>
+        <ProgressCard
+          purple
+          :item="summaryProgress"
+        />
       </div>
-      <div class="row second">
-        <div class="team-helpers-cards">
-          <a
-            v-for="i in [...odd(maxContributorsIndex), ...odd(maxContributorsIndex)]"
-            :key="i"
-            :href="$te(`specialThanks.people[${i}].github`) ? $t(`specialThanks.people[${i}].github`) : undefined"
-            target="_blank"
-            :class="{ 'helper-card': true, 'special': $te(`specialThanks.people[${i}].special`) }"
-          >
-            <div class="img-wrapper">
-              <img
-                :src="$t(`specialThanks.people[${i}].picture`)"
-                class="pfp"
-                alt=""
-              >
-            </div>
-            <span>{{ $t(`specialThanks.people[${i}].name`) }}</span>
-            <p>{{ $t(`specialThanks.people[${i}].caption`) }}</p>
-          </a>
-        </div>
-      </div>
-    </div>
-  </section>
+    </section>
 
-  <section class="update-signup">
-    <div class="sect hero-meta reduced-margin">
-      <!-- keeping this one as is because i'd fix this using a logotype component and components are out of scope for now -->
-      <svg
-        alt=""
-        xmlns="http://www.w3.org/2000/svg"
-        width="48.87"
-        height="71.093"
-        viewBox="0 0 48.87 71.093"
-      >
-        <g
-          id="XMLID_6_"
-          transform="translate(0)"
+    <section class="faq">
+      <div class="sect-top sect">
+        <h2
+          id="faq"
+          class="dot title"
+          :data-title-suffix="titleSuffixHandler('faq.titleSuffix')"
         >
-          <path
-            id="XMLID_15_"
-            d="M69.581,29.593c-2.029,1.068-.249,4.129,1.78,3.061,5.162-2.67,11.463-2.6,16.981-1.1,4.735,1.282,9.5,3.845,12.246,8.045,1.246,1.922,4.307.142,3.061-1.78C96.921,27.386,80.3,24.04,69.581,29.593Z"
-            transform="translate(-60.112 -20.086)"
-            fill="#9d6ff3"
+          {{ $t("faq.title") }}
+        </h2>
+        <p class="text">
+          {{ $t("faq.text") }}
+        </p>
+      </div>
+      <div class="questions column-2">
+        <div class="left questions-left">
+          <details
+            v-for="i in even(nOfQAs)"
+            :key="i"
+            class="question-and-answer"
+          >
+            <summary>
+              {{ $t(`faq.QAs[${i}].question`) }}
+            </summary>
+            <p
+              class="text"
+              v-html="$t(`faq.QAs[${i}].answer`)"
+            />
+          </details>
+        </div>
+
+        <div class="right questions-right">
+          <details
+            v-for="i in odd(nOfQAs)"
+            :key="i"
+            class="question-and-answer"
+          >
+            <summary>
+              {{ $t(`faq.QAs[${i}].question`) }}
+            </summary>
+            <p
+              class="text"
+              v-html="$t(`faq.QAs[${i}].answer`)"
+            />
+          </details>
+        </div>
+      </div>
+    </section>
+
+    <section class="showcase">
+      <div class="sect-top sect">
+        <h2
+          id="showcase"
+          class="dot title"
+          :data-title-suffix="titleSuffixHandler('showcase.titleSuffix')"
+        >
+          {{ $t("showcase.title") }}
+        </h2>
+        <p class="text">
+          {{ $t("showcase.text") }}
+        </p>
+      </div>
+      <div class="grid">
+        <div class="item highlight">
+          <Icon
+            name="ph:hard-drives-fill"
+            size="48"
+            mode="svg"
           />
-          <path
-            id="XMLID_14_"
-            d="M103.359,21.045c-3.951-6.159-10.751-10-17.657-11.89C77.763,6.948,68.721,7.019,61.281,10.9c-2.029,1.068-.249,4.129,1.78,3.061,6.586-3.453,14.667-3.311,21.644-1.388,5.981,1.638,12.1,4.913,15.521,10.252C101.507,24.783,104.569,23,103.359,21.045Z"
-            transform="translate(-54.766 -7.693)"
-            fill="#9d6ff3"
+          <h1>{{ $t("showcase.cards.0.title") }}</h1>
+          <p>{{ $t("showcase.cards.0.caption") }}</p>
+        </div>
+        <div class="item">
+          <Icon
+            name="ph:users-fill"
+            size="48"
+            mode="svg"
           />
-          <path
-            id="XMLID_9_"
-            d="M65.995,47.8a20.7,20.7,0,0,0-12.958,4.45H47.27a2.579,2.579,0,0,0-2.67,2.456v47.239a2.763,2.763,0,0,0,2.67,2.67h5.838a2.639,2.639,0,0,0,2.528-2.67V87.564A21.228,21.228,0,1,0,65.995,47.8Zm0,33.178a12,12,0,1,1,12-12A12,12,0,0,1,65.995,80.978Z"
-            transform="translate(-44.6 -33.522)"
-            fill="#9d6ff3"
+          <h1>{{ $t("showcase.cards.1.title") }}</h1>
+          <p>{{ $t("showcase.cards.1.caption") }}</p>
+        </div>
+        <div class="item">
+          <Icon
+            name="ph:game-controller-fill"
+            size="48"
+            mode="svg"
           />
-        </g>
-      </svg>
-      <h2
-        id="discord-join"
-        class="dot title"
-        :data-title-suffix="titleSuffixHandler('discordJoin.titleSuffix')"
-      >
-        {{ $t("discordJoin.title") }}
-      </h2>
-      <p class="text">
-        {{ $t("discordJoin.text") }}
-      </p>
-    </div>
-    <div class="floating-serverjoin">
-      <p>{{ $t("discordJoin.widget.text") }}</p>
-      <a
-        href="https://discord.gg/pretendo"
-        target="_blank"
-      >{{ $t("discordJoin.widget.button") }}</a>
-    </div>
-    <div class="circle" />
-  </section>
+          <h1>{{ $t("showcase.cards.2.title") }}</h1>
+          <p>{{ $t("showcase.cards.2.caption") }}</p>
+        </div>
+      </div>
+    </section>
+
+    <section class="team">
+      <div class="sect-top sect team-top">
+        <h2
+          id="credits"
+          class="dot title"
+          :data-title-suffix="titleSuffixHandler('credits.titleSuffix')"
+        >
+          {{ $t("credits.title") }}
+        </h2>
+        <p class="text">
+          {{ $t("credits.text") }}
+        </p>
+      </div>
+      <div class="team-cards">
+        <div
+          v-for="i in array(maxCoreStaffIndex)"
+          :key="i"
+          class="card"
+        >
+          <div class="card-left">
+            <img
+              :src="$t(`credits.people[${i}].picture`)"
+              class="pfp"
+              alt=""
+            >
+          </div>
+          <div class="card-core">
+            <span
+              v-if="$te(`credits.people[${i}].special`)"
+              class="sub"
+            >{{ $t(`credits.people[${i}].special`) }}</span>
+            <h3 class="title">
+              <span>{{ $t(`credits.people[${i}].name`) }}</span>
+              <a
+                :href="$t(`credits.people[${i}].github`)"
+                class="github"
+                target="_blank"
+                aria-label="Open Github"
+              >
+                <Icon
+                  name="fa7-brands:github"
+                  size="24"
+                />
+              </a>
+            </h3>
+            <p class="text">
+              {{ $t(`credits.people[${i}].caption`) }}
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="team-helpers">
+      <div class="sect-top sect">
+        <h2
+          id="special-thanks"
+          class="dot title"
+          :data-title-suffix="titleSuffixHandler('specialThanks.titleSuffix')"
+        >
+          {{ $t("specialThanks.title") }}
+        </h2>
+        <p class="text">
+          {{ $t("specialThanks.text") }}
+        </p>
+      </div>
+      <div class="animation-wrapper">
+        <div class="row first">
+          <div class="team-helpers-cards">
+            <a
+              v-for="i in [...even(maxContributorsIndex), ...even(maxContributorsIndex)]"
+              :key="i"
+              :href="$te(`specialThanks.people[${i}].github`) ? $t(`specialThanks.people[${i}].github`) : undefined"
+              target="_blank"
+              :class="{ 'helper-card': true, 'special': $te(`specialThanks.people[${i}].special`) }"
+            >
+              <div class="img-wrapper">
+                <img
+                  :src="$t(`specialThanks.people[${i}].picture`)"
+                  class="pfp"
+                  alt=""
+                >
+              </div>
+              <span>{{ $t(`specialThanks.people[${i}].name`) }}</span>
+              <p>{{ $t(`specialThanks.people[${i}].caption`) }}</p>
+            </a>
+          </div>
+        </div>
+        <div class="row second">
+          <div class="team-helpers-cards">
+            <a
+              v-for="i in [...odd(maxContributorsIndex), ...odd(maxContributorsIndex)]"
+              :key="i"
+              :href="$te(`specialThanks.people[${i}].github`) ? $t(`specialThanks.people[${i}].github`) : undefined"
+              target="_blank"
+              :class="{ 'helper-card': true, 'special': $te(`specialThanks.people[${i}].special`) }"
+            >
+              <div class="img-wrapper">
+                <img
+                  :src="$t(`specialThanks.people[${i}].picture`)"
+                  class="pfp"
+                  alt=""
+                >
+              </div>
+              <span>{{ $t(`specialThanks.people[${i}].name`) }}</span>
+              <p>{{ $t(`specialThanks.people[${i}].caption`) }}</p>
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="update-signup">
+      <div class="sect hero-meta reduced-margin">
+        <!-- keeping this one as is because i'd fix this using a logotype component and components are out of scope for now -->
+        <svg
+          alt=""
+          xmlns="http://www.w3.org/2000/svg"
+          width="48.87"
+          height="71.093"
+          viewBox="0 0 48.87 71.093"
+        >
+          <g
+            id="XMLID_6_"
+            transform="translate(0)"
+          >
+            <path
+              id="XMLID_15_"
+              d="M69.581,29.593c-2.029,1.068-.249,4.129,1.78,3.061,5.162-2.67,11.463-2.6,16.981-1.1,4.735,1.282,9.5,3.845,12.246,8.045,1.246,1.922,4.307.142,3.061-1.78C96.921,27.386,80.3,24.04,69.581,29.593Z"
+              transform="translate(-60.112 -20.086)"
+              fill="#9d6ff3"
+            />
+            <path
+              id="XMLID_14_"
+              d="M103.359,21.045c-3.951-6.159-10.751-10-17.657-11.89C77.763,6.948,68.721,7.019,61.281,10.9c-2.029,1.068-.249,4.129,1.78,3.061,6.586-3.453,14.667-3.311,21.644-1.388,5.981,1.638,12.1,4.913,15.521,10.252C101.507,24.783,104.569,23,103.359,21.045Z"
+              transform="translate(-54.766 -7.693)"
+              fill="#9d6ff3"
+            />
+            <path
+              id="XMLID_9_"
+              d="M65.995,47.8a20.7,20.7,0,0,0-12.958,4.45H47.27a2.579,2.579,0,0,0-2.67,2.456v47.239a2.763,2.763,0,0,0,2.67,2.67h5.838a2.639,2.639,0,0,0,2.528-2.67V87.564A21.228,21.228,0,1,0,65.995,47.8Zm0,33.178a12,12,0,1,1,12-12A12,12,0,0,1,65.995,80.978Z"
+              transform="translate(-44.6 -33.522)"
+              fill="#9d6ff3"
+            />
+          </g>
+        </svg>
+        <h2
+          id="discord-join"
+          class="dot title"
+          :data-title-suffix="titleSuffixHandler('discordJoin.titleSuffix')"
+        >
+          {{ $t("discordJoin.title") }}
+        </h2>
+        <p class="text">
+          {{ $t("discordJoin.text") }}
+        </p>
+      </div>
+      <div class="floating-serverjoin">
+        <p>{{ $t("discordJoin.widget.text") }}</p>
+        <a
+          href="https://discord.gg/pretendo"
+          target="_blank"
+        >{{ $t("discordJoin.widget.button") }}</a>
+      </div>
+      <div class="circle" />
+    </section>
+  </div>
 </template>
 
 <style lang="scss" scoped>