feat(): Adding project section

Author: ar1603

src/components/Marquee/Marquee.tsx

@@ -13,7 +13,10 @@ const Marquee = ({
 }: MarqueeProps) => {
   const [isHovering, setHovering] = useState(false);
   const hoverProps = pauseOnHover
-    ? { onMouseEnter: () => setHovering(true), onMouseLeave: () => setHovering(false) }
+    ? {
+        onMouseEnter: () => setHovering(true),
+        onMouseLeave: () => setHovering(false),
+      }
     : {};
   return (
     <Box

src/components/Marquee/__tests__/Marquee.test.tsx

@@ -10,7 +10,13 @@ describe('Marquee', () => {
 
   it('should render the Marquee component', () => {
     const { container } = render(
-      <Marquee repeat={40} duration={10} gap={4} pauseOnHover={true} reverse={true}>
+      <Marquee
+        repeat={40}
+        duration={10}
+        gap={4}
+        pauseOnHover={true}
+        reverse={true}
+      >
         Test container
       </Marquee>,
     );
@@ -20,7 +26,14 @@ describe('Marquee', () => {
 
   it('should render the Marquee component with vertical direction', () => {
     const { container } = render(
-      <Marquee repeat={40} duration={10} gap={4} pauseOnHover={true} reverse={true} vertical={true}>
+      <Marquee
+        repeat={40}
+        duration={10}
+        gap={4}
+        pauseOnHover={true}
+        reverse={true}
+        vertical={true}
+      >
         Test container
       </Marquee>,
     );

src/components/WavyBackground/WavyBackground.tsx

@@ -112,9 +112,7 @@ const WavyBackground = ({
 
   return (
     <div
-      className={
-        'flex flex-col items-center justify-center mx-auto pb-20'
-      }
+      className={'flex flex-col items-center justify-center mx-auto pb-20'}
       style={{
         height: '20vh',
         zIndex: 0,