Add self-hosted auth, admin API, and owner web dashboard

- Replace Clerk with self-hosted JWT auth (register/login/verify, bcrypt
  passwords, Gmail OTP with console fallback)
- Add lib/db.ts pg pool + transaction helpers; seed script migrates legacy
  Clerk-era schema (drop clerk_id, enforce UUID ids and unique email)
- Add owner-gated admin API: stats, users, drivers CRUD, rides
- Add dashboard/ Vite React owner dashboard (login, overview, users,
  fleet, rides) with dev-server proxy to avoid Expo CORS middleware
- Add scripts/set-owner.mjs for role management

app/(root)/(tabs)/home.tsx

@@ -1,6 +1,5 @@
-import { useAuth, useUser } from "@clerk/clerk-expo";
 import * as Location from "expo-location";
-import { Link, router } from "expo-router";
+import { router } from "expo-router";
 import { useEffect, useState } from "react";
 import {
   ActivityIndicator,
@@ -15,16 +14,15 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import { GoogleTextInput } from "@/components/google-text-input";
 import { Map } from "@/components/map";
 import { RideCard } from "@/components/ride-card";
-import { LINKS } from "@/config";
 import { icons, images } from "@/constants";
+import { useSession } from "@/lib/session";
 import { useLocationStore } from "@/store";
 import { useFetch } from "@/lib/fetch";
 import type { Ride } from "@/types/type";
 
 const Home = () => {
   const { setUserLocation, setDestinationLocation } = useLocationStore();
-  const { signOut } = useAuth();
-  const { user } = useUser();
+  const { signOut, user } = useSession();
   const { data: recentRides, loading } = useFetch<Ride[]>(
     `/(api)/ride/${user?.id}`,
   );
@@ -119,23 +117,10 @@ const Home = () => {
                 numberOfLines={1}
               >
                 Welcome{" "}
-                {user?.firstName || user?.emailAddresses[0].emailAddress} 👋
+                {user?.name || user?.email} 👋
               </Text>
 
               <View className="flex flex-row items-center gap-x-1">
-                <Link
-                  href={LINKS.sourceCode}
-                  target="_blank"
-                  rel="noreferrer noopener"
-                  className="justify-center items-center w-10 h-10"
-                >
-                  <Image
-                    source={icons.github}
-                    className="w-6 h-6"
-                    alt="GitHub"
-                  />
-                </Link>
-
                 <TouchableOpacity
                   onPress={handleSignOut}
                   className="justify-center items-center w-10 h-10 rounded-full bg-white"

app/(root)/(tabs)/profile.tsx

@@ -1,11 +1,11 @@
-import { useUser } from "@clerk/clerk-expo";
 import { Image, ScrollView, Text, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 import { InputField } from "@/components/input-field";
+import { useSession } from "@/lib/session";
 
 const Profile = () => {
-  const { user } = useUser();
+  const { user } = useSession();
 
   return (
     <SafeAreaView className="flex-1">
@@ -17,9 +17,7 @@ const Profile = () => {
 
         <View className="flex items-center justify-center my-5">
           <Image
-            source={{
-              uri: user?.externalAccounts[0]?.imageUrl ?? user?.imageUrl,
-            }}
+            source={{ uri: user?.avatarUrl ?? undefined }}
             alt="Your Avatar"
             style={{ width: 110, height: 110, borderRadius: 110 / 2 }}
             className=" rounded-full h-[110px] w-[110px] border-[3px] border-white shadow-sm shadow-neutral-300"
@@ -30,7 +28,7 @@ const Profile = () => {
           <View className="flex flex-col items-start justify-start w-full">
             <InputField
               label="First name"
-              placeholder={user?.firstName ?? "Your First name"}
+              placeholder={user?.name.split(" ")[0] ?? "Your First name"}
               containerStyles="w-full mb-4"
               inputStyles="p-3.5"
               editable={false}
@@ -38,7 +36,7 @@ const Profile = () => {
 
             <InputField
               label="Last name"
-              placeholder={user?.lastName ?? "Your Last name"}
+              placeholder={user?.name.split(" ").slice(1).join(" ") ?? "Your Last name"}
               containerStyles="w-full mb-4"
               inputStyles="p-3.5"
               editable={false}
@@ -46,9 +44,7 @@ const Profile = () => {
 
             <InputField
               label="Email"
-              placeholder={
-                user?.primaryEmailAddress?.emailAddress ?? "Your Email address"
-              }
+              placeholder={user?.email ?? "Your Email address"}
               containerStyles="w-full mb-4"
               inputStyles="p-3.5"
               editable={false}

app/(root)/(tabs)/rides.tsx

@@ -1,14 +1,14 @@
-import { useUser } from "@clerk/clerk-expo";
 import { ActivityIndicator, FlatList, Image, Text, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 import { RideCard } from "@/components/ride-card";
 import { images } from "@/constants";
 import { useFetch } from "@/lib/fetch";
+import { useSession } from "@/lib/session";
 import type { Ride } from "@/types/type";
 
 const Rides = () => {
-  const { user } = useUser();
+  const { user } = useSession();
   const { data: recentRides, loading } = useFetch<Ride[]>(
     `/(api)/ride/${user?.id}`,
   );