chore(deps): bump and format

17 files changed, 82 insertions, 82 deletions

diff --git a/apps/storybook/package.json b/apps/storybook/package.json
index 40399d9..a700d79 100644
--- a/apps/storybook/package.json
+++ b/apps/storybook/package.json
@@ -6,31 +6,31 @@
 		"build-storybook": "storybook build --no-open"
 	},
 	"dependencies": {
-		"@storybook/addon-essentials": "^7.6.7",
-		"@storybook/addon-interactions": "^7.6.7",
-		"@storybook/addon-links": "^7.6.7",
+		"@storybook/addon-essentials": "^7.6.10",
+		"@storybook/addon-interactions": "^7.6.10",
+		"@storybook/addon-links": "^7.6.10",
 		"@storybook/addon-styling": "^1.3.7",
-		"@storybook/blocks": "^7.6.7",
-		"@storybook/react": "^7.6.7",
-		"@storybook/react-vite": "^7.6.7",
+		"@storybook/blocks": "^7.6.10",
+		"@storybook/react": "^7.6.10",
+		"@storybook/react-vite": "^7.6.10",
 		"@storybook/testing-library": "^0.2.2",
 		"postcss-pseudo-companion-classes": "^0.1.1",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"sass": "^1.69.7"
+		"sass": "^1.70.0"
 	},
 	"devDependencies": {
 		"@polyfrost/config": "workspace:*",
 		"@polyfrost/ui": "workspace:*",
-		"@types/react": "^18.2.47",
+		"@types/react": "^18.2.48",
 		"@types/react-dom": "^18.2.18",
 		"@vitejs/plugin-react": "^4.2.1",
-		"autoprefixer": "^10.4.16",
+		"autoprefixer": "^10.4.17",
 		"postcss": "^8.4.33",
 		"prop-types": "^15.8.1",
-		"storybook": "^7.6.7",
+		"storybook": "^7.6.10",
 		"tailwindcss": "^3.4.1",
 		"typescript": "^5.3.3",
-		"vite": "^5.0.11"
+		"vite": "^5.0.12"
 	}
 }
diff --git a/apps/website/package.json b/apps/website/package.json
index ef89b74..a0727fe 100644
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -12,21 +12,21 @@
 	},
 	"dependencies": {
 		"@astrojs/check": "^0.4.1",
-		"@astrojs/mdx": "^2.0.3",
-		"@astrojs/rss": "^4.0.1",
-		"@astrojs/sitemap": "^3.0.4",
+		"@astrojs/mdx": "^2.0.5",
+		"@astrojs/rss": "^4.0.2",
+		"@astrojs/sitemap": "^3.0.5",
 		"@astrojs/tailwind": "^5.1.0",
-		"astro": "^4.1.1",
-		"sass": "^1.69.7",
+		"astro": "^4.2.1",
+		"sass": "^1.70.0",
 		"smartypants": "^0.2.2",
 		"tailwindcss": "^3.4.1",
-		"vitest": "^1.1.3",
+		"vitest": "^1.2.1",
 		"zod": "^3.22.4",
 		"zod-form-data": "^2.0.2"
 	},
 	"devDependencies": {
 		"@polyfrost/config": "workspace:*",
-		"@types/node": "~20.10.8",
+		"@types/node": "~20.11.5",
 		"node-html-parser": "^6.1.12",
 		"typescript": "^5.3.3"
 	}
diff --git a/apps/website/src/components/base/Button.astro b/apps/website/src/components/base/Button.astro
index e529dc5..0a6039f 100644
--- a/apps/website/src/components/base/Button.astro
+++ b/apps/website/src/components/base/Button.astro
@@ -23,12 +23,12 @@ const iconSize = {
 };
 
 interface Props extends HTMLAttributes<'button'> {
-	style?: keyof typeof styles
-	size?: keyof typeof sizes
-	text?: string
-	iconLeft?: Icons
-	iconRight?: Icons
-	href?: string
+	style?: keyof typeof styles;
+	size?: keyof typeof sizes;
+	text?: string;
+	iconLeft?: Icons;
+	iconRight?: Icons;
+	href?: string;
 }
 
 const {
diff --git a/apps/website/src/components/base/Card.astro b/apps/website/src/components/base/Card.astro
index 6438273..ff8cc91 100644
--- a/apps/website/src/components/base/Card.astro
+++ b/apps/website/src/components/base/Card.astro
@@ -4,8 +4,8 @@ import Icon from '@components/icons/Icon.astro';
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'div'> {
-	icon: Icons
-	text?: string
+	icon: Icons;
+	text?: string;
 }
 
 const {
diff --git a/apps/website/src/components/base/FormattedDate.astro b/apps/website/src/components/base/FormattedDate.astro
index af538b9..da68837 100644
--- a/apps/website/src/components/base/FormattedDate.astro
+++ b/apps/website/src/components/base/FormattedDate.astro
@@ -1,6 +1,6 @@
 ---
 interface Props {
-	date: Date
+	date: Date;
 }
 
 const { date } = Astro.props;
diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro
index 962b2d4..63199e3 100644
--- a/apps/website/src/components/base/Header.astro
+++ b/apps/website/src/components/base/Header.astro
@@ -14,9 +14,9 @@ const sizes = {
 type Headers = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
 interface Props extends HTMLAttributes<Headers> {
-	size?: keyof typeof sizes
-	align?: 'left' | 'center' | 'right' | 'inherit'
-	inheritSize?: boolean
+	size?: keyof typeof sizes;
+	align?: 'left' | 'center' | 'right' | 'inherit';
+	inheritSize?: boolean;
 }
 
 const {
diff --git a/apps/website/src/components/base/Paragraph.astro b/apps/website/src/components/base/Paragraph.astro
index db0bff6..f700496 100644
--- a/apps/website/src/components/base/Paragraph.astro
+++ b/apps/website/src/components/base/Paragraph.astro
@@ -10,8 +10,8 @@ const sizes = {
 };
 
 interface Props extends HTMLAttributes<'p'> {
-	text?: string
-	size?: keyof typeof sizes
+	text?: string;
+	size?: keyof typeof sizes;
 }
 
 const {
diff --git a/apps/website/src/components/base/ScreenOverlay.astro b/apps/website/src/components/base/ScreenOverlay.astro
index 1b97152..4413b61 100644
--- a/apps/website/src/components/base/ScreenOverlay.astro
+++ b/apps/website/src/components/base/ScreenOverlay.astro
@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'div'> {
-	zIndex?: number
+	zIndex?: number;
 }
 
 const {
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro
index 6ea3075..e0e994b 100644
--- a/apps/website/src/components/base/Section.astro
+++ b/apps/website/src/components/base/Section.astro
@@ -2,11 +2,11 @@
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'section'> {
-	maxWidth?: 'none' | String
-	colReverse?: boolean
-	wrapperClass?: string
-	wFull?: boolean
-	hFull?: boolean
+	maxWidth?: 'none' | String;
+	colReverse?: boolean;
+	wrapperClass?: string;
+	wFull?: boolean;
+	hFull?: boolean;
 }
 
 const {
@@ -30,6 +30,7 @@ const className = `max-w-[${maxWidth}] ${hFull ? 'min-h-screen' : 'h-auto'} ${wF
 	<div class={className} {...props}>
 		{twoColumn
 			? (
+				<>
 				<div class="flex flex-col items-center text-center w-full md:w-auto md:items-start md:text-left relative">
 					<slot name="left"></slot>
 				</div>
@@ -37,6 +38,7 @@ const className = `max-w-[${maxWidth}] ${hFull ? 'min-h-screen' : 'h-auto'} ${wF
 				<div class="flex flex-col items-center text-center w-full md:w-auto md:items-start md:text-left relative">
 					<slot name="right"></slot>
 				</div>
+				</>
 			)
 			: (
 				<slot></slot>
diff --git a/apps/website/src/components/base/Slider.astro b/apps/website/src/components/base/Slider.astro
index 1afd680..e637afe 100644
--- a/apps/website/src/components/base/Slider.astro
+++ b/apps/website/src/components/base/Slider.astro
@@ -2,11 +2,11 @@
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'div'> {
-	dir?: string
-	wrapperClass?: string
-	childrenNum: number
-	childrenSize?: string
-	speed?: string
+	dir?: string;
+	wrapperClass?: string;
+	childrenNum: number;
+	childrenSize?: string;
+	speed?: string;
 }
 
 const {
diff --git a/apps/website/src/components/base/navbar/NavbarElement.astro b/apps/website/src/components/base/navbar/NavbarElement.astro
index 5e37253..b1e23d9 100644
--- a/apps/website/src/components/base/navbar/NavbarElement.astro
+++ b/apps/website/src/components/base/navbar/NavbarElement.astro
@@ -8,8 +8,8 @@ import ScrollbarOverlayContainer from '../ScrollbarOverlayContainer.astro';
 import Tag from '../Tag.astro';
 
 interface Props {
-	element: NavbarElement
-	index: number
+	element: NavbarElement;
+	index: number;
 }
 
 const {
@@ -35,6 +35,7 @@ function isCurrentPage(url: string): boolean {
 : (
 		<label for={`navbar-input-${index}`} class="group">
 			{element.dropdown && (
+				<>
 				<p class={`p-2 flex flex-row justify-center items-center hover:text-blue-500 cursor-default ${isCurrentPage(element.dropdown[0].path ?? '') ? 'text-blue-400' : 'text-gray-700'}`}>
 					{element.text && element.text}
 					{element.logo && <Logo size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType}/>}
@@ -93,8 +94,8 @@ function isCurrentPage(url: string): boolean {
 							</ul>
 						</ScrollbarOverlayContainer>
 					</div>
+    </>
 				)}
   </label>
 )}
  </li>
-{/* WHY IS ESLINT DOING THIS */}
diff --git a/apps/website/src/components/icons/Icon.astro b/apps/website/src/components/icons/Icon.astro
index cfb14ca..1fc273f 100644
--- a/apps/website/src/components/icons/Icon.astro
+++ b/apps/website/src/components/icons/Icon.astro
@@ -35,9 +35,9 @@ type _Icons =
 export type Icons = _Icons; // bypass for Astro compiler issue https://github.com/withastro/compiler/issues/554#issuecomment-1741702411
 
 interface Props extends HTMLAttributes<'svg'> {
-	icon: Icons
-	path?: string
-	size?: number | [number, number]
+	icon: Icons;
+	path?: string;
+	size?: number | [number, number];
 }
 
 async function getSVG(name: string) {
diff --git a/apps/website/src/components/logos/Logo.astro b/apps/website/src/components/logos/Logo.astro
index cd780ad..b9cd47d 100644
--- a/apps/website/src/components/logos/Logo.astro
+++ b/apps/website/src/components/logos/Logo.astro
@@ -5,9 +5,9 @@ import type { LogoType } from '@webtypes/Config';
 import type { HTMLAttributes } from 'astro/types';
 
 export interface Props extends HTMLAttributes<'svg'> {
-	logo: LogoType
-	size?: number | [number, number]
-	silent?: boolean
+	logo: LogoType;
+	size?: number | [number, number];
+	silent?: boolean;
 }
 
 const {
diff --git a/apps/website/src/components/page/branding/BrandingImage.astro b/apps/website/src/components/page/branding/BrandingImage.astro
index e112691..b989a10 100644
--- a/apps/website/src/components/page/branding/BrandingImage.astro
+++ b/apps/website/src/components/page/branding/BrandingImage.astro
@@ -1,12 +1,12 @@
 ---
 interface Props {
-	type: 'badges' | 'logos' | 'mods'
-	name: string
-	nameFormatted?: string
-	altText?: string
-	extensions?: ('png' | 'svg')[]
-	maxWidth?: number
-	background?: string
+	type: 'badges' | 'logos' | 'mods';
+	name: string;
+	nameFormatted?: string;
+	altText?: string;
+	extensions?: ('png' | 'svg')[];
+	maxWidth?: number;
+	background?: string;
 }
 
 const {
diff --git a/apps/website/src/components/shared/BaseHead.astro b/apps/website/src/components/shared/BaseHead.astro
index ddb94e3..bfe8f78 100644
--- a/apps/website/src/components/shared/BaseHead.astro
+++ b/apps/website/src/components/shared/BaseHead.astro
@@ -1,14 +1,11 @@
 ---
-import smartypants from 'smartypants';
-import SEO from './SEO.astro';
-
 export type Props = {
-	siteName: string
-	title?: string
-	description: string
-	image: { src: string, alt: string }
-	canonicalURL?: URL | null
-	pageType?: 'website' | 'article'
+	siteName: string;
+	title?: string;
+	description: string;
+	image: { src: string; alt: string };
+	canonicalURL?: URL | null;
+	pageType?: 'website' | 'article';
 };
 
 const twitterHandle = 'polyfrost';
diff --git a/apps/website/src/components/shared/SEO.astro b/apps/website/src/components/shared/SEO.astro
index 6169185..c3b8c52 100644
--- a/apps/website/src/components/shared/SEO.astro
+++ b/apps/website/src/components/shared/SEO.astro
@@ -2,26 +2,26 @@
 import smartypants from 'smartypants';
 
 type SEOMetadata = {
-	name?: string
-	title: string
-	description: string
-	image?: { src: string, alt: string }
-	canonicalURL?: URL | null
-	locale?: string
+	name?: string;
+	title: string;
+	description: string;
+	image?: { src: string; alt: string };
+	canonicalURL?: URL | null;
+	locale?: string;
 };
 
 type OpenGraph = Partial<SEOMetadata> & {
-	type?: string
+	type?: string;
 };
 
 type Twitter = Partial<SEOMetadata> & {
-	handle?: string
-	card?: 'summary' | 'summary_large_image'
+	handle?: string;
+	card?: 'summary' | 'summary_large_image';
 };
 
 export type Props = SEOMetadata & {
-	og?: OpenGraph
-	twitter?: Twitter
+	og?: OpenGraph;
+	twitter?: Twitter;
 };
 
 const {
diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro
index f157e73..f916ee1 100644
--- a/apps/website/src/layouts/Layout.astro
+++ b/apps/website/src/layouts/Layout.astro
@@ -5,9 +5,9 @@ import Navbar from '../components/base/navbar/Navbar.astro';
 import '../styles/global.css';
 
 interface Props {
-	title?: string
-	description?: string
-	favicon?: string
+	title?: string;
+	description?: string;
+	favicon?: string;
 }
 
 const {