Many Changes

src/app/projects/page.tsx

@@ -1,17 +1,30 @@
-import Header           from "@/components/header";
-import PageContainer    from "@/components/page-container";
-import Navbar           from "@/components/navbar";
-import Sidebar          from "@/components/sidebar";
-import ArticlePreview   from "@/components/news/article-preview"
-import ReactDOM from "react";
+// import components
+import Header from "@/components/shared/header";
+import PageContainer from "@/components/shared/page-container";
+import Navbar from "@/components/shared/navbar";
+import Sidebar from "@/components/shared/sidebar";
+import ArticlePreview from "@/components/shared/news/article-preview"
+// import styles
 import "public/global.css"
 import "@/app/index.css"
+// import other shit
+import ReactDOM, { ReactNode } from "react";
+
+type Props = {
+    children?: ReactNode
+}
 
 
-export default function Page() {
-    return <div className={`root`}>
-            <Header/>
-            <Navbar/>
+
+export default function Page(props: Props) {
+    
+        
+    
+    
+    return (
+        <div className={`root`}>
+            <Header />
+            <Navbar />
             <PageContainer>
                 <Sidebar>
                     <h1>
@@ -20,10 +33,10 @@ export default function Page() {
                     <ul><li>filter 1</li><li>filter 2</li><li>filter 3</li></ul>
                 </Sidebar>
                 <main>
-                    <ArticlePreview/>
-                    <ArticlePreview/>
-                    <ArticlePreview/>
+                    <ArticlePreview />
+                    <ArticlePreview />
+                    <ArticlePreview />
                 </main>
             </PageContainer>
-        </div>;
+        </div>);
 }