update width screen to width full to fix overflow scroll

Author: Tessa1217

src/pages/about.tsx

@@ -11,7 +11,7 @@ export default function About() {
         id="about"
         variants={fadeInUp}
         as="section"
-        className="min-h-[100svh] flex items-center justify-center text-white text-center px-4 w-screen p-10"
+        className="min-h-[100svh] flex items-center justify-center text-white text-center px-4 w-full p-10"
       >
         <div className="flex flex-col">
           <SectionTitle title="About Me" />

src/pages/skills.tsx

@@ -9,7 +9,7 @@ export default function Skills() {
       id="skills"
       preset="hero"
       as="section"
-      className="min-h-[100svh] flex items-center justify-center text-white text-center px-4 w-screen p-10 relative"
+      className="min-h-[100svh] flex items-center justify-center text-white text-center px-4 w-full p-10 relative"
     >
       <div className="container mx-auto">
         <SectionTitle title="Skill Set" />