♻️ 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)/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>
     </>
-  );
+  )
 }