fix: added z-index to scroll progress bar and webpage

Author: steadyfall

src/app/page.tsx

@@ -74,7 +74,7 @@ export default function Portfolio() {
       <Navbar />
       <div className="mx-auto max-w-full px-4 sm:px-6 md:px-8 lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl">
         <Header />
-        <main className="container mx-auto px-4 py-8">
+        <main className="container mx-auto px-4 py-8 z-1">
           <About />
           <Experiences arr={experiencesArray}/>
           <Projects arr={projectsArray}/>

src/components/Navbar.tsx

@@ -4,7 +4,7 @@ const Navbar = () => {
     const completion = useReadingProgress();
 
     return (
-        <nav className="py-0.5 sticky top-0">
+        <nav className="z-50 py-0.5 sticky top-0">
             {/* <div className="flex items-center justify-between container mx-auto text-xl"></div> */}
             <div className="h-0.5 overflow-hidden">
                 <span