fix: width issue on large screens (#20)

* style(ui): update global fonts (Belanosima + Bungee)

* feat: cutomize the global scrollbar(match with theme)

* fix: width issue on large screens

Author: Saketh-Reddy-Bejadi

src/components/Footer.jsx

@@ -10,7 +10,7 @@ const Footer = () => (
   <footer
     id="footer"
     className="
-        w-screen
+        w-full
         p-4
         mt-4
         bg-secondary-700

src/components/Hero.jsx

@@ -72,7 +72,7 @@ const Hero = () => {
   return (
     <section
       className="
-      w-screen
+      w-full
       aspect-[9/16] sm:aspect-[3/4] md:aspect-[4/3] lg:aspect-[21/9]
       bg-primary-400 dark:bg-primary-600
       max-h-screen