fix: prettier

package.json

@@ -1,9 +1,8 @@
 {
   "name": "inno-24",
-  "version": "0.1.0",
+  "version": "1.3.0",
   "private": true,
   "description": "Official repository for Innovision 2023",
-  "version": "1.3.0",
   "license": "MIT",
   "main": "src/pages/index.js",
   "keywords": [
@@ -35,18 +34,18 @@
   },
   "dependencies": {
     "@babel/core": "^7.25.2",
-    "hamburger-react": "^2.5.1",
     "@nextui-org/react": "^2.4.8",
-    "framer-motion": "^11.5.6",
     "@react-three/drei": "^9.112.1",
     "@react-three/fiber": "^8.17.7",
+    "framer-motion": "^11.5.6",
+    "hamburger-react": "^2.5.1",
     "next": "14.2.12",
     "react": "^18",
     "react-dom": "^18",
     "styled-components": "^6.1.13",
     "swiper": "^11.1.14",
-    "twin.macro": "^3.4.1",
     "three": "^0.168.0",
+    "twin.macro": "^3.4.1",
     "yarn": "^1.22.22"
   },
   "devDependencies": {
@@ -67,7 +66,7 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
-    "prettier": "^3.0.3",
+    "prettier": "^3.3.3",
     "tailwindcss": "^3.4.12"
   },
   "lint-staged": {
@@ -84,4 +83,4 @@
       "preset": "styled-components"
     }
   }
-}
+}

src/app/components/NavBar/Nav.jsx

@@ -1,6 +1,6 @@
-import React from "react";
-import { NavContainer, NavItem } from "./styles";
-import { NavData } from "@/app/config/content/NavData";
+import React from 'react';
+import { NavContainer, NavItem } from './styles';
+import { NavData } from '@/app/config/content/NavData';
 
 export const NavBar = () => {
   return (

src/app/components/NavBar/styles.jsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 export const NavContainer = styled.nav`
   background-color: #005566;

src/app/components/shared/Typography/Heading1.jsx

@@ -1,7 +1,7 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 const Heading1 = styled.h1`
-  font-family: "Poppins", sans-serif;
+  font-family: 'Poppins', sans-serif;
   font-size: 2.5rem;
   font-weight: 700;
   margin: 0;

src/app/config/content/NavData.js

@@ -1,10 +1,10 @@
 export const NavData = [
   {
-    text: "Home",
-    path: "/",
+    text: 'Home',
+    path: '/',
   },
   {
-    text: "Playground",
-    path: "/playground",
+    text: 'Playground',
+    path: '/playground',
   },
 ];

src/app/lib/registry.js

@@ -1,8 +1,8 @@
-"use client";
+'use client';
 
-import React, { useState } from "react";
-import { useServerInsertedHTML } from "next/navigation";
-import { ServerStyleSheet, StyleSheetManager } from "styled-components";
+import React, { useState } from 'react';
+import { useServerInsertedHTML } from 'next/navigation';
+import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
 
 export default function StyledComponentsRegistry({ children }) {
   // Only create stylesheet once with lazy initial state
@@ -15,11 +15,9 @@ export default function StyledComponentsRegistry({ children }) {
     return <>{styles}</>;
   });
 
-  if (typeof window !== "undefined") return <>{children}</>;
+  if (typeof window !== 'undefined') return <>{children}</>;
 
   return (
-    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
-      {children}
-    </StyleSheetManager>
+    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>{children}</StyleSheetManager>
   );
 }

src/app/playground/page.js

@@ -1,4 +1,5 @@
 'use client';
+import Image from 'next/image';
 import { LogoText, SubLogoText, Heading1, Heading2 } from '@/components/shared/Typography/Headings';
 import { Paragraph, SubParagraph, SmallParagraph } from '@/components/shared/Typography/Paragraphs';
 import { PrimaryButton, SecondaryButton } from '@/components/shared/Typography/Buttons';
@@ -39,7 +40,7 @@ const Page = () => {
         <div style={styles.con2}>
           <PrimaryButton>Get Started</PrimaryButton>
           <SecondaryButton>
-            <img
+            <Image
               src='https://about.x.com/content/dam/about-twitter/x/brand-toolkit/logo-black.png.twimg.1920.png'
               alt=''
               style={{ width: '20px', height: '20px' }}

src/components/shared/Typography/Headings.jsx

@@ -23,8 +23,8 @@ export const SubLogoText = styled.h1`
 
 export const EventHead = styled.h2`
   ${tw`text-[48px] font-orbitron mb-3 font-bold text-[#00FFD1]`}
- `;
-  
+`;
+
 export const LogoText2 = styled.h1`
   ${tw`xsm:text-[40px] text-[35px] tracking-widest font-techno font-semibold`}
 `;