refactor: refactored all the frontend to use the root biome

ai_agents/agents/examples/demo/frontend/components.json

@@ -17,4 +17,4 @@
     "lib": "@/lib",
     "hooks": "@/hooks"
   }
-}
+}

ai_agents/agents/examples/demo/frontend/next.config.mjs

@@ -1,22 +1,23 @@
 /** @type {import('next').NextConfig} */
-import path from 'path'
-import fs from 'fs'
-import { fileURLToPath } from 'url'
+
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
 
 // Derive __dirname in ESM
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const nextConfig = {
   // basePath: '/ai-agent',
   // output: 'export',
-  output: 'standalone',
+  output: "standalone",
   reactStrictMode: false,
   webpack(config) {
     // Grab the existing rule that handles SVG imports
     const fileLoaderRule = config.module.rules.find((rule) =>
-      rule.test?.test?.('.svg'),
-    )
+      rule.test?.test?.(".svg")
+    );
 
     config.module.rules.push(
       // Reapply the existing rule, but only for svg imports ending in ?url
@@ -30,33 +31,38 @@ const nextConfig = {
         test: /\.svg$/i,
         issuer: fileLoaderRule.issuer,
         resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
-        use: ['@svgr/webpack'],
-      },
-    )
+        use: ["@svgr/webpack"],
+      }
+    );
 
     // Modify the file loader rule to ignore *.svg, since we have it handled now.
-    fileLoaderRule.exclude = /\.svg$/i
+    fileLoaderRule.exclude = /\.svg$/i;
 
     // Ensure TS path alias `@/*` resolves to `src/*` in webpack too
-    config.resolve = config.resolve || {}
+    config.resolve = config.resolve || {};
     config.resolve.alias = {
       ...(config.resolve.alias || {}),
-      '@': path.resolve(__dirname, 'src'),
-    }
+      "@": path.resolve(__dirname, "src"),
+    };
 
     // Debug logs to verify alias + file presence during CI builds
     try {
-      const aliasPath = config.resolve.alias['@']
-      const utilPath = path.join(aliasPath, 'lib', 'utils.ts')
+      const aliasPath = config.resolve.alias["@"];
+      const utilPath = path.join(aliasPath, "lib", "utils.ts");
       // eslint-disable-next-line no-console
-      console.log('[next.config] alias @ →', aliasPath, '| utils.ts exists =', fs.existsSync(utilPath))
+      console.log(
+        "[next.config] alias @ →",
+        aliasPath,
+        "| utils.ts exists =",
+        fs.existsSync(utilPath)
+      );
     } catch (e) {
       // eslint-disable-next-line no-console
-      console.log('[next.config] alias debug error:', e?.message)
+      console.log("[next.config] alias debug error:", e?.message);
     }
 
-    return config
-  }
+    return config;
+  },
 };
 
 export default nextConfig;

ai_agents/agents/examples/demo/frontend/package.json

@@ -62,4 +62,4 @@
     "typescript": "^5"
   },
   "packageManager": "[email protected]"
-}
+}

ai_agents/agents/examples/demo/frontend/postcss.config.js

@@ -7,6 +7,6 @@ module.exports = {
       viewportWidth: 375,
       exclude: /node_modules/,
       include: /\/src\/platform\/mobile\//,
-    }
+    },
   },
-}
+};