added dashboard page

src/app/(main)/(pages)/dashboard/page.tsx

@@ -0,0 +1,9 @@
+const DashboardPage = () => {
+    return ( 
+        <div className="flex flex-col gap-4 relative">
+            <h1 className="text-4xl sticky top-0 z-[10] p-6 bg-background/50 backdrop-blur-lg flex items-center border-b">Dashboard</h1>
+        </div>
+     );
+}
+ 
+export default DashboardPage;

src/app/(main)/(pages)/layout.tsx

@@ -0,0 +1,10 @@
+type Props = {
+    children: React.ReactNode
+}
+const Layout = ({children}: Props) => {
+    return ( <div className="border-l-[1px] border-t-[1px] pb-20 h-screen rounded-l-3xl border-muted-foreground/20 overflow-scroll">
+        {children}
+    </div> );
+}
+ 
+export default Layout;

src/app/(main)/layout.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+type Props = {
+    children: React.ReactNode
+}
+const Layout = (props: Props) => {
+    return ( 
+        <div className="flex overflow-hidden h-screen">
+            <div className="w-full">
+                {props.children}
+            </div>
+        </div>
+     );
+}
+ 
+export default Layout;