chore(lint): bump deps and fix linting/format

31 files changed, 3105 insertions, 2260 deletions

diff --git a/.github/actions/publish-artifacts/package.json b/.github/actions/publish-artifacts/package.json
index 3a258ac..33fdb03 100644
--- a/.github/actions/publish-artifacts/package.json
+++ b/.github/actions/publish-artifacts/package.json
@@ -6,7 +6,7 @@
 		"build": "ncc build index.ts --minify"
 	},
 	"dependencies": {
-		"@actions/artifact": "^1.1.2",
+		"@actions/artifact": "^2.0.0",
 		"@actions/core": "^1.10.1",
 		"@actions/github": "^6.0.0",
 		"@actions/glob": "^0.4.0",
diff --git a/.rustfmt.toml b/.rustfmt.toml
index 9c4c730..09008c0 100644
--- a/.rustfmt.toml
+++ b/.rustfmt.toml
@@ -9,4 +9,4 @@ edition = "2021"
 merge_derives = true
 use_try_shorthand = false
 use_field_init_shorthand = false
-force_explicit_abi = true
\ No newline at end of file
+force_explicit_abi = true
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 15853eb..f329032 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -18,59 +18,36 @@
 		"/packages/ctjs/types/*": true,
 		"**/dist": true
 	},
-	// Enable the flat config support
+	// enable the eslint flat config support
 	"eslint.experimental.useFlatConfig": true,
-	// Disable the default formatter
+
+	// disable the default formatter, use eslint
 	"prettier.enable": false,
 	"editor.formatOnSave": false,
-	// Auto fix
+
+	// automatically fix
 	"editor.codeActionsOnSave": {
-		"source.fixAll.eslint": true,
-		"source.organizeImports": false
+		"source.fixAll.eslint": "explicit",
+		"source.organizeImports": "never"
 	},
-	// Silent the stylistic rules in you IDE, but still auto fix them
+
+	// silent stylistic rules in the ide, but still fix them
+	/*
 	"eslint.rules.customizations": [
-		{
-			"rule": "@stylistic/*",
-			"severity": "off"
-		},
-		{
-			"rule": "style*",
-			"severity": "off"
-		},
-		{
-			"rule": "*-indent",
-			"severity": "off"
-		},
-		{
-			"rule": "*-spacing",
-			"severity": "off"
-		},
-		{
-			"rule": "*-spaces",
-			"severity": "off"
-		},
-		{
-			"rule": "*-order",
-			"severity": "off"
-		},
-		{
-			"rule": "*-dangle",
-			"severity": "off"
-		},
-		{
-			"rule": "*-newline",
-			"severity": "off"
-		},
-		{
-			"rule": "*quotes",
-			"severity": "off"
-		},
-		{
-			"rule": "*semi",
-			"severity": "off"
-		}
+		{ "rule": "@stylistic/*", "severity": "warn" },
+		{ "rule": "style*", "severity": "warn" },
+		{ "rule": "*-indent", "severity": "warn" },
+		{ "rule": "*-spacing", "severity": "warn" },
+		{ "rule": "*-spaces", "severity": "warn" },
+		{ "rule": "*-order", "severity": "warn" },
+		{ "rule": "*-dangle", "severity": "warn" },
+		{ "rule": "*-newline", "severity": "warn" },
+		{ "rule": "*quotes", "severity": "warn" },
+		{ "rule": "*semi", "severity": "warn" }
 	],
+	*/
+
+	// enable eslint for all supported languages
 	"eslint.validate": [
 		"javascript",
 		"javascriptreact",
@@ -82,7 +59,8 @@
 		"json",
 		"jsonc",
 		"yaml",
-		"astro"
+		"astro",
+		"toml"
 	],
 	"css.customData": [
 		".vscode/tailwind.json"
diff --git a/Cargo.toml b/Cargo.toml
index 72e3e29..170480d 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,11 +1,6 @@
 [workspace]
 resolver = "2"
-members = [
-	"core",
-	"crates/*",
-	"apps/cli",
-	"apps/desktop/src-tauri"
-]
+members = ["core", "crates/*", "apps/cli", "apps/desktop/src-tauri"]
 
 [workspace.package]
 license = "AGPL-3.0-only"
@@ -44,7 +39,9 @@ serde = { version = "1.0" }
 serde_json = { version = "1.0" }
 
 tracing = { git = "https://github.com/tokio-rs/tracing", rev = "29146260fb4615d271d2e899ad95a753bb42915e" }
-tracing-subscriber = { git = "https://github.com/tokio-rs/tracing", rev = "29146260fb4615d271d2e899ad95a753bb42915e", features = ["env-filter"] }
+tracing-subscriber = { git = "https://github.com/tokio-rs/tracing", rev = "29146260fb4615d271d2e899ad95a753bb42915e", features = [
+	"env-filter",
+] }
 tracing-appender = { git = "https://github.com/tokio-rs/tracing", rev = "29146260fb4615d271d2e899ad95a753bb42915e" }
 
 [patch.crates-io]
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
index e0009b1..6729f27 100644
--- a/apps/storybook/package.json
+++ b/apps/storybook/package.json
@@ -6,13 +6,13 @@
 		"build-storybook": "storybook build --no-open"
 	},
 	"dependencies": {
-		"@storybook/addon-essentials": "^7.5.3",
-		"@storybook/addon-interactions": "^7.5.3",
-		"@storybook/addon-links": "^7.5.3",
+		"@storybook/addon-essentials": "^7.6.6",
+		"@storybook/addon-interactions": "^7.6.6",
+		"@storybook/addon-links": "^7.6.6",
 		"@storybook/addon-styling": "^1.3.7",
-		"@storybook/blocks": "^7.5.3",
-		"@storybook/react": "^7.5.3",
-		"@storybook/react-vite": "^7.5.3",
+		"@storybook/blocks": "^7.6.6",
+		"@storybook/react": "^7.6.6",
+		"@storybook/react-vite": "^7.6.6",
 		"@storybook/testing-library": "^0.2.2",
 		"postcss-pseudo-companion-classes": "^0.1.1",
 		"react": "^18.2.0",
@@ -22,15 +22,15 @@
 	"devDependencies": {
 		"@polyfrost/config": "workspace:*",
 		"@polyfrost/ui": "workspace:*",
-		"@types/react": "^18.2.38",
-		"@types/react-dom": "^18.2.17",
-		"@vitejs/plugin-react": "^4.2.0",
+		"@types/react": "^18.2.45",
+		"@types/react-dom": "^18.2.18",
+		"@vitejs/plugin-react": "^4.2.1",
 		"autoprefixer": "^10.4.16",
-		"postcss": "^8.4.31",
+		"postcss": "^8.4.32",
 		"prop-types": "^15.8.1",
-		"storybook": "^7.5.3",
-		"tailwindcss": "^3.3.5",
-		"typescript": "^5.3.2",
-		"vite": "^5.0.2"
+		"storybook": "^7.6.6",
+		"tailwindcss": "^3.4.0",
+		"typescript": "^5.3.3",
+		"vite": "^5.0.10"
 	}
 }
diff --git a/apps/website/package.json b/apps/website/package.json
index e3fb319..bb13cbe 100644
--- a/apps/website/package.json
+++ b/apps/website/package.json
@@ -7,6 +7,7 @@
 		"start": "astro start",
 		"build": "astro build",
 		"preview": "astro preview",
+		"astro": "astro",
 		"test": "vitest"
 	},
 	"dependencies": {
@@ -16,13 +17,13 @@
 		"@astrojs/tailwind": "^5.0.2",
 		"astro": "^4.0.6",
 		"sass": "^1.69.5",
-		"tailwindcss": "^3.3.5",
+		"tailwindcss": "^3.4.0",
 		"vitest": "^0.34.6"
 	},
 	"devDependencies": {
 		"@polyfrost/config": "workspace:*",
-		"@types/node": "~20.10.0",
+		"@types/node": "~20.10.5",
 		"node-html-parser": "^6.1.11",
-		"typescript": "^5.3.2"
+		"typescript": "^5.3.3"
 	}
 }
diff --git a/apps/website/src/components/base/Button.astro b/apps/website/src/components/base/Button.astro
index 438bafd..285052a 100644
--- a/apps/website/src/components/base/Button.astro
+++ b/apps/website/src/components/base/Button.astro
@@ -51,8 +51,8 @@ const className = [
 const Element = rest.href ? 'a' : 'button' as any;
 ---
 
-<Element {...rest} class={className}>
-	{iconLeft && <span class="mr-2"><Icon icon={iconLeft} size={iconSize[size]}></Icon></span>}
-	{text || <slot />}
-	{iconRight && <span class="ml-2"><Icon icon={iconRight} size={iconSize[size]}></Icon></span>}
-</Element>
+	<Element {...rest} class={className}>
+		{iconLeft && <span class="mr-2"><Icon icon={iconLeft} size={iconSize[size]}></Icon></span>}
+		{text || <slot/>}
+		{iconRight && <span class="ml-2"><Icon icon={iconRight} size={iconSize[size]}></Icon></span>}
+	</Element>
diff --git a/apps/website/src/components/base/Card.astro b/apps/website/src/components/base/Card.astro
index b3fbc00..7cc51b2 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 {
@@ -16,7 +16,7 @@ const {
 ---
 
 <!-- pt-1 added temporarily cause for some reason the icon's padding doesn't apply unless I add this. the wonders of CSS. -->
-<div {...rest} class="rounded-xl bg-gray-600 w-64 pt-1 shrink-0">
-	<Icon icon={icon} size={48} class="my-[20px] mx-auto text-white"></Icon>
-	<p class="text-white text-md mx-auto bg-primary-600 rounded-b-xl pl-[12px] pr-[32px]">{text}</p>
-</div>
+	<div {...rest} class="rounded-xl bg-gray-600 w-64 pt-1 shrink-0">
+		<Icon icon={icon} size={48} class="my-[20px] mx-auto text-white"></Icon>
+		<p class="text-white text-md mx-auto bg-primary-600 rounded-b-xl pl-[12px] pr-[32px]">{text}</p>
+	</div>
diff --git a/apps/website/src/components/base/CodeBlock.astro b/apps/website/src/components/base/CodeBlock.astro
deleted file mode 100644
index fd2cdd6..0000000
--- a/apps/website/src/components/base/CodeBlock.astro
+++ /dev/null
@@ -1,21 +0,0 @@
----
-
----
-
-<pre class="flex flex-col bg-gray-800 whitespace-pre border border-gray-50 rounded-2xl text-sm">
-	<!-- TODO: un-shit this -->
-	<code><ca>public</ca> <cb>class</cb> <cc>MyConfig</cc> <cd>&#123;</cd></code>
-	<code></code>
-	<code>    <ce>@</ce><ca>Switch</ca><cd>(</cd><ca>name</ca> <ce>=</ce> <cf>"Sub Switch"</cf><cd>,</cd> <ca>type</ca> <ce>=</ce> <ca>OptionType</ca><cd>.</cd><cb>SWITCH</cb><cd>)</cd></code>
-	<code>    <cb>public</cb> <cc>static boolean subSwitch</cc> <ce>=</ce> <cg>false</cg><cd>;</cd></code>
-	<code></code>
-	<code>    <ca>public MyConfig</ca><cd>() &#123;</cd></code>
-	<code>        <cb>super</cb><cd>(</cd><cb>new</cb> <ca>Mod</ca><cd>(</cd><cf>"My Mod"</cf><cd>,</cd> <ca>ModType</ca><cd>.</cd><cb>UTIL_QOL</cb><cd>),</cd> <cf>"config.json"</cf><cd>);</cd></code>
-	<code></code>
-	<code>        <cb>addDependency</cb><cd>(</cd><cf>"subSwitch"</cf><cd>, ()</cd> <ce>-&gt;</ce> <cd>&#123;</cd></code>
-	<code>            // Do stuff here!</code>
-	<code>        <cd>&#125;);</cd></code>
-	<code>    <cd>&#125;</cd></code>
-	<code></code>
-	<code><cd>&#125;</cd></code>
-</pre>
diff --git a/apps/website/src/components/base/FormattedDate.astro b/apps/website/src/components/base/FormattedDate.astro
index 1bcce73..af538b9 100644
--- a/apps/website/src/components/base/FormattedDate.astro
+++ b/apps/website/src/components/base/FormattedDate.astro
@@ -1,17 +1,17 @@
 ---
 interface Props {
-	date: Date;
+	date: Date
 }
 
 const { date } = Astro.props;
 ---
 
-<time datetime={date.toISOString()}>
-	{
-		date.toLocaleDateString('en-us', {
-			year: 'numeric',
-			month: 'short',
-			day: 'numeric',
-		})
-	}
-</time>
+	<time datetime={date.toISOString()}>
+		{
+			date.toLocaleDateString('en-us', {
+				year: 'numeric',
+				month: 'short',
+				day: 'numeric',
+			})
+		}
+	</time>
diff --git a/apps/website/src/components/base/Header.astro b/apps/website/src/components/base/Header.astro
index 70dc799..1ab879e 100644
--- a/apps/website/src/components/base/Header.astro
+++ b/apps/website/src/components/base/Header.astro
@@ -25,13 +25,13 @@ const {
 } = Astro.props;
 const Element = sizes[size] as any; // Unfortunately gotta do this
 
-const className = (align == 'inherit' ? '' : `text-${align} `)
-	+ (size == 'xxl' ? ' page-header' : '')
+const className = (align === 'inherit' ? '' : `text-${align} `)
+	+ (size === 'xxl' ? ' page-header' : '')
 	+ (attr.class ? ` ${attr.class}` : '');
 ---
 
 	<Element {...attr} class={className}>
-		<slot />
+		<slot/>
 	</Element>
 
 		<style>
@@ -74,4 +74,4 @@ const className = (align == 'inherit' ? '' : `text-${align} `)
 			font-weight: inherit;
 		}
 	}
-</style>
+		</style>
diff --git a/apps/website/src/components/base/Navbar.astro b/apps/website/src/components/base/Navbar.astro
index 8fa98df..15f7638 100644
--- a/apps/website/src/components/base/Navbar.astro
+++ b/apps/website/src/components/base/Navbar.astro
@@ -1,6 +1,6 @@
 ---
-import config from 'config';
 import type { Config } from '@webtypes/Config';
+import config from 'config';
 import NavbarElement from './NavbarElement.astro';
 
 ---
@@ -9,12 +9,12 @@ import NavbarElement from './NavbarElement.astro';
 		<nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center">
 			<ul class="flex flex-row justify-start gap-4">
 				{(config as Config).navbar.left.map((element, index) => (
-					<NavbarElement {element} {index} />
+					<NavbarElement {element} {index}/>
 				))}
 			</ul>
 			<ul class="flex flex-row justify-end gap-4">
 				{(config as Config).navbar.right.map((element, index) => (
-					<NavbarElement {element} {index} />
+					<NavbarElement {element} {index}/>
 				))}
 			</ul>
 		</nav>
diff --git a/apps/website/src/components/base/NavbarElement.astro b/apps/website/src/components/base/NavbarElement.astro
index 17c3662..6d549bf 100644
--- a/apps/website/src/components/base/NavbarElement.astro
+++ b/apps/website/src/components/base/NavbarElement.astro
@@ -1,11 +1,11 @@
 ---
-import type { LogoType, NavbarElement } from '@webtypes/Config';
-import Logo from '@components/logos/Logo.astro';
 import Icon from '@components/icons/Icon.astro';
-import ScreenOverlay from './ScreenOverlay.astro';
+import Logo from '@components/logos/Logo.astro';
+import type { LogoType, NavbarElement } from '@webtypes/Config';
 import Header from './Header.astro';
-import Tag from './Tag.astro';
+import ScreenOverlay from './ScreenOverlay.astro';
 import ScrollbarOverlayContainer from './ScrollbarOverlayContainer.astro';
+import Tag from './Tag.astro';
 
 interface Props {
 	element: NavbarElement
@@ -25,66 +25,64 @@ const {
 				? (
 					<a href={element.path} class="p-2 flex flex-row justify-center items-center text-gray-700 hover:text-blue-500">
 						{element.text && element.text}
-						{element.logo && <Logo size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType} />}
-						{element.dropdown && <Icon icon="chevron-down" />}
+						{element.logo && <Logo size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType}/>}
+						{element.dropdown && <Icon icon="chevron-down"/>}
 					</a>
-					)
+				)
 				: (
 					<p class="p-2 flex flex-row justify-center items-center text-gray-700 hover:text-blue-500 cursor-default">
 						{element.text && element.text}
-						{element.logo && <Logo size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType} />}
-						{element.dropdown && <Icon icon="chevron-down" />}
+						{element.logo && <Logo size={element.logo[1] < 0 ? undefined : element.logo[1]} logo={element.logo[0] as LogoType}/>}
+						{element.dropdown && <Icon icon="chevron-down"/>}
 					</p>
-					)}
+				)}
 
 			{element.dropdown && (
-				<ScreenOverlay class="max-sm:group-focus-within:opacity-100" />
-					<input tabindex="-1" type="checkbox" id={`navbar-input-${index}`} class="peer appearance-none absolute">
+				<ScreenOverlay class="max-sm:group-focus-within:opacity-100"/>
+					<input tabindex="-1" type="checkbox" id={`navbar-input-${index}`} class="peer appearance-none absolute"/>
 					<div class={`
-				transition-opacity
-                fixed md:absolute right-0 max-sm:bottom-0
-                max-sm:overflow-hidden
-                max-sm:max-h-[70vh] max-sm:h-screen max-sm:w-screen
-                pointer-events-none opacity-0
+						transition-opacity
+                		fixed md:absolute right-0 max-sm:bottom-0
+               			max-sm:overflow-hidden
+                		max-sm:max-h-[70vh] max-sm:h-screen max-sm:w-screen
+                		pointer-events-none opacity-0
 
-                md:top-full md:right-0
+                		md:top-full md:right-0
 
-                group-focus-within:pointer-events-auto group-focus-within:opacity-100
-                focus-within:pointer-events-auto focus-within:opacity-100
-                hover:pointer-events-auto hover:opacity-100
-            `}
-					>
+                		group-focus-within:pointer-events-auto group-focus-within:opacity-100
+                		focus-within:pointer-events-auto focus-within:opacity-100
+                		hover:pointer-events-auto hover:opacity-100
+            		`}>
 						<ScrollbarOverlayContainer
 							tabindex="-1"
 							class={`
-                    bg-gray-50
-                    rounded-t-lg md:rounded-lg
-                    transition-transform
-                    max-sm:translate-y-1/3 max-sm:left-0
-                    group-focus-within:translate-y-0
-                    max-h-full md:max-h-96 overflow-y-auto
-					md:shadow-lg
-                `}
-						>
+                    			bg-gray-50
+                    			rounded-t-lg md:rounded-lg
+                    			transition-transform
+                    			max-sm:translate-y-1/3 max-sm:left-0
+                    			group-focus-within:translate-y-0
+                    			max-h-full md:max-h-96 overflow-y-auto
+								md:shadow-lg
+                			`}>
 							<ul class="p-4">
 								{element.dropdown.map(item => (
 									<li>
 										<a href={item.path} class="flex sm:min-w-[400px] sm:max-w-[400px]">
-										<div class="transition-colors text-left w-full flex flex-row justify-start rounded-md items-center px-6 py-4 gap-6 hover:bg-blue-50">
-										<div class="w-[36px]">
-										{item.logo && <Logo size={40} logo={item.logo} />}
-         </div>
+											<div class="transition-colors text-left w-full flex flex-row justify-start rounded-md items-center px-6 py-4 gap-6 hover:bg-blue-50">
+												<div class="w-[36px]">
+													{item.logo && <Logo size={40} logo={item.logo}/>}
+												</div>
 
-										<div class="flex flex-col justify-start items-start">
-										<div class="flex flex-row gap-2">
-										<Header size="sm" class="text-gray-800">{item.name}</Header>
-										{item.tag && <Tag>{item.tag}</Tag>}
-         </div>
-										<p class="text-sm text-gray-400 font-light">{item.description}</p>
-         </div>
-         </div>
-         </a>
-         </li>
+												<div class="flex flex-col justify-start items-start">
+													<div class="flex flex-row gap-2">
+														<Header size="sm" class="text-gray-800">{item.name}</Header>
+														{item.tag && <Tag>{item.tag}</Tag>}
+													</div>
+													<p class="text-sm text-gray-400 font-light">{item.description}</p>
+												</div>
+											</div>
+										</a>
+									</li>
 								))}
 							</ul>
 						</ScrollbarOverlayContainer>
diff --git a/apps/website/src/components/base/Paragraph.astro b/apps/website/src/components/base/Paragraph.astro
index 832b296..ffb1030 100644
--- a/apps/website/src/components/base/Paragraph.astro
+++ b/apps/website/src/components/base/Paragraph.astro
@@ -27,5 +27,5 @@ const className = [
 ---
 
 	<p class={className} {...props}>
-		{text || <slot />}
+		{text || <slot/>}
 	</p>
diff --git a/apps/website/src/components/base/ScrollbarOverlayContainer.astro b/apps/website/src/components/base/ScrollbarOverlayContainer.astro
index 84bedf5..235dbc7 100644
--- a/apps/website/src/components/base/ScrollbarOverlayContainer.astro
+++ b/apps/website/src/components/base/ScrollbarOverlayContainer.astro
@@ -48,4 +48,4 @@ const { ...attr } = Astro.props;
         background-color: #00000040;
     }
 }
-</style>
+		</style>
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro
index 4edf1ba..55e3737 100644
--- a/apps/website/src/components/base/Section.astro
+++ b/apps/website/src/components/base/Section.astro
@@ -19,8 +19,8 @@ const {
 const twoColumn = Astro.slots.has('left') || Astro.slots.has('right');
 
 const className = `max-w-[${maxWidth}] ${wFull ? 'w-full' : `w-[${maxWidth}]`} px-5 md:p-0 flex gap-4${
-	 twoColumn ? ` ${maxWidth == 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row md:items-center md:flex-row` : ''
-	 }${props.class ? ` ${props.class}` : ''}`;
+	twoColumn ? ` ${maxWidth === 'none' ? 'justify-center' : 'justify-between md:justify-evenly lg:justify-between'} ${colReverse ? 'flex-col-reverse' : 'flex-col'} md:flex-row md:items-center md:flex-row` : ''
+}${props.class ? ` ${props.class}` : ''}`;
 ---
 
 	<section class={`w-full flex justify-center ${wrapperClass ?? ''}`}>
diff --git a/apps/website/src/components/base/Slider.astro b/apps/website/src/components/base/Slider.astro
index c1b32d1..95ffd05 100644
--- a/apps/website/src/components/base/Slider.astro
+++ b/apps/website/src/components/base/Slider.astro
@@ -2,20 +2,21 @@
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'div'> {
-	dir?: string;
-	wrapperClass?: string;
+	dir?: string
+	wrapperClass?: string
 }
 
 const {
-	dir = "left",
-	wrapperClass = ""
+	dir = 'left',
+	wrapperClass = '',
 } = Astro.props;
 ---
 
 <div class={
 	`w-full bg-blue-100 flex flex-row gap-2.5 overflow-hidden slider
-	${dir === "right" ? "reverse" : ""}
-	${wrapperClass}`}>
+	${dir === 'right' ? 'reverse' : ''}
+	${wrapperClass}`
+}>
 	<slot />
 </div>
 
diff --git a/apps/website/src/components/icons/Icon.astro b/apps/website/src/components/icons/Icon.astro
index b36d412..693948d 100644
--- a/apps/website/src/components/icons/Icon.astro
+++ b/apps/website/src/components/icons/Icon.astro
@@ -1,11 +1,11 @@
 ---
-import { parse } from 'node-html-parser';
 import type { HTMLAttributes } from 'astro/types';
+import { parse } from 'node-html-parser';
 
 export type Icons = 'chevron-down' | 'download' | 'book-open';
 
 interface Props extends HTMLAttributes<'svg'> {
-  	icon: Icons
+	icon: Icons
 	size?: number | [number, number]
 }
 
diff --git a/apps/website/src/components/logos/Logo.astro b/apps/website/src/components/logos/Logo.astro
index ad41aad..52bfe34 100644
--- a/apps/website/src/components/logos/Logo.astro
+++ b/apps/website/src/components/logos/Logo.astro
@@ -10,19 +10,18 @@ export interface Props extends HTMLAttributes<'svg'> {
 
 const {
 	logo,
-	silent = false,
 	size = undefined,
 	...attr
 } = Astro.props;
 let svg: string | undefined;
 
 try {
-	if (logo == undefined)
+	if (logo === undefined)
 		return;
 	const dir = '../../../public/media';
 	svg = (await import(`${dir}/${logo.replaceAll('.', '/')}.svg?raw` /* @vite-ignore */)).default;
 
-	if (svg == undefined)
+	if (svg === undefined)
 		return;
 
 	if (typeof size == 'number' || Array.isArray(size)) {
@@ -52,4 +51,4 @@ catch (err) {
 
 ---
 
-	<Fragment set:html={svg} />
+	<Fragment set:html={svg}/>
diff --git a/apps/website/src/layouts/BlogPost.astro b/apps/website/src/layouts/BlogPost.astro
index ed2a3c3..188aae1 100644
--- a/apps/website/src/layouts/BlogPost.astro
+++ b/apps/website/src/layouts/BlogPost.astro
@@ -1,10 +1,9 @@
 ---
+import FormattedDate from '@components/base/FormattedDate.astro';
+import '@styles/blog.css';
 import type { CollectionEntry } from 'astro:content';
 import Layout from './Layout.astro';
 
-import '@styles/blog.css';
-import FormattedDate from '@components/base/FormattedDate.astro';
-
 type Props = CollectionEntry<'blog'>['data'];
 
 const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
@@ -12,25 +11,25 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
 
 <Layout title={title} description={description}>
 	<article>
-		<div class='hero-image'>
-			{heroImage && <img width={1020} height={510} src={heroImage} alt="Hero Image" />}
+		<div class="hero-image">
+			{heroImage && <img width={1020} height={510} src={heroImage} alt="Hero Image"/>}
 		</div>
 		<div class="prose">
 			<div class="title">
 				<div class="date">
-					<FormattedDate date={pubDate} />
+					<FormattedDate date={pubDate}/>
 					{
 						updatedDate && (
 							<div class="last-updated-on">
-								Last updated on <FormattedDate date={updatedDate} />
+								Last updated on <FormattedDate date={updatedDate}/>
 							</div>
 						)
 					}
 				</div>
 				<h1>{title}</h1>
-				<hr />
+				<hr/>
 			</div>
-			<slot />
+			<slot/>
 		</div>
 	</article>
 </Layout>
diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro
index 4acc407..1af3a1e 100644
--- a/apps/website/src/layouts/Layout.astro
+++ b/apps/website/src/layouts/Layout.astro
@@ -20,25 +20,25 @@ const {
 <!doctype html>
 	<html lang="en">
 		<head>
-			<meta charset="UTF-8" />
-			<meta name="description" content={description} />
-			<meta name="viewport" content="width=device-width" />
-			<link rel="icon" type="image/svg+xml" href={favicon} />
-			<meta name="generator" content={Astro.generator} />
+			<meta charset="UTF-8"/>
+			<meta name="description" content={description}/>
+			<meta name="viewport" content="width=device-width"/>
+			<link rel="icon" type="image/svg+xml" href={favicon}/>
+			<meta name="generator" content={Astro.generator}/>
 
-			<link rel="preconnect" href="https://fonts.googleapis.com">
-			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-			<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
-			<l