style(Header): adjust responsive text sizes in header components

Make language selector "Only" label hidden on mobile and add base text size for header logo to ensure proper scaling across devices

Author: gadingnst

src/packages/components/layouts/Header/Header.tsx

@@ -24,7 +24,7 @@ export default function Header() {
             href="/"
             className={cn([
               'liquid-glass-shadow btn btn-ghost relative',
-              'font-bold font-serif sm:text-xl md:text-2xl',
+              'font-bold font-serif text-xs sm:text-xl md:text-2xl',
               'transition-all duration-300 hover:bg-white/80 hover:text-black hover:scale-105'
             ])}
           >

src/packages/components/layouts/Header/LanguageSelector.tsx

@@ -118,7 +118,7 @@ function LanguageSelector() {
             {getLanguageLabel(currentLang)}
           </span>
           {isSlugSingleLanguage && (
-            <span className="text-xs">(Only)</span>
+            <span className="text-xs hidden sm:inline-block">(Only)</span>
           )}
         </>
       }