completed oauth implementation on hub and dispatch

apps/dispatch/app/(auth)/layout.tsx

@@ -0,0 +1,27 @@
+import { NextPage } from 'next';
+import { ReactNode } from 'react';
+
+const AuthLayout: NextPage<
+  Readonly<{
+    children: React.ReactNode;
+  }>
+> = ({ children }) => (
+  <div
+    className="hero min-h-screen"
+    style={{
+      backgroundImage:
+        'url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp)',
+    }}
+  >
+    <div className="hero-overlay bg-opacity-60"></div>
+    <div className="hero-content text-neutral-content text-center ">
+      <div className="max-w-lg">
+        <div className="card bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
+          {children}
+        </div>
+      </div>
+    </div>
+  </div>
+);
+
+export default AuthLayout;