refactored code to follow RAFCE

Author: steadyfall

src/app/components/about.tsx

@@ -1,4 +1,4 @@
-export function About() {
+const About = () => {
   return (
     <section id="about" className="mb-12">
         <h2 className="text-2xl font-bold mb-4">About</h2>
@@ -13,3 +13,5 @@ export function About() {
     </section>
   )
 }
+
+export default About

src/app/components/footer.tsx

@@ -1,7 +1,9 @@
-export function Footer() {
+const Footer = () => {
   return (
     <footer className="mt-2 py-6 text-center text-gray-500 dark:text-gray-400">
         <p>&copy; 2024 Himank Dave. All rights reserved.</p>
     </footer>
   )
 }
+
+export default Footer

src/app/components/header.tsx

@@ -2,7 +2,7 @@ import { Github, Linkedin, Mail, StickyNote } from 'lucide-react'
 import ThemeSwitch from './ThemeSwitch'
 import Image from 'next/image'
 
-export function Header() {
+const Header = () => {
     const githubLink: string = "https://github.com/steadyfall"
     const linkedinLink: string = "https://www.linkedin.com/in/himank-dave/"
     return (
@@ -54,3 +54,5 @@ export function Header() {
         </header>
   )
 }
+
+export default Header

src/app/components/miscellaneous.tsx

@@ -1,4 +1,4 @@
-export function misc() {
+const misc = () => {
     return (
         <section id="misc" className="mb-12">
             <h2 className="text-2xl font-bold mb-4">Misc.</h2>
@@ -9,4 +9,6 @@ export function misc() {
             </ul>
         </section>
     )
-}
+}
+
+export default misc

src/app/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import { Header } from './components/Header'
-import { Footer } from './components/Footer'
-import { About } from './components/About'
+import Header from './components/Header'
+import Footer from './components/Footer'
+import About from './components/About'
 import { Experiences } from './components/Experiences'
 import { Projects } from './components/Projects'
 import Navbar from './components/Navbar';