feat: enhance styling and layout with new global styles, scrollbar customization, and updated content

- Added Google Sans Code font to globals.css for improved typography.
- Introduced new CSS variables for theming in globals.css, enhancing dark mode support.
- Updated layout.tsx to include custom scrollbar styles from scrollbar.css.
- Modified page.tsx to improve the "About" section with more engaging content.
- Refactored NeoFetch component for better styling and layout consistency.
- Commented out scroll behavior in Top component for smoother navigation.
- Added new art.html file for visual representation in the NeoFetch component.

src/components/Top.tsx

@@ -62,10 +62,10 @@ export default function Top() {
     <section
       id="top"
       className="snap-start h-screen w-full relative"
-      onWheel={(e) => {
-        e.preventDefault();
-        window.scrollBy(0, window.innerHeight * (e.deltaY > 0 ? 1 : -1));
-      }}
+      // onWheel={(e) => {
+      //   e.preventDefault();
+      //   window.scrollBy(0, window.innerHeight * (e.deltaY > 0 ? 1 : -1));
+      // }}
     >
       <Sidebar />
       <div