User role based access and moved db

src/app/(frontend)/page.tsx

@@ -32,10 +32,16 @@ export default async function HomePage() {
 
   return (
     <div className="home">
-      <div className="">
-        <h1 className='text-4xl font-bold'>{page.title}</h1>
-        {page.richText && (
-          <RichText data={page.richText}/>
+      <div className="content">
+        {page && (
+          <div>
+            <h1 className='text-4xl font-bold'>{page.title}</h1>
+            <div>
+              {page.richText && (
+                <RichText data={page.richText}/>
+              )}
+            </div>
+          </div>
         )}
         <picture>
           <source srcSet="https://raw.githubusercontent.com/payloadcms/payload/main/packages/ui/src/assets/payload-favicon.svg" />