Fix theme consistency, i18n completeness, CSS variable naming, and hardcoded strings

src/components/navigation.tsx

@@ -20,8 +20,7 @@ export async function Navigation() {
         <div className="flex items-center gap-x-1 md:gap-x-1 flex-1 md:flex-none">
           <Link href="/" className="nav-item shrink-0">
             <img src="/assets/images/icons/navigation/me.png" alt="" className="w-5 h-5 mr-1.5" />
-            <span className="hidden sm:inline">{t("home")}</span>
-            <span className="sm:hidden">{t("home")}</span>
+            <span>{t("home")}</span>
           </Link>
         </div>