[WEB-5798] refactor: web and admin auth related components and update admin designs (#8431)

* refactor: web and admin auth related components and update admin designs.

* fix: format

apps/web/app/routes/helper.ts

@@ -0,0 +1,70 @@
+import type { RouteConfigEntry } from "@react-router/dev/routes";
+
+/**
+ * Merges two route configurations intelligently.
+ * - Deep merges children when the same layout file exists in both arrays
+ * - Deduplicates routes by file property, preferring extended over core
+ * - Maintains order: core routes first, then extended routes at each level
+ */
+export function mergeRoutes(core: RouteConfigEntry[], extended: RouteConfigEntry[]): RouteConfigEntry[] {
+  // Step 1: Create a Map to track routes by file path
+  const routeMap = new Map<string, RouteConfigEntry>();
+
+  // Step 2: Process core routes first
+  for (const coreRoute of core) {
+    const fileKey = coreRoute.file;
+    routeMap.set(fileKey, coreRoute);
+  }
+
+  // Step 3: Process extended routes
+  for (const extendedRoute of extended) {
+    const fileKey = extendedRoute.file;
+
+    if (routeMap.has(fileKey)) {
+      // Route exists in both - need to merge
+      const coreRoute = routeMap.get(fileKey)!;
+
+      // Check if both have children (layouts that need deep merging)
+      if (coreRoute.children && extendedRoute.children) {
+        // Deep merge: recursively merge children
+        const mergedChildren = mergeRoutes(
+          Array.isArray(coreRoute.children) ? coreRoute.children : [],
+          Array.isArray(extendedRoute.children) ? extendedRoute.children : []
+        );
+        routeMap.set(fileKey, {
+          ...extendedRoute,
+          children: mergedChildren,
+        });
+      } else {
+        // No children or only one has children - prefer extended
+        routeMap.set(fileKey, extendedRoute);
+      }
+    } else {
+      // Route only exists in extended
+      routeMap.set(fileKey, extendedRoute);
+    }
+  }
+
+  // Step 4: Build final array maintaining order (core first, then extended-only)
+  const result: RouteConfigEntry[] = [];
+
+  // Add all core routes (now merged or original)
+  for (const coreRoute of core) {
+    const fileKey = coreRoute.file;
+    if (routeMap.has(fileKey)) {
+      result.push(routeMap.get(fileKey)!);
+      routeMap.delete(fileKey); // Remove so we don't add it again
+    }
+  }
+
+  // Add remaining extended-only routes
+  for (const extendedRoute of extended) {
+    const fileKey = extendedRoute.file;
+    if (routeMap.has(fileKey)) {
+      result.push(routeMap.get(fileKey)!);
+      routeMap.delete(fileKey);
+    }
+  }
+
+  return result;
+}