refactor: contextual file structure

src/components/NavigationBar/NavigationBar.tsx

+import React from "react";
+import ReactDOM from 'react-dom/client';
+
+const NavigationBar = () => {
+    <div>
+        <div> 
+            <button>
+                sidebar
+            </button>
+        </div>
+        <div>
+            <a>
+                MainMenu
+            </a>
+        </div>
+        <div>
+            <div>
+                searchbar
+            </div>
+        </div>
+        <div>
+            catalog
+        </div>
+        <div>
+            cart
+        </div>
+        <div>
+            account
+        </div>
+    </div>
+}
+
+export default NavigationBar;
\ No newline at end of file

src/pages/AboutPage/index.tsx

-// import Navbar from '../components/layouts/Navbar'
+// import NavigationBar from '../../components/NavigationBar'
 import React from 'react'
-import AboutPageView from '../../view/AboutPage'
+import AboutPageView from './view'
 
 const AboutPage = () => {
   return (
+    // <NavigationBar />
     <AboutPageView />
   )
 }

src/view/AboutPage/index.tsx → src/pages/AboutPage/view/index.tsx

 import React from 'react';
 import ReactDOM from 'react-dom/client'
-import logo from '../../components/images/logo.svg'
-import "../../components/fragments/L2RWipeReveal/L2RWipeReveal.css"
+import logo from '../../../assets/images/logo.svg'
+import "../../../assets/styles/L2RWipeReveal/L2RWipeReveal.css"
 
 function AboutPageView() {
     return (