chore: rearrange stuff

src/components/BlogPost.tsx

@@ -27,7 +27,7 @@ export function BlogPost() {
 
     useEffect(() => {
         const fetchData = async () => {
-            const jsonFetch = await import('../blogPosts.json');
+            const jsonFetch = await import('../../blogPosts.json');
             const jsonDataArray = jsonFetch.default;
             const filteredPost = jsonDataArray.filter((post) => post.id === id)[0];
             if (filteredPost) {

src/main.tsx

@@ -1,13 +1,13 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
+import App from './pages/App.tsx'
 import './index.css'
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import { ThemeProvider, createTheme } from '@mui/material/styles';
-import Blog from "./Blog.tsx";
-import {BlogPost} from "./BlogPost.tsx";
-import AnalyticsNotice from "./AnalyticsNotice.tsx";
-import Collab from './Collab.tsx';
+import Blog from "./pages/Blog.tsx";
+import { BlogPost } from "./components/BlogPost.tsx";
+import AnalyticsNotice from "./components/AnalyticsNotice.tsx";
+import Collab from './pages/Collab.tsx';
 
 const router = createBrowserRouter([
     {

src/osuIcon.ts

@@ -1,26 +0,0 @@
-import {
-    IconDefinition,
-    IconName,
-    IconPrefix
-  } from "@fortawesome/fontawesome-svg-core";
-  
-  export const osuIcon: IconDefinition = {
-    icon: [
-      // SVG viewbox width (in pixels)
-      24,
-  
-      // SVG viewbox height (in pixels)
-      24,
-  
-      // Aliases (not needed)
-      [],
-  
-      // Unicode as hex value (not needed)
-      "",
-  
-      // SVG path data
-      ``
-    ],
-    iconName: "simple-icons-microsoft-outlook" as IconName,
-    prefix: "simple-icons" as IconPrefix
-  };

src/pages/Blog.tsx

@@ -1,11 +1,10 @@
-// Blog.js
 import './Blog.css';
 import { Helmet } from 'react-helmet';
-import blogPosts from '../blogPosts.json'
-import BlogPostCard from "./BlogPostCard.tsx";
-import {BlogNavBar} from "./BlogNavBar.tsx";
-import {faRss, faAtom} from "@fortawesome/free-solid-svg-icons";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import blogPosts from '../../blogPosts.json'
+import BlogPostCard from "../components/BlogPostCard.tsx";
+import { BlogNavBar } from "../components/BlogNavBar.tsx";
+import { faRss, faAtom } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import SpeedDial from '@mui/material/SpeedDial';
 import SpeedDialAction from '@mui/material/SpeedDialAction';
 import DataObject from "@mui/icons-material/DataObject";