refactor: remove unused imports from various components to clean up code and improve readability

src/App.tsx

@@ -3,7 +3,6 @@ import './App.css';
 import HomePage from './Pages/HomePage';
 import Footer from './Components/Footer';
 import TopBar from './Components/Topbar';
-import PageModel from './Pages/ManualBlogPages/PageModel';
 import { Box } from 'dracula-ui';
 function App() {
   return (

src/Components/Article.tsx

@@ -1,11 +1,7 @@
 import {
-    List,
-    Avatar,
     Heading,
     Paragraph,
     Box,
-    Button,
-    Input,
     Divider,
 } from "dracula-ui";
 import "dracula-ui/styles/dracula-ui.css";

src/Components/Footer.tsx

@@ -1,6 +1,5 @@
-import { List , Avatar ,Heading ,Paragraph, Box, Button,Input, Divider } from 'dracula-ui'
+import { Paragraph, Divider } from 'dracula-ui'
 import 'dracula-ui/styles/dracula-ui.css'
-import placehodler from '../Static/placeholder.svg'
 import Link from "../Components/Link"
 
 export default function Footer() {
@@ -16,4 +15,4 @@ export default function Footer() {
             </Paragraph>
         </>
     )
-}
+}

src/Components/Intro.tsx

@@ -1,7 +1,6 @@
-import { List , Avatar ,Heading ,Paragraph, Box,Card, Button,Input, Divider, textAligns } from 'dracula-ui'
+import { List , Heading ,Paragraph, Box,Card, } from 'dracula-ui'
 import Link from "../Components/Link"
 import mwa from '../Static/mwa.jpg'
-import cover from '../Static/coverplaceholder.jpg'
 import 'dracula-ui/styles/dracula-ui.css'
 
 export default function Intro() {

src/Components/Link.tsx

@@ -1,13 +1,3 @@
-import {
-    List,
-    Avatar,
-    Heading,
-    Paragraph,
-    Box,
-    Button,
-    Input,
-    Divider,
-} from "dracula-ui";
 import "dracula-ui/styles/dracula-ui.css";
 
 export default function Link({ href, children }: { href: string; children: React.ReactNode}) {

src/Components/Topbar.tsx

@@ -1,5 +1,5 @@
 import 'dracula-ui/styles/dracula-ui.css'
-import { Paragraph, Box, Button,Input } from 'dracula-ui'
+import { Box, Button,Input } from 'dracula-ui'
 
 
 export default function TopBar(){
@@ -53,4 +53,4 @@ export default function TopBar(){
             </Input>
         </Box>
     )
-}
+}

src/Components/WorkInProgress.tsx

@@ -1,5 +1,4 @@
-import { List , Avatar ,Heading ,Paragraph, Box, Button,Input, Divider } from 'dracula-ui'
-import mwa from '../Static/mwa.jpg'
+import { Heading ,Paragraph, Box} from 'dracula-ui'
 import 'dracula-ui/styles/dracula-ui.css'
 
 export default function WorkInProgress() {

src/Pages/HomePage.tsx

@@ -1,10 +1,8 @@
-import TopBar from '../Components/Topbar'
 import 'dracula-ui/styles/dracula-ui.css'
-import { List , Avatar ,Heading ,Paragraph, Box, Button,Input, Divider } from 'dracula-ui'
+import { Heading , Box, Button, Divider } from 'dracula-ui'
 import WorkInProgress from '../Components/WorkInProgress'
 import Intro from '../Components/Intro'
 import Article from '../Components/Article'
-import Footer from '../Components/Footer'
 
 export default function HomePage() {
   return (