fix: Configure Biome for Tailwind CSS and format globals.css

- Enable 'tailwindDirectives' in biome.json to correctly parse Tailwind CSS syntax.

- Format src/app/globals.css to adhere to Biome's formatting rules.

- This resolves the linting failure in the CI pipeline.

Author: m3h3d1ha2an

biome.json

@@ -9,6 +9,11 @@
     "ignoreUnknown": true,
     "includes": ["**", "!node_modules", "!.next", "!dist", "!build"]
   },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
   "formatter": {
     "enabled": true,
     "indentStyle": "space",

src/app/globals.css

@@ -40,6 +40,6 @@
    Note: font is handled by `next/font` via the Inter className,
    so we only apply colors here. */
 body {
-  background: var(--background);  /* Uses light or dark background dynamically */
-  color: var(--foreground);       /* Uses light or dark text color dynamically */
+  background: var(--background); /* Uses light or dark background dynamically */
+  color: var(--foreground); /* Uses light or dark text color dynamically */
 }