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)/book-ride.tsx

@@ -1,14 +1,17 @@
-import { useUser } from "@clerk/clerk-expo";
+import { router } from "expo-router";
 import { Image, Text, View } from "react-native";
 
+import { CustomButton } from "@/components/custom-button";
 import { Payment } from "@/components/payment";
 import { RideLayout } from "@/components/ride-layout";
 import { icons } from "@/constants";
+import { formatLBP } from "@/lib/pricing";
+import { useSession } from "@/lib/session";
 import { formatTime } from "@/lib/utils";
 import { useDriverStore, useLocationStore } from "@/store";
 
 const BookRide = () => {
-  const { user } = useUser();
+  const { user } = useSession();
   const { userAddress, destinationAddress } = useLocationStore();
   const { drivers, selectedDriver } = useDriverStore();
 
@@ -16,6 +19,24 @@ const BookRide = () => {
     (driver) => +driver.id === selectedDriver,
   )[0];
 
+  if (!driverDetails) {
+    return (
+      <RideLayout title="Book Ride">
+        <View className="flex-1 items-center justify-center">
+          <Text className="text-base text-general-200 font-JakartaMedium text-center">
+            No driver selected.{"\n"}Please go back and choose a driver first.
+          </Text>
+
+          <CustomButton
+            title="Choose a Driver"
+            onPress={() => router.replace("/(root)/confirm-ride")}
+            className="mt-6"
+          />
+        </View>
+      </RideLayout>
+    );
+  }
+
   return (
     <RideLayout title="Book Ride">
       <>
@@ -54,9 +75,15 @@ const BookRide = () => {
           <View className="flex flex-row items-center justify-between w-full border-b border-white py-3">
             <Text className="text-lg font-JakartaRegular">Ride Price</Text>
 
-            <Text className="text-lg font-JakartaRegular text-[#0CC25F]">
-              ${driverDetails?.price}
-            </Text>
+            <View className="flex flex-col items-end">
+              <Text className="text-lg font-JakartaRegular text-[#0CC25F]">
+                ${driverDetails?.price}
+              </Text>
+
+              <Text className="text-xs font-JakartaRegular text-general-200">
+                ≈ {formatLBP(parseFloat(driverDetails?.price ?? "0"))}
+              </Text>
+            </View>
           </View>
 
           <View className="flex flex-row items-center justify-between w-full border-b border-white py-3">
@@ -95,8 +122,8 @@ const BookRide = () => {
         </View>
 
         <Payment
-          fullName={user?.fullName ?? ""}
-          email={user?.emailAddresses[0].emailAddress ?? ""}
+          fullName={user?.name ?? ""}
+          email={user?.email ?? ""}
           amount={driverDetails?.price ?? "0"}
           driverId={driverDetails?.id}
           rideTime={driverDetails?.time ?? 0}