Refactor monorepo structure and replace hardcoded colors

Add TypeScript project references, update ESLint configs to support
ESM modules, and introduce brand semantic color tokens across the web
app. Add comprehensive documentation for architecture, API reference,
development setup, and user guide.

apps/mobile/eslint.config.js

@@ -1,6 +1,10 @@
 import js from "@eslint/js";
 import ts from "typescript-eslint";
 import reactPlugin from "eslint-plugin-react";
+import { fileURLToPath } from "url";
+import path from "path";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 // We have no .eslintrc, so we must define everything here.
 
@@ -40,6 +44,7 @@ export default ts.config(
         ecmaFeatures: {
           jsx: true,
         },
+        tsconfigRootDir: path.resolve(__dirname),
       },
     },
     plugins: {