Added site overview page

frontend/src/pages/Page.tsx

@@ -3,9 +3,10 @@ import Navbar from '../components/navbar';
 
 interface PageProps {
     title: string;
+    className?: string;
 }
 
-const Page = ({ children, title }: PropsWithChildren<PageProps>) => {
+const Page = ({ children, title, className }: PropsWithChildren<PageProps>) => {
     useEffect(() => {
         if (title) document.title = title;
     }, [title]);
@@ -16,7 +17,9 @@ const Page = ({ children, title }: PropsWithChildren<PageProps>) => {
                 profilePictureUrl="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.pinimg.com%2Foriginals%2Fca%2Fa9%2F89%2Fcaa98995f578f038373cb6874b68fdfb.jpg&f=1&nofb=1&ipt=0e7adaafec6ff834508c5ea329c5686552e35fe6bc06c299f38ebee88b22cf0a"
                 userName="jan"
             />
-            <main className="max-w-(--breakpoint-xl) mx-auto px-4">{children}</main>
+            <main className={`max-w-(--breakpoint-xl) mx-auto px-4 ${className || ''}`}>
+                {children}
+            </main>
         </div>
     );
 };