♻️ refactor: standardize code formatting and improve readability across components

- Updated component files to use consistent single quotes for strings.
- Removed unnecessary newlines and adjusted indentation for better readability.
- Simplified conditional rendering and improved code structure in various components.
- Added ESLint configuration for better code quality and adherence to standards.
- Enhanced error handling in i18n request logic.

web/src/app/(main)/archives/page.tsx

@@ -1,9 +1,8 @@
-
 export default function ArchivesPage() {
-    return (
-        <div>
-            <h1>归档</h1>
-            <p>这里是博客文章的归档页面。</p>
-        </div>
-    )
+  return (
+    <div>
+      <h1>归档</h1>
+      <p>这里是博客文章的归档页面。</p>
+    </div>
+  )
 }

web/src/app/(main)/layout.tsx

@@ -1,14 +1,15 @@
-"use client";
+'use client'
+
+import { AnimatePresence, motion } from 'framer-motion'
+import { usePathname } from 'next/navigation'
+import { Navbar } from '@/components/navbar'
 
-import { Navbar } from "@/components/navbar";
-import { AnimatePresence, motion } from "framer-motion";
-import { usePathname } from "next/navigation";
 export default function RootLayout({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: React.ReactNode
 }>) {
-  const pathname = usePathname();
+  const pathname = usePathname()
   return (
     <>
       <header className="fixed top-0 left-0 w-full z-50 bg-white/80 dark:bg-slate-900/80 backdrop-blur flex justify-center border-b border-slate-200 dark:border-slate-800">
@@ -21,9 +22,9 @@ export default function RootLayout({
           animate={{ opacity: 1, y: 0 }}
           exit={{ opacity: 0, y: 16 }}
           transition={{
-        type: "tween",
-        ease: "easeOut",
-        duration: 0.18
+            type: 'tween',
+            ease: 'easeOut',
+            duration: 0.18,
           }}
           className="pt-16"
         >
@@ -31,5 +32,5 @@ export default function RootLayout({
         </motion.main>
       </AnimatePresence>
     </>
-  );
+  )
 }

web/src/app/(main)/p/[id]/page.tsx

@@ -1,13 +1,14 @@
-import { getPostById } from "@/api/post";
-import BlogPost from "@/components/blog-post";
+import { getPostById } from '@/api/post'
+import BlogPost from '@/components/blog-post'
 
 interface Props {
   params: Promise<{ id: string }>
 }
 
 export default async function PostPage({ params }: Props) {
-  const { id } = await params;
-  const post = await getPostById(id);
-  if (!post) return <div>文章不存在</div>;
-  return <BlogPost post={post} />;
-}
+  const { id } = await params
+  const post = await getPostById(id)
+  if (!post)
+    return <div>文章不存在</div>
+  return <BlogPost post={post} />
+}

web/src/app/(main)/random/page.tsx

@@ -1,8 +1,8 @@
 export default function LabelsPage() {
-    return (
-        <div>
-            <h1>标签</h1>
-            <p>这里是博客文章的标签页面。</p>
-        </div>
-    )
+  return (
+    <div>
+      <h1>标签</h1>
+      <p>这里是博客文章的标签页面。</p>
+    </div>
+  )
 }

web/src/app/(main)/u/[id]/page.tsx

@@ -1,8 +1,8 @@
 export default function Page() {
-    return (
-        <div>
-            <h1>Page Title</h1>
-            <p>This is the User content.</p>
-        </div>
-    )
-}
+  return (
+    <div>
+      <h1>Page Title</h1>
+      <p>This is the User content.</p>
+    </div>
+  )
+}