refactor: migrate to sqlite as database

apps/nextjs/next.config.mjs

@@ -6,10 +6,13 @@ import "@alparr/auth/env.mjs";
 const config = {
   reactStrictMode: true,
   /** Enables hot reloading for local packages without a build step */
-  transpilePackages: ["@alparr/api", "@alparr/auth", "@alparr/db"],
+  transpilePackages: ["@alparr/api", "@alparr/auth", "@alparr/db", "@alparr/ui"],
   /** We already do linting and typechecking as separate tasks in CI */
   eslint: { ignoreDuringBuilds: true },
   typescript: { ignoreBuildErrors: true },
+  experimental: {
+    optimizePackageImports: ['@mantine/core', '@mantine/hooks'],
+  },
 };
 
 export default config;

apps/nextjs/src/app/page.tsx

@@ -1,10 +1,14 @@
+import { db } from "@alparr/db";
 import { Button, Stack, Title } from "@mantine/core";
 
-export default function HomePage() {
+export default async function HomePage() {
+  const users = await db.query.users.findMany();
+
   return (
     <Stack>
       <Title>Home</Title>
       <Button>Test</Button>
+      <pre>{JSON.stringify(users)}</pre>
     </Stack>
   );
 }

apps/nextjs/src/env.mjs

@@ -14,10 +14,7 @@ export const env = createEnv({
    * built with invalid env vars.
    */
   server: {
-    DB_USERNAME: z.string(),
-    DB_PASSWORD: z.string(),
-    DB_HOST: z.string(),
-    DB_NAME: z.string(),
+    DB_URL: z.string(),
   },
   /**
    * Specify your client-side environment variables schema here.
@@ -32,10 +29,7 @@ export const env = createEnv({
   runtimeEnv: {
     VERCEL_URL: process.env.VERCEL_URL,
     PORT: process.env.PORT,
-    DB_USERNAME: process.env.DB_USERNAME,
-    DB_PASSWORD: process.env.DB_PASSWORD,
-    DB_HOST: process.env.DB_HOST,
-    DB_NAME: process.env.DB_NAME,
+    DB_URL: process.env.DB_URL,
     // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
   },
   skipValidation: