feat(nav, blog) new ThemeSwitcher, also several updates on ui

frontend/app/layout.tsx

@@ -7,8 +7,8 @@ import Footer from '@/components/Footer';
 
 
 export const metadata: Metadata = {
-    title: 'Lumither\'s site',
-    description: 'a small corner on internet'
+    title: 'Lumitherの酒馆',
+    description: '一间位于时间夹缝中的旅馆，静候下一位旅者的到来...'
 };
 
 export default function RootLayout({
@@ -19,7 +19,7 @@ export default function RootLayout({
     return (
         <html lang="en" suppressHydrationWarning>
         <body className={ `transition duration-300 dark:bg-[#282830] min-h-screen` }>
-        <NextThemesProvider attribute="class" defaultTheme="dark">
+        <NextThemesProvider attribute="class" defaultTheme="system">
             <div className={ `justify-center flex flex-row w-full max-w-full` }>
                 <Navbar />
                 <div className={ `flex flex-col flex-1 max-w-[1024px] min-w-0` }>