refactor: remove guest book

Author: shahriarshafin

components/LoginBtn.jsx

@@ -1,4 +1,4 @@
-import Image from "next/image";
+import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { useState } from 'react';
@@ -14,93 +14,90 @@ const NavBar = () => {
 		{ name: 'About', path: '/about' },
 		{ name: 'Projects', path: '/projects' },
 		{ name: 'Open Source', path: '/open-source' },
-		{ name: 'Guestbook', path: '/guestbook' },
 	];
 
 	return (
-        (<div className='bg-sh-dark-500 bg-opacity-80 fixed w-full top-0 z-20 backdrop-filter backdrop-blur-sm shadow-lg mb-28'>
-            <div className='max-w-[50rem] mx-auto w-full px-5 py-2.5 md:px-10 lg:px-0'>
+		<div className='fixed top-0 z-20 w-full shadow-lg bg-sh-dark-500 bg-opacity-80 backdrop-filter backdrop-blur-sm mb-28'>
+			<div className='max-w-[50rem] mx-auto w-full px-5 py-2.5 md:px-10 lg:px-0'>
 				<div className='flex items-center w-full'>
-					<div className='w-3/4 justify-start items-center inline-flex'>
+					<div className='inline-flex items-center justify-start w-3/4'>
 						<div className='dropdown'>
 							<label
 								onClick={() => setIsMenuOpen(!isMenuOpen)}
 								className='md:hidden'
 							>
-								<HiOutlineMenuAlt1 className='bg-sh-dark p-2 rounded-lg h-9 w-9 mr-5 cursor-pointer' />
+								<HiOutlineMenuAlt1 className='p-2 mr-5 rounded-lg cursor-pointer bg-sh-dark h-9 w-9' />
 							</label>
 							{isMenuOpen && (
 								<ul className='border border-sh-white-500 bg-sh-dark-500 bg-opacity-[0.97] backdrop-filter shadow-lg shadow-sh-dark-500 rounded-md absolute mt-3 px-2 py-5 w-64 space-y-5'>
 									{webLinks.map((link, index) => (
 										<li key={index} onClick={() => setIsMenuOpen(false)}>
 											<Link
-                                                href={link.path}
-                                                className={
-                                                    router.pathname == link.path
-                                                        ? 'menu-item active'
-                                                        : 'menu-item'
-                                                }>
-
-                                                {link.name}
-
-                                            </Link>
+												href={link.path}
+												className={
+													router.pathname == link.path
+														? 'menu-item active'
+														: 'menu-item'
+												}
+											>
+												{link.name}
+											</Link>
 										</li>
 									))}
 								</ul>
 							)}
 						</div>
 						<Link
-                            href='/'
-                            className='rounded-full border-2 border-sh-blue flex mr-7 w-10 h-10 scale-90 hover:scale-100 transition ease-in select-none'>
-
-                            <Image
-                                className='rounded-full'
-                                src={UserImg}
-                                alt='Shafin Avatar'
-                                draggable='false'
-                                style={{
-                                    maxWidth: "100%",
-                                    height: "auto",
-                                    objectFit: "contain"
-                                }} />
-
-                        </Link>
+							href='/'
+							className='flex w-10 h-10 transition ease-in scale-90 border-2 rounded-full select-none border-sh-blue mr-7 hover:scale-100'
+						>
+							<Image
+								className='rounded-full'
+								src={UserImg}
+								alt='Shafin Avatar'
+								draggable='false'
+								style={{
+									maxWidth: '100%',
+									height: 'auto',
+									objectFit: 'contain',
+								}}
+							/>
+						</Link>
 						<div className='hidden md:flex'>
 							<ul className='inline-flex flex-row gap-3'>
 								{webLinks.map((link, index) => (
 									<li key={index}>
 										<Link
-                                            href={link.path}
-                                            className={
-                                                router.pathname == link.path
-                                                    ? 'menu-item active'
-                                                    : 'menu-item'
-                                            }>
-
-                                            {link.name}
-
-                                        </Link>
+											href={link.path}
+											className={
+												router.pathname == link.path
+													? 'menu-item active'
+													: 'menu-item'
+											}
+										>
+											{link.name}
+										</Link>
 									</li>
 								))}
 							</ul>
 						</div>
 					</div>
 
-					<div className='w-1/4 justify-end text-xl flex gap-3'>
+					<div className='flex justify-end w-1/4 gap-3 text-xl'>
 						<a
 							target='_blank'
 							aria-label='github link'
 							rel='noopener noreferrer'
 							href='https://github.com/shahriarshafin'
-							className='cursor-pointer p-3 rounded-xl hover:bg-sh-dark transition ease-in'
+							className='p-3 transition ease-in cursor-pointer rounded-xl hover:bg-sh-dark'
 						>
 							<FaGithub />
 						</a>
 					</div>
 				</div>
 			</div>
-        </div>)
-    );
+		</div>
+	);
 };
 
 export default NavBar;

components/NavBar.jsx

@@ -1,9 +1,8 @@
 import Footer from './Footer';
 import Hero from './Hero';
 import Highlights from './Highlights';
-import LoginBtn from './LoginBtn';
 import NavBar from './NavBar';
 import PageLayout from './PageLayout';
 import PinnedRepo from './PinnedRepo';
 
-export { Footer, Hero, Highlights, LoginBtn, NavBar, PageLayout, PinnedRepo };
+export { Footer, Hero, Highlights, NavBar, PageLayout, PinnedRepo };

components/index.js

@@ -11,11 +11,9 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }) {
 	// }, []);
 
 	return (
-		// <SessionProvider session={session}>
 		<PageLayout>
 			<Component {...pageProps} />
 		</PageLayout>
-		// </SessionProvider>
 	);
 }