From 7105703786c9c1df0707bc14a20d581dc4beba92 Mon Sep 17 00:00:00 2001
From: itsMapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Mon, 15 Apr 2024 13:03:31 -0500
Subject: [PATCH] run format

---
 src/components/Accordion.astro                | 10 +-
 src/components/Avatar.astro                   | 18 ++--
 src/components/BaseHead.astro                 | 32 +++----
 src/components/Blockquote.astro               |  2 +-
 src/components/BlogContentImage.astro         |  6 +-
 src/components/Callout.astro                  |  6 +-
 src/components/Card.astro                     | 10 +-
 src/components/CardBody.astro                 |  8 +-
 src/components/CardFooter.astro               |  6 +-
 src/components/CardGrid.astro                 |  6 +-
 src/components/CardGridGroup.astro            | 12 +--
 src/components/CardHeading.astro              |  8 +-
 src/components/CatalogSubmitCallout.astro     | 14 +--
 src/components/Checkbox.astro                 | 10 +-
 src/components/CodeBlock.astro                |  2 +-
 src/components/CommunityProject.astro         | 22 ++---
 src/components/ExternalLink.astro             |  6 +-
 src/components/Footer.astro                   | 22 ++---
 src/components/Header.astro                   |  2 +-
 src/components/HeaderDrawerContent.astro      | 14 +--
 src/components/HeaderNav.astro                | 10 +-
 src/components/ImageFigure.astro              |  6 +-
 src/components/ImageGallery.astro             | 12 +--
 src/components/Marquee.astro                  |  2 +-
 src/components/Mention.astro                  | 12 +--
 src/components/NewsLetterSignup.astro         |  4 +-
 src/components/Note.astro                     |  4 +-
 src/components/NotificationBanner.astro       |  8 +-
 src/components/PageSection.astro              | 10 +-
 src/components/PageTitleBlock.astro           | 12 +--
 src/components/Pagination.astro               | 26 +++---
 src/components/ResourcesMenu.astro            |  8 +-
 src/components/SEO.astro                      | 50 +++++-----
 src/components/SearchFilter.astro             | 42 ++++-----
 src/components/SidebarLayout.astro            |  8 +-
 src/components/SidebarPanel.astro             |  8 +-
 src/components/SocialLinks.astro              | 12 +--
 src/components/TextInput.astro                |  6 +-
 src/components/Tweet.astro                    |  2 +-
 src/components/TwoUp.astro                    | 10 +-
 src/components/charts/CWVCLSChart.astro       |  6 +-
 .../charts/CWVCulminativeChart.astro          |  6 +-
 src/components/charts/CWVFIDChart.astro       |  6 +-
 src/components/charts/CWVINPChart.astro       |  6 +-
 src/components/charts/CWVLCPChart.astro       |  6 +-
 src/components/charts/CostOfJSChart.astro     |  6 +-
 .../charts/LighthouseMedianChart.astro        |  6 +-
 .../charts/LighthousePercentileChart.astro    |  6 +-
 src/components/form/Field.astro               |  8 +-
 src/components/form/FieldLabel.astro          |  6 +-
 src/components/form/FormErrorList.astro       |  6 +-
 src/components/form/FormFieldSet.astro        |  4 +-
 src/components/form/FormInput.astro           |  6 +-
 src/components/form/FormRadio.astro           |  6 +-
 src/components/form/FormRadioGroup.astro      | 16 ++--
 src/components/form/FormTextArea.astro        |  6 +-
 src/components/form/RichTextEditor.astro      |  2 +-
 .../_whats-new-components/ShowcaseCard.astro  | 10 +-
 .../_whats-new-components/ShowcaseGrid.astro  |  6 +-
 .../_whats-new-components/ThemeCard.astro     | 10 +-
 .../_whats-new-components/ThemeGrid.astro     |  4 +-
 src/layouts/MainLayout.astro                  |  2 +-
 src/layouts/Standalone.astro                  | 16 ++--
 src/pages/404.astro                           |  4 +-
 src/pages/[slug].astro                        | 16 ++--
 src/pages/_components/ContentFirstFast.astro  |  4 +-
 .../_components/CoreWebVitalsGraph.astro      |  2 +-
 .../_components/CoreWebVitalsGraphItem.astro  |  6 +-
 src/pages/_components/DocsGraphic.astro       |  2 +-
 src/pages/_components/FailHouston.astro       |  4 +-
 .../_components/FrontendArchitecture.astro    | 12 +--
 src/pages/_components/FullSpeedAhead.astro    | 12 +--
 src/pages/_components/GetStarted.astro        |  6 +-
 src/pages/_components/Hero.astro              | 12 +--
 src/pages/_components/IslandsGraphic.astro    |  2 +-
 .../_components/LandingSectionText.astro      |  6 +-
 src/pages/_components/LogoCarousel.astro      | 14 +--
 src/pages/_components/MainSponsorItem.astro   |  6 +-
 src/pages/_components/PillLink.astro          | 14 +--
 src/pages/_components/QuoteCard.astro         | 12 +--
 src/pages/_components/SandboxGraphic.astro    |  2 +-
 src/pages/_components/Sponsors.astro          |  8 +-
 src/pages/_components/ThemesGraphic.astro     |  2 +-
 .../_components/ToolingAndEcosystem.astro     | 30 +++---
 src/pages/blog/[...page].astro                | 34 +++----
 src/pages/blog/[slug].astro                   | 36 +++----
 .../blog/_components/BlogPostPreview.astro    | 26 +++---
 src/pages/case-studies/[slug].astro           | 32 +++----
 src/pages/db/_components/CTA.astro            |  4 +-
 src/pages/db/_components/FeatureCard.astro    |  2 +-
 .../db/_components/FeatureMicroCard.astro     |  2 +-
 src/pages/db/_components/Features.astro       | 18 ++--
 src/pages/db/_components/FooterCTA.astro      |  2 +-
 src/pages/db/_components/HeroVideo.astro      |  6 +-
 src/pages/db/_components/IntroPoint.astro     |  2 +-
 src/pages/db/_components/Pill.astro           | 10 +-
 src/pages/db/_components/Pricing.astro        |  8 +-
 src/pages/db/_components/SectionText.astro    |  4 +-
 src/pages/db/_components/Subnav.astro         |  2 +-
 src/pages/db/_components/UseCase.astro        |  4 +-
 src/pages/db/_components/UseCaseTab.astro     |  6 +-
 src/pages/db/_components/UseCaseTabs.astro    | 14 +--
 src/pages/db/_components/UseCases.astro       |  4 +-
 .../_components/features/AstroEcosystem.astro |  4 +-
 .../db/_components/features/SQLCommands.astro | 21 ++---
 .../db/_components/features/ZeroLockin.astro  |  8 +-
 src/pages/db/_components/use-cases/Auth.astro |  8 +-
 src/pages/db/_components/use-cases/Blog.astro |  8 +-
 .../db/_components/use-cases/Comments.astro   |  9 +-
 .../db/_components/use-cases/Feedback.astro   |  2 +-
 .../db/_components/use-cases/Forms.astro      |  6 +-
 src/pages/index.astro                         | 18 ++--
 src/pages/integrations/[...page].astro        | 75 +++++++--------
 .../_components/IntegrationCard.astro         | 30 +++---
 .../_components/SubmitIntegration.astro       |  6 +-
 src/pages/newsletter/confirm.astro            |  4 +-
 src/pages/newsletter/signup.astro             |  6 +-
 src/pages/newsletter/success.astro            |  4 +-
 src/pages/on/[platform].astro                 | 10 +-
 .../press/_components/PressAssetCard.astro    | 14 +--
 src/pages/press/index.astro                   | 20 ++--
 src/pages/showcase/[...page].astro            | 40 ++++----
 .../showcase/_components/ShowcaseCard.astro   | 12 +--
 .../showcase/_components/SubmitSite.astro     |  8 +-
 src/pages/themes/[...page].astro              | 93 ++++++++++---------
 src/pages/themes/_components/Avatar.astro     |  8 +-
 src/pages/themes/_components/Badge.astro      |  8 +-
 .../themes/_components/SubmitTheme.astro      |  6 +-
 src/pages/themes/_components/ThemeCTAs.astro  | 12 +--
 src/pages/themes/_components/ThemeCard.astro  | 22 ++---
 src/pages/themes/_components/ThemeStats.astro | 16 ++--
 src/pages/themes/details/[slug].astro         | 31 ++++---
 .../submit/_components/BestPractices.astro    |  2 +-
 src/pages/themes/submit/index.astro           |  2 +-
 .../_components/WallpaperAssetCard.astro      | 16 ++--
 src/pages/wallpapers/index.astro              |  6 +-
 136 files changed, 776 insertions(+), 775 deletions(-)

diff --git a/src/components/Accordion.astro b/src/components/Accordion.astro
index 5c0f76588b..bd6ef9044e 100644
--- a/src/components/Accordion.astro
+++ b/src/components/Accordion.astro
@@ -1,12 +1,12 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import ChevronIcon from "~/icons/ChevronIcon.jsx"
+import type { HTMLAttributes } from "astro/types";
+import ChevronIcon from "~/icons/ChevronIcon.jsx";
 
 export type Props = HTMLAttributes<"details"> & {
-	summary: string
-}
+	summary: string;
+};
 
-const { summary, class: className, ...attrs } = Astro.props
+const { summary, class: className, ...attrs } = Astro.props;
 ---
 
 <details class:list={["group", className]} {...attrs}>
diff --git a/src/components/Avatar.astro b/src/components/Avatar.astro
index f51bbd2e97..15e687a19a 100644
--- a/src/components/Avatar.astro
+++ b/src/components/Avatar.astro
@@ -1,18 +1,18 @@
 ---
-import { getEntry } from "astro:content"
-import { resolveImage } from "~/content/authors/_resolveImage.js"
+import { getEntry } from "astro:content";
+import { resolveImage } from "~/content/authors/_resolveImage.js";
 
 type Props = {
-	name?: string
-	image?: string
-	lg?: boolean
-}
+	name?: string;
+	image?: string;
+	lg?: boolean;
+};
 
-let { name, image, lg = false } = Astro.props
+let { name, image, lg = false } = Astro.props;
 
 if (!image && name) {
-	const author = await getEntry("authors", name)
-	image = author && (await resolveImage(author))?.src
+	const author = await getEntry("authors", name);
+	image = author && (await resolveImage(author))?.src;
 }
 ---
 
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index b7b4ca11ca..a31f185835 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -1,20 +1,20 @@
 ---
-import smartypants from "smartypants"
-import siteInfo from "~/data/site-info"
-import "~/styles/fonts.css"
-import Favicon from "./Favicon.astro"
-import SEO from "./SEO.astro"
+import smartypants from "smartypants";
+import siteInfo from "~/data/site-info";
+import "~/styles/fonts.css";
+import Favicon from "./Favicon.astro";
+import SEO from "./SEO.astro";
 
 export type Props = {
-	title?: string
-	rawTitle?: string
-	description?: string
-	image?: { src: string; alt: string }
-	canonicalURL?: URL | null
-	pageType?: "website" | "article"
-}
+	title?: string;
+	rawTitle?: string;
+	description?: string;
+	image?: { src: string; alt: string };
+	canonicalURL?: URL | null;
+	pageType?: "website" | "article";
+};
 
-const twitterHandle = "astrodotbuild"
+const twitterHandle = "astrodotbuild";
 
 const {
 	rawTitle,
@@ -22,13 +22,13 @@ const {
 	image = siteInfo.image,
 	canonicalURL = new URL(Astro.request.url, Astro.site),
 	pageType = "website",
-} = Astro.props
+} = Astro.props;
 
-const title = rawTitle ?? [Astro.props.title, siteInfo.name].filter(Boolean).join(" | ")
+const title = rawTitle ?? [Astro.props.title, siteInfo.name].filter(Boolean).join(" | ");
 const resolvedImage = {
 	src: new URL(image.src, Astro.site).toString(),
 	alt: image.alt,
-}
+};
 ---
 
 <!-- High Priority Global Metadata -->
diff --git a/src/components/Blockquote.astro b/src/components/Blockquote.astro
index 152eb7d34d..14efe20060 100644
--- a/src/components/Blockquote.astro
+++ b/src/components/Blockquote.astro
@@ -1,5 +1,5 @@
 ---
-import { Icon } from "astro-icon"
+import { Icon } from "astro-icon";
 ---
 
 <figure class="relative my-8 border-y-[3px] border-astro-gray-500 py-4">
diff --git a/src/components/BlogContentImage.astro b/src/components/BlogContentImage.astro
index 44756cb5c2..c4c19b1131 100644
--- a/src/components/BlogContentImage.astro
+++ b/src/components/BlogContentImage.astro
@@ -1,10 +1,10 @@
 ---
 export interface Props {
-	src: ImageMetadata
-	alt?: string
+	src: ImageMetadata;
+	alt?: string;
 }
 
-const { src, alt = "" } = Astro.props
+const { src, alt = "" } = Astro.props;
 ---
 
 <img
diff --git a/src/components/Callout.astro b/src/components/Callout.astro
index 9716a9d5e9..0d2315d617 100644
--- a/src/components/Callout.astro
+++ b/src/components/Callout.astro
@@ -1,9 +1,9 @@
 ---
-import { Icon } from "astro-icon"
+import { Icon } from "astro-icon";
 
 export type Props = {
-	title?: string
-}
+	title?: string;
+};
 ---
 
 <aside class="my-4 border-l-4 border-astro-purple bg-astro-purple-dark px-6 py-4 text-white">
diff --git a/src/components/Card.astro b/src/components/Card.astro
index e84ac1460c..c06745a63d 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -1,11 +1,11 @@
 ---
 export type Props = {
-	background?: "neutral" | "blue-purple" | "blue-green" | "red-pink"
-	isLink?: boolean
-	className?: string
-}
+	background?: "neutral" | "blue-purple" | "blue-green" | "red-pink";
+	isLink?: boolean;
+	className?: string;
+};
 
-const { background = "neutral", isLink = false, className } = Astro.props
+const { background = "neutral", isLink = false, className } = Astro.props;
 ---
 
 <article
diff --git a/src/components/CardBody.astro b/src/components/CardBody.astro
index ec979239c2..ce15ad0659 100644
--- a/src/components/CardBody.astro
+++ b/src/components/CardBody.astro
@@ -1,11 +1,11 @@
 ---
-import type { HTMLAttributes, HTMLTag } from "astro/types"
+import type { HTMLAttributes, HTMLTag } from "astro/types";
 
 export type Props<T extends HTMLTag> = HTMLAttributes<T> & {
-	as?: T
-}
+	as?: T;
+};
 
-const { as: Component = "div", class: className, href, ...attrs } = Astro.props
+const { as: Component = "div", class: className, href, ...attrs } = Astro.props;
 ---
 
 <Component
diff --git a/src/components/CardFooter.astro b/src/components/CardFooter.astro
index 3d6e4cfaef..7dcbaf47a7 100644
--- a/src/components/CardFooter.astro
+++ b/src/components/CardFooter.astro
@@ -1,9 +1,9 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
-export type Props = HTMLAttributes<"footer">
+export type Props = HTMLAttributes<"footer">;
 
-const { class: className, ...attrs } = Astro.props
+const { class: className, ...attrs } = Astro.props;
 ---
 
 <footer class:list={["mt-auto", className]} {...attrs}>
diff --git a/src/components/CardGrid.astro b/src/components/CardGrid.astro
index c0ec0ecfb3..ad4d628362 100644
--- a/src/components/CardGrid.astro
+++ b/src/components/CardGrid.astro
@@ -1,9 +1,9 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
-export type Props = HTMLAttributes<"div">
+export type Props = HTMLAttributes<"div">;
 
-const { class: className, ...attrs } = Astro.props
+const { class: className, ...attrs } = Astro.props;
 ---
 
 <div class:list={["grid gap-8 lg:gap-10", className]} {...attrs}>
diff --git a/src/components/CardGridGroup.astro b/src/components/CardGridGroup.astro
index 2a91b9f119..b797080bf7 100644
--- a/src/components/CardGridGroup.astro
+++ b/src/components/CardGridGroup.astro
@@ -1,13 +1,13 @@
 ---
 export type Props = {
-	title?: string
+	title?: string;
 	cta?: {
-		text: string
-		href: string
-	}
-}
+		text: string;
+		href: string;
+	};
+};
 
-const { title, cta } = Astro.props
+const { title, cta } = Astro.props;
 ---
 
 <section class="flex flex-col gap-4 lg:gap-6 w-full">
diff --git a/src/components/CardHeading.astro b/src/components/CardHeading.astro
index 8e39ee76ee..1910580e24 100644
--- a/src/components/CardHeading.astro
+++ b/src/components/CardHeading.astro
@@ -1,10 +1,10 @@
 ---
 type Props = {
-	lg?: boolean
-	class?: string
-}
+	lg?: boolean;
+	class?: string;
+};
 
-const { lg = false, class: className } = Astro.props
+const { lg = false, class: className } = Astro.props;
 ---
 
 <h3 class:list={[lg && "xl:heading-2 xl:text-[3.5rem]", "heading-3 text-gray-100", className]}>
diff --git a/src/components/CatalogSubmitCallout.astro b/src/components/CatalogSubmitCallout.astro
index 0ddc30bb9a..a521dee876 100644
--- a/src/components/CatalogSubmitCallout.astro
+++ b/src/components/CatalogSubmitCallout.astro
@@ -1,15 +1,15 @@
 ---
-import SidebarPanel, { type Props as PanelProps } from "./SidebarPanel.astro"
+import SidebarPanel, { type Props as PanelProps } from "./SidebarPanel.astro";
 
 export type Props = Omit<PanelProps, "slot"> & {
-	title: string
+	title: string;
 	cta: {
-		href: string
-		text: string
-	}
-}
+		href: string;
+		text: string;
+	};
+};
 
-const { title, cta, ...attrs } = Astro.props
+const { title, cta, ...attrs } = Astro.props;
 ---
 
 <SidebarPanel alt {...attrs}>
diff --git a/src/components/Checkbox.astro b/src/components/Checkbox.astro
index d1439d1add..4b15700fa9 100644
--- a/src/components/Checkbox.astro
+++ b/src/components/Checkbox.astro
@@ -1,12 +1,12 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import type { RequireSome } from "~/helpers/types.js"
+import type { HTMLAttributes } from "astro/types";
+import type { RequireSome } from "~/helpers/types.js";
 
 export type Props = RequireSome<HTMLAttributes<"input">, "id" | "name"> & {
-	label: string
-}
+	label: string;
+};
 
-const { id, name, label, class: className, ...attrs } = Astro.props
+const { id, name, label, class: className, ...attrs } = Astro.props;
 ---
 
 <label
diff --git a/src/components/CodeBlock.astro b/src/components/CodeBlock.astro
index 9ee04178ec..8c29add751 100644
--- a/src/components/CodeBlock.astro
+++ b/src/components/CodeBlock.astro
@@ -1,5 +1,5 @@
 ---
-import ChevronIcon from "~/icons/ChevronIcon.jsx"
+import ChevronIcon from "~/icons/ChevronIcon.jsx";
 ---
 
 <div data-code-block class="bg-blue-purple-gradient p-0.5 shadow-sm">
diff --git a/src/components/CommunityProject.astro b/src/components/CommunityProject.astro
index cda4c405b4..95d578f456 100644
--- a/src/components/CommunityProject.astro
+++ b/src/components/CommunityProject.astro
@@ -1,19 +1,19 @@
 ---
-import { Image } from "astro:assets"
-import bgImage from "../assets/blog/community-day-2023/bg.webp"
+import { Image } from "astro:assets";
+import bgImage from "../assets/blog/community-day-2023/bg.webp";
 
 export interface Props {
-	creator: string
-	github: string
-	name: string
-	link: string
-	description: string
-	fact: string
-	img?: ImageMetadata
-	linkTextOverride?: string
+	creator: string;
+	github: string;
+	name: string;
+	link: string;
+	description: string;
+	fact: string;
+	img?: ImageMetadata;
+	linkTextOverride?: string;
 }
 
-const { creator, github, name, link, description, fact, img, linkTextOverride } = Astro.props
+const { creator, github, name, link, description, fact, img, linkTextOverride } = Astro.props;
 ---
 
 <div class="grid grid-cols-1">
diff --git a/src/components/ExternalLink.astro b/src/components/ExternalLink.astro
index 6a775bdcdb..6faaafd3cc 100644
--- a/src/components/ExternalLink.astro
+++ b/src/components/ExternalLink.astro
@@ -1,8 +1,8 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import type { RequireSome } from "~/helpers/types.js"
+import type { HTMLAttributes } from "astro/types";
+import type { RequireSome } from "~/helpers/types.js";
 
-export type Props = RequireSome<HTMLAttributes<"a">, "href">
+export type Props = RequireSome<HTMLAttributes<"a">, "href">;
 ---
 
 <a target="_blank" rel="noopener noreferer" {...Astro.props}>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 5b7e225591..1e59fa417b 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,17 +1,17 @@
 ---
-import siteInfo from "~/data/site-info.js"
-import NewsLetterSignup from "./NewsLetterSignup.astro"
-import SocialLinks from "./SocialLinks.astro"
+import siteInfo from "~/data/site-info.js";
+import NewsLetterSignup from "./NewsLetterSignup.astro";
+import SocialLinks from "./SocialLinks.astro";
 
 type Link = {
-	href: string
-	text: string
-}
+	href: string;
+	text: string;
+};
 
 type LinkGroup = {
-	title: string
-	items: Link[]
-}
+	title: string;
+	items: Link[];
+};
 
 const groups: LinkGroup[] = [
 	{
@@ -90,9 +90,9 @@ const groups: LinkGroup[] = [
 			},
 		],
 	},
-]
+];
 
-const socialLinks = siteInfo.socialLinks
+const socialLinks = siteInfo.socialLinks;
 ---
 
 <footer class="container">
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 9cf74aa370..a2808c2fb2 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,7 +2,7 @@
 import MenuIcon from "~/icons/MenuIcon.jsx";
 
 export interface Props {
-  header?: "default" | "transparent";
+	header?: "default" | "transparent";
 }
 
 const { header = "default" } = Astro.props;
diff --git a/src/components/HeaderDrawerContent.astro b/src/components/HeaderDrawerContent.astro
index 4099f07f76..0ae9b12e22 100644
--- a/src/components/HeaderDrawerContent.astro
+++ b/src/components/HeaderDrawerContent.astro
@@ -1,12 +1,12 @@
 ---
-import siteInfo from "~/data/site-info.js"
-import ChevronIcon from "~/icons/ChevronIcon.jsx"
-import LayersIcon from "~/icons/LayersIcon.jsx"
-import OpenBookIcon from "~/icons/OpenBookIcon.jsx"
-import PaletteIcon from "~/icons/PaletteIcon.jsx"
-import SocialLinks from "./SocialLinks.astro"
+import siteInfo from "~/data/site-info.js";
+import ChevronIcon from "~/icons/ChevronIcon.jsx";
+import LayersIcon from "~/icons/LayersIcon.jsx";
+import OpenBookIcon from "~/icons/OpenBookIcon.jsx";
+import PaletteIcon from "~/icons/PaletteIcon.jsx";
+import SocialLinks from "./SocialLinks.astro";
 
-const socialLinks = siteInfo.socialLinks.filter((link) => !link.footerOnly)
+const socialLinks = siteInfo.socialLinks.filter((link) => !link.footerOnly);
 ---
 
 <nav
diff --git a/src/components/HeaderNav.astro b/src/components/HeaderNav.astro
index 4a78224fbd..c35e525c46 100644
--- a/src/components/HeaderNav.astro
+++ b/src/components/HeaderNav.astro
@@ -1,10 +1,10 @@
 ---
-import siteInfo from "~/data/site-info.js"
-import AstroLogo from "./AstroLogo.astro"
-import ResourcesMenu from "./ResourcesMenu.astro"
-import SocialLinks from "./SocialLinks.astro"
+import siteInfo from "~/data/site-info.js";
+import AstroLogo from "./AstroLogo.astro";
+import ResourcesMenu from "./ResourcesMenu.astro";
+import SocialLinks from "./SocialLinks.astro";
 
-const socialLinks = siteInfo.socialLinks.filter((link) => !link.footerOnly)
+const socialLinks = siteInfo.socialLinks.filter((link) => !link.footerOnly);
 ---
 
 <a href="/" data-astro-prefetch title="Home" data-home-link>
diff --git a/src/components/ImageFigure.astro b/src/components/ImageFigure.astro
index 83c4567dfc..2993f1d803 100644
--- a/src/components/ImageFigure.astro
+++ b/src/components/ImageFigure.astro
@@ -1,8 +1,8 @@
 ---
 export type Props = {
-	caption?: string
-	centered?: boolean
-}
+	caption?: string;
+	centered?: boolean;
+};
 ---
 
 <figure>
diff --git a/src/components/ImageGallery.astro b/src/components/ImageGallery.astro
index 9bf9ad7d33..d75d2e7791 100644
--- a/src/components/ImageGallery.astro
+++ b/src/components/ImageGallery.astro
@@ -1,13 +1,13 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import { Image } from "astro:assets"
-import RightArrowIcon from "~/icons/RightArrowIcon.jsx"
+import { Image } from "astro:assets";
+import type { HTMLAttributes } from "astro/types";
+import RightArrowIcon from "~/icons/RightArrowIcon.jsx";
 
 export type Props = HTMLAttributes<"div"> & {
-	images: string[]
-}
+	images: string[];
+};
 
-const { images, class: className, ...attrs } = Astro.props
+const { images, class: className, ...attrs } = Astro.props;
 ---
 
 <image-gallery
diff --git a/src/components/Marquee.astro b/src/components/Marquee.astro
index 747f2bb922..494396f8e2 100644
--- a/src/components/Marquee.astro
+++ b/src/components/Marquee.astro
@@ -1,5 +1,5 @@
 ---
-export type Props = { repeat?: number }
+export type Props = { repeat?: number };
 ---
 
 <div class="group flex overflow-hidden">
diff --git a/src/components/Mention.astro b/src/components/Mention.astro
index f6ff924e98..e34a85d28f 100644
--- a/src/components/Mention.astro
+++ b/src/components/Mention.astro
@@ -1,14 +1,14 @@
 ---
-import { getEntry } from "astro:content"
-import Avatar from "./Avatar.astro"
+import { getEntry } from "astro:content";
+import Avatar from "./Avatar.astro";
 
 export type Props = {
-	name: string
-}
+	name: string;
+};
 
-const { name } = Astro.props
+const { name } = Astro.props;
 
-const mention = await getEntry("authors", name)
+const mention = await getEntry("authors", name);
 ---
 
 {
diff --git a/src/components/NewsLetterSignup.astro b/src/components/NewsLetterSignup.astro
index f8de877ae1..750bf09dde 100644
--- a/src/components/NewsLetterSignup.astro
+++ b/src/components/NewsLetterSignup.astro
@@ -1,9 +1,9 @@
 ---
 interface Props {
-	skipText?: boolean
+	skipText?: boolean;
 }
 
-const { skipText = false } = Astro.props
+const { skipText = false } = Astro.props;
 ---
 
 <div class={`${skipText ? "mx-auto" : ""} flex flex-col self-center md:max-w-sm`}>
diff --git a/src/components/Note.astro b/src/components/Note.astro
index 64ee95dc4d..96ade30e2d 100644
--- a/src/components/Note.astro
+++ b/src/components/Note.astro
@@ -1,8 +1,8 @@
 ---
 export interface Props {
-	title?: string
+	title?: string;
 }
-const { title } = Astro.props
+const { title } = Astro.props;
 ---
 
 <aside class="my-6 rounded border border-astro-gray-400 px-6 py-4">
diff --git a/src/components/NotificationBanner.astro b/src/components/NotificationBanner.astro
index 7fc65d8851..75c4504f79 100644
--- a/src/components/NotificationBanner.astro
+++ b/src/components/NotificationBanner.astro
@@ -1,9 +1,9 @@
 ---
-import XIcon from "~/icons/XIcon.jsx"
+import XIcon from "~/icons/XIcon.jsx";
 export type Props = {
-	uid: string
-}
-const { uid } = Astro.props
+	uid: string;
+};
+const { uid } = Astro.props;
 ---
 
 <aside
diff --git a/src/components/PageSection.astro b/src/components/PageSection.astro
index 76d4b34104..8204ac9d73 100644
--- a/src/components/PageSection.astro
+++ b/src/components/PageSection.astro
@@ -1,12 +1,12 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
 export type Props = HTMLAttributes<"section"> & {
-	title: string
-	body?: string
-}
+	title: string;
+	body?: string;
+};
 
-const { title, body, class: className, ...attrs } = Astro.props
+const { title, body, class: className, ...attrs } = Astro.props;
 ---
 
 <section class:list={["flex flex-col gap-y-8 md:gap-y-12 lg:gap-y-16", className]} {...attrs}>
diff --git a/src/components/PageTitleBlock.astro b/src/components/PageTitleBlock.astro
index 92f2555890..784bf07843 100644
--- a/src/components/PageTitleBlock.astro
+++ b/src/components/PageTitleBlock.astro
@@ -1,12 +1,12 @@
 ---
 export type Props = {
-	lg?: boolean
-	title?: string
-	body?: string
-	wide?: boolean
-}
+	lg?: boolean;
+	title?: string;
+	body?: string;
+	wide?: boolean;
+};
 
-const { lg = false, title, body, wide = false } = Astro.props
+const { lg = false, title, body, wide = false } = Astro.props;
 ---
 
 <div class="flex flex-col items-center">
diff --git a/src/components/Pagination.astro b/src/components/Pagination.astro
index e4d638f1dd..d7d67cb335 100644
--- a/src/components/Pagination.astro
+++ b/src/components/Pagination.astro
@@ -1,15 +1,15 @@
 ---
-import type { Page } from "astro"
-import type { HTMLAttributes } from "astro/types"
-import { collapseRange } from "~/helpers/paginate.js"
-import LeftArrowIcon from "~/icons/LeftArrowIcon.jsx"
-import RightArrowIcon from "~/icons/RightArrowIcon.jsx"
+import type { Page } from "astro";
+import type { HTMLAttributes } from "astro/types";
+import { collapseRange } from "~/helpers/paginate.js";
+import LeftArrowIcon from "~/icons/LeftArrowIcon.jsx";
+import RightArrowIcon from "~/icons/RightArrowIcon.jsx";
 
 export type Props = Omit<HTMLAttributes<"nav">, "slot"> & {
-	page: Page<unknown>
-	allPages: string[]
-	restRoute?: boolean
-}
+	page: Page<unknown>;
+	allPages: string[];
+	restRoute?: boolean;
+};
 
 const {
 	page,
@@ -17,17 +17,17 @@ const {
 	restRoute = false,
 	"aria-label": ariaLabel = "Pagination",
 	...attrs
-} = Astro.props
+} = Astro.props;
 
 const pages = allPages.map((href, i) => {
 	return {
 		pageNum: i + 1,
 		text: String(i + 1),
 		href,
-	}
-})
+	};
+});
 
-const collapsedPages = collapseRange(page, pages)
+const collapsedPages = collapseRange(page, pages);
 ---
 
 <nav aria-label={ariaLabel} {...attrs}>
diff --git a/src/components/ResourcesMenu.astro b/src/components/ResourcesMenu.astro
index c71c7d86be..ebb2f32c6c 100644
--- a/src/components/ResourcesMenu.astro
+++ b/src/components/ResourcesMenu.astro
@@ -1,8 +1,8 @@
 ---
-import ChevronIcon from "~/icons/ChevronIcon.jsx"
-import LayersIcon from "~/icons/LayersIcon.jsx"
-import OpenBookIcon from "~/icons/OpenBookIcon.jsx"
-import PaletteIcon from "~/icons/PaletteIcon.jsx"
+import ChevronIcon from "~/icons/ChevronIcon.jsx";
+import LayersIcon from "~/icons/LayersIcon.jsx";
+import OpenBookIcon from "~/icons/OpenBookIcon.jsx";
+import PaletteIcon from "~/icons/PaletteIcon.jsx";
 ---
 
 <details id="resources-menu" class="group relative">
diff --git a/src/components/SEO.astro b/src/components/SEO.astro
index 45a5146b77..c2a81beaeb 100644
--- a/src/components/SEO.astro
+++ b/src/components/SEO.astro
@@ -1,27 +1,27 @@
 ---
 export type Image = {
-	src: string
-	alt: string
-}
+	src: string;
+	alt: string;
+};
 export type SEOMetadata = {
-	name: string
-	title: string
-	description: string
-	image: Image
-	canonicalURL?: URL | string | null
-	locale?: string
-}
+	name: string;
+	title: string;
+	description: string;
+	image: Image;
+	canonicalURL?: URL | string | null;
+	locale?: string;
+};
 export type OpenGraph = Partial<SEOMetadata> & {
-	type?: string
-}
+	type?: string;
+};
 export 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 {
 	name,
 	title,
@@ -29,7 +29,7 @@ const {
 	image,
 	locale = "en",
 	canonicalURL = new URL(Astro.url.pathname, Astro.site),
-} = Astro.props
+} = Astro.props;
 
 const og = {
 	name,
@@ -40,7 +40,7 @@ const og = {
 	locale,
 	type: "website",
 	...Astro.props.og,
-} satisfies OpenGraph
+} satisfies OpenGraph;
 
 const twitter = {
 	name,
@@ -51,20 +51,20 @@ const twitter = {
 	locale,
 	card: "summary_large_image",
 	...Astro.props.twitter,
-} satisfies Twitter
+} satisfies Twitter;
 
 /**
  * Enforce some standard canonical URL formatting across the site.
  */
 function formatCanonicalURL(url: string | URL) {
-	const path = url.toString()
-	const hasQueryParams = path.includes("?")
+	const path = url.toString();
+	const hasQueryParams = path.includes("?");
 	// If there are query params, make sure the URL has no trailing slash
 	if (hasQueryParams) {
-		path.replace(/\/?$/, "")
+		path.replace(/\/?$/, "");
 	}
 	// otherwise, canonical URL always has a trailing slash
-	return path.replace(/\/?$/, hasQueryParams ? "" : "/")
+	return path.replace(/\/?$/, hasQueryParams ? "" : "/");
 }
 ---
 
diff --git a/src/components/SearchFilter.astro b/src/components/SearchFilter.astro
index 4940a05079..9083910aa9 100644
--- a/src/components/SearchFilter.astro
+++ b/src/components/SearchFilter.astro
@@ -1,37 +1,37 @@
 ---
-import MagnifierIcon from "~/icons/MagnifierIcon.jsx"
-import Accordion from "./Accordion.astro"
-import Checkbox from "./Checkbox.astro"
-import TextInput from "./TextInput.astro"
+import MagnifierIcon from "~/icons/MagnifierIcon.jsx";
+import Accordion from "./Accordion.astro";
+import Checkbox from "./Checkbox.astro";
+import TextInput from "./TextInput.astro";
 
 export type FilterOptions = {
-	id: string
-	name: string
-	value: string
-	label: string
-	selected?: boolean
-}
+	id: string;
+	name: string;
+	value: string;
+	label: string;
+	selected?: boolean;
+};
 
 export type FilterGroup = {
-	title: string
-	options: FilterOptions[]
-}
+	title: string;
+	options: FilterOptions[];
+};
 
 export type Props = {
-	indexRoute: string
-	groups: FilterGroup[]
-	search?: string | null
-	searchPlaceholder: string
-}
+	indexRoute: string;
+	groups: FilterGroup[];
+	search?: string | null;
+	searchPlaceholder: string;
+};
 
-const { indexRoute, groups, search = "", searchPlaceholder } = Astro.props
+const { indexRoute, groups, search = "", searchPlaceholder } = Astro.props;
 
 const groupsSelected = groups.filter(({ options }) =>
 	options.some(({ selected }) => selected),
-).length
+).length;
 
 const resetHref =
-	groupsSelected > 0 ? (search ? `${indexRoute}?search=${search}` : indexRoute) : undefined
+	groupsSelected > 0 ? (search ? `${indexRoute}?search=${search}` : indexRoute) : undefined;
 ---
 
 <form action={indexRoute} class="searchfilter">
diff --git a/src/components/SidebarLayout.astro b/src/components/SidebarLayout.astro
index 00663ffa45..31dc7710be 100644
--- a/src/components/SidebarLayout.astro
+++ b/src/components/SidebarLayout.astro
@@ -1,11 +1,11 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
 export type Props = HTMLAttributes<"section"> & {
-	columnReverse?: boolean
-}
+	columnReverse?: boolean;
+};
 
-const { class: className, columnReverse = false, ...attrs } = Astro.props
+const { class: className, columnReverse = false, ...attrs } = Astro.props;
 ---
 
 <div
diff --git a/src/components/SidebarPanel.astro b/src/components/SidebarPanel.astro
index 287980f0c0..2363d24b5e 100644
--- a/src/components/SidebarPanel.astro
+++ b/src/components/SidebarPanel.astro
@@ -1,11 +1,11 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
 export type Props = HTMLAttributes<"div"> & {
-	alt?: boolean
-}
+	alt?: boolean;
+};
 
-const { class: className, alt = false, ...attrs } = Astro.props
+const { class: className, alt = false, ...attrs } = Astro.props;
 ---
 
 <div
diff --git a/src/components/SocialLinks.astro b/src/components/SocialLinks.astro
index 813212b33c..6150f0ea4a 100644
--- a/src/components/SocialLinks.astro
+++ b/src/components/SocialLinks.astro
@@ -1,13 +1,13 @@
 ---
-import { Icon } from "astro-icon"
-import type { SocialLink } from "~/data/site-info.js"
-import ExternalLink from "~/components/ExternalLink.astro"
+import { Icon } from "astro-icon";
+import ExternalLink from "~/components/ExternalLink.astro";
+import type { SocialLink } from "~/data/site-info.js";
 
 export type Props = {
-	links: SocialLink[]
-}
+	links: SocialLink[];
+};
 
-const { links } = Astro.props
+const { links } = Astro.props;
 ---
 
 <div class="flex items-center gap-4">
diff --git a/src/components/TextInput.astro b/src/components/TextInput.astro
index 24256d1b24..48e722f948 100644
--- a/src/components/TextInput.astro
+++ b/src/components/TextInput.astro
@@ -1,9 +1,9 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
-export type Props = HTMLAttributes<"input">
+export type Props = HTMLAttributes<"input">;
 
-const { type = "text", class: className, ...attrs } = Astro.props
+const { type = "text", class: className, ...attrs } = Astro.props;
 ---
 
 <div
diff --git a/src/components/Tweet.astro b/src/components/Tweet.astro
index c5f9490b37..aaed44f246 100644
--- a/src/components/Tweet.astro
+++ b/src/components/Tweet.astro
@@ -1,6 +1,6 @@
 ---
 export interface Props {
-	src: string
+	src: string;
 }
 ---
 
diff --git a/src/components/TwoUp.astro b/src/components/TwoUp.astro
index 7c6f6eb452..2073ce38f5 100644
--- a/src/components/TwoUp.astro
+++ b/src/components/TwoUp.astro
@@ -1,12 +1,12 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
 export type Props = HTMLAttributes<"div"> & {
-	threshold?: "sm" | "md" | "lg"
-	mobileReverse?: boolean
-}
+	threshold?: "sm" | "md" | "lg";
+	mobileReverse?: boolean;
+};
 
-const { threshold = "md", class: className, mobileReverse, ...attrs } = Astro.props
+const { threshold = "md", class: className, mobileReverse, ...attrs } = Astro.props;
 ---
 
 <div
diff --git a/src/components/charts/CWVCLSChart.astro b/src/components/charts/CWVCLSChart.astro
index 2e4f11c263..35a92d77ce 100644
--- a/src/components/charts/CWVCLSChart.astro
+++ b/src/components/charts/CWVCLSChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/CWVCulminativeChart.astro b/src/components/charts/CWVCulminativeChart.astro
index ad11de3150..99bec0beb4 100644
--- a/src/components/charts/CWVCulminativeChart.astro
+++ b/src/components/charts/CWVCulminativeChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/CWVFIDChart.astro b/src/components/charts/CWVFIDChart.astro
index 76461d47e6..096cbfc6cd 100644
--- a/src/components/charts/CWVFIDChart.astro
+++ b/src/components/charts/CWVFIDChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/CWVINPChart.astro b/src/components/charts/CWVINPChart.astro
index 0d5f9514fe..8d481c776a 100644
--- a/src/components/charts/CWVINPChart.astro
+++ b/src/components/charts/CWVINPChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/CWVLCPChart.astro b/src/components/charts/CWVLCPChart.astro
index a871e03ca7..94f1c60978 100644
--- a/src/components/charts/CWVLCPChart.astro
+++ b/src/components/charts/CWVLCPChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/CostOfJSChart.astro b/src/components/charts/CostOfJSChart.astro
index fb08d23cbc..1cf7928805 100644
--- a/src/components/charts/CostOfJSChart.astro
+++ b/src/components/charts/CostOfJSChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/LighthouseMedianChart.astro b/src/components/charts/LighthouseMedianChart.astro
index c3cdf05f88..f27b658fc2 100644
--- a/src/components/charts/LighthouseMedianChart.astro
+++ b/src/components/charts/LighthouseMedianChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/charts/LighthousePercentileChart.astro b/src/components/charts/LighthousePercentileChart.astro
index 90f60d41cb..c66aaab034 100644
--- a/src/components/charts/LighthousePercentileChart.astro
+++ b/src/components/charts/LighthousePercentileChart.astro
@@ -1,7 +1,7 @@
 ---
-import Card from "../Card.astro"
-import CardBody from "../CardBody.astro"
-import CardLabel from "../CardLabel.astro"
+import Card from "../Card.astro";
+import CardBody from "../CardBody.astro";
+import CardLabel from "../CardLabel.astro";
 ---
 
 <Card className="mx-auto max-w-2xl">
diff --git a/src/components/form/Field.astro b/src/components/form/Field.astro
index fd388cf10c..64916d38dd 100644
--- a/src/components/form/Field.astro
+++ b/src/components/form/Field.astro
@@ -1,10 +1,10 @@
 ---
-import FieldLabel from "./FieldLabel.astro"
-import FormErrorList from "./FormErrorList.astro"
+import FieldLabel from "./FieldLabel.astro";
+import FormErrorList from "./FormErrorList.astro";
 
 export type Props = {
-	errors?: string | string[]
-}
+	errors?: string | string[];
+};
 ---
 
 <div>
diff --git a/src/components/form/FieldLabel.astro b/src/components/form/FieldLabel.astro
index 26bedf26eb..afb29cd0a5 100644
--- a/src/components/form/FieldLabel.astro
+++ b/src/components/form/FieldLabel.astro
@@ -1,9 +1,9 @@
 ---
 export type Props = astroHTML.JSX.HTMLAttributes & {
-	required?: boolean
-}
+	required?: boolean;
+};
 
-const { required, ...props } = Astro.props
+const { required, ...props } = Astro.props;
 ---
 
 <span
diff --git a/src/components/form/FormErrorList.astro b/src/components/form/FormErrorList.astro
index 72712ab05b..6adef4c78f 100644
--- a/src/components/form/FormErrorList.astro
+++ b/src/components/form/FormErrorList.astro
@@ -1,9 +1,9 @@
 ---
-import FormError from "./FormError.astro"
+import FormError from "./FormError.astro";
 
 export type Props = {
-	errors?: string | string[]
-}
+	errors?: string | string[];
+};
 ---
 
 {[Astro.props.errors ?? []].flat().map((error) => <FormError>{error}</FormError>)}
diff --git a/src/components/form/FormFieldSet.astro b/src/components/form/FormFieldSet.astro
index 00849c65af..44bd3a41ac 100644
--- a/src/components/form/FormFieldSet.astro
+++ b/src/components/form/FormFieldSet.astro
@@ -1,7 +1,7 @@
 ---
 export type Props = {
-	legend: string
-}
+	legend: string;
+};
 ---
 
 <fieldset class="grid gap-6">
diff --git a/src/components/form/FormInput.astro b/src/components/form/FormInput.astro
index 675dc511d9..273ccedf34 100644
--- a/src/components/form/FormInput.astro
+++ b/src/components/form/FormInput.astro
@@ -1,9 +1,9 @@
 ---
 export type Props = astroHTML.JSX.InputHTMLAttributes & {
-	label: string
-}
+	label: string;
+};
 
-const { label, ...props } = Astro.props
+const { label, ...props } = Astro.props;
 ---
 
 <label class="group" data-required={props.required}>
diff --git a/src/components/form/FormRadio.astro b/src/components/form/FormRadio.astro
index 51629136ae..0ebd249067 100644
--- a/src/components/form/FormRadio.astro
+++ b/src/components/form/FormRadio.astro
@@ -1,9 +1,9 @@
 ---
 export type Props = Omit<astroHTML.JSX.InputHTMLAttributes, "type"> & {
-	label: string
-}
+	label: string;
+};
 
-const { label, ...props } = Astro.props
+const { label, ...props } = Astro.props;
 ---
 
 <label class="inline-flex items-center gap-2">
diff --git a/src/components/form/FormRadioGroup.astro b/src/components/form/FormRadioGroup.astro
index cdacccf1d1..2793369e28 100644
--- a/src/components/form/FormRadioGroup.astro
+++ b/src/components/form/FormRadioGroup.astro
@@ -1,16 +1,16 @@
 ---
-import FormRadio from "./FormRadio.astro"
+import FormRadio from "./FormRadio.astro";
 
 export type Props = Omit<astroHTML.JSX.HTMLAttributes, "name" | "type" | "slot"> & {
-	name: string
+	name: string;
 	options: Array<{
-		label: string
-		value: string
-	}>
-	defaultValue?: string
-}
+		label: string;
+		value: string;
+	}>;
+	defaultValue?: string;
+};
 
-const { name, options, defaultValue, ...props } = Astro.props
+const { name, options, defaultValue, ...props } = Astro.props;
 ---
 
 <div {...props} class="inline-flex gap-4">
diff --git a/src/components/form/FormTextArea.astro b/src/components/form/FormTextArea.astro
index 913f477696..676c960255 100644
--- a/src/components/form/FormTextArea.astro
+++ b/src/components/form/FormTextArea.astro
@@ -1,9 +1,9 @@
 ---
 export type Props = astroHTML.JSX.TextareaHTMLAttributes & {
-	label: string
-}
+	label: string;
+};
 
-const { label, ...props } = Astro.props
+const { label, ...props } = Astro.props;
 ---
 
 <label class="group" data-required={props.required}>
diff --git a/src/components/form/RichTextEditor.astro b/src/components/form/RichTextEditor.astro
index 7c749080c2..99b7b47b24 100644
--- a/src/components/form/RichTextEditor.astro
+++ b/src/components/form/RichTextEditor.astro
@@ -1,5 +1,5 @@
 ---
-import "quill/dist/quill.snow.css"
+import "quill/dist/quill.snow.css";
 
 export interface Props extends astroHTML.JSX.InputHTMLAttributes {}
 ---
diff --git a/src/content/blog/_whats-new-components/ShowcaseCard.astro b/src/content/blog/_whats-new-components/ShowcaseCard.astro
index a70b6b0713..fa81877653 100644
--- a/src/content/blog/_whats-new-components/ShowcaseCard.astro
+++ b/src/content/blog/_whats-new-components/ShowcaseCard.astro
@@ -1,13 +1,13 @@
 ---
-import { Image } from "astro:assets"
-import ExternalLinkIcon from "~/icons/ExternalLinkIcon"
+import { Image } from "astro:assets";
+import ExternalLinkIcon from "~/icons/ExternalLinkIcon";
 
 export interface Props {
-	url: string
-	title: string
+	url: string;
+	title: string;
 }
 
-const { url, title } = Astro.props
+const { url, title } = Astro.props;
 ---
 
 <li
diff --git a/src/content/blog/_whats-new-components/ShowcaseGrid.astro b/src/content/blog/_whats-new-components/ShowcaseGrid.astro
index 6097375bea..4937edd49d 100644
--- a/src/content/blog/_whats-new-components/ShowcaseGrid.astro
+++ b/src/content/blog/_whats-new-components/ShowcaseGrid.astro
@@ -1,11 +1,11 @@
 ---
-import ShowcaseCard, { type Props as CardProps } from "./ShowcaseCard.astro"
+import ShowcaseCard, { type Props as CardProps } from "./ShowcaseCard.astro";
 
 interface Props {
-	items: CardProps[]
+	items: CardProps[];
 }
 
-const { items } = Astro.props
+const { items } = Astro.props;
 ---
 
 <ul
diff --git a/src/content/blog/_whats-new-components/ThemeCard.astro b/src/content/blog/_whats-new-components/ThemeCard.astro
index da9eef62e1..211569b246 100644
--- a/src/content/blog/_whats-new-components/ThemeCard.astro
+++ b/src/content/blog/_whats-new-components/ThemeCard.astro
@@ -1,13 +1,13 @@
 ---
-const { slug } = Astro.props
+const { slug } = Astro.props;
 
 const entry = await fetch(`${import.meta.env.THEMES_API_URL}/api/themes/details?slug=${slug}`).then(
 	(res) => res.json(),
-)
-if (!entry) throw new Error(`Could not find theme with slug "${slug}"`)
+);
+if (!entry) throw new Error(`Could not find theme with slug "${slug}"`);
 
-const { title, image } = entry.Theme
-const { Author: author } = entry
+const { title, image } = entry.Theme;
+const { Author: author } = entry;
 ---
 
 <li
diff --git a/src/content/blog/_whats-new-components/ThemeGrid.astro b/src/content/blog/_whats-new-components/ThemeGrid.astro
index 639d8d73e2..f78fd3aa06 100644
--- a/src/content/blog/_whats-new-components/ThemeGrid.astro
+++ b/src/content/blog/_whats-new-components/ThemeGrid.astro
@@ -1,8 +1,8 @@
 ---
-import ThemeCard from "./ThemeCard.astro"
+import ThemeCard from "./ThemeCard.astro";
 
 interface Props {
-	themes: string[]
+	themes: string[];
 }
 ---
 
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index e23fe75310..f56060cf84 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -8,7 +8,7 @@ import SkipLink from "~/components/SkipLink.astro";
 import "~/styles/tailwind.css";
 
 interface Props extends HeadProps, HeaderProps {
-  class?: string;
+	class?: string;
 }
 
 const { class: classList, header = "default", ...head } = Astro.props;
diff --git a/src/layouts/Standalone.astro b/src/layouts/Standalone.astro
index b41c4b971d..59d3e99e96 100644
--- a/src/layouts/Standalone.astro
+++ b/src/layouts/Standalone.astro
@@ -1,12 +1,12 @@
 ---
-import BaseHead, { type Props as HeadProps } from "~/components/BaseHead.astro"
-import Header from "~/components/Header.astro"
-import HeaderDrawerContent from "~/components/HeaderDrawerContent.astro"
-import HeaderNav from "~/components/HeaderNav.astro"
-import SkipLink from "~/components/SkipLink.astro"
-import "~/styles/tailwind.css"
-export type Props = HeadProps
-const { ...head } = Astro.props
+import BaseHead, { type Props as HeadProps } from "~/components/BaseHead.astro";
+import Header from "~/components/Header.astro";
+import HeaderDrawerContent from "~/components/HeaderDrawerContent.astro";
+import HeaderNav from "~/components/HeaderNav.astro";
+import SkipLink from "~/components/SkipLink.astro";
+import "~/styles/tailwind.css";
+export type Props = HeadProps;
+const { ...head } = Astro.props;
 ---
 
 <!doctype html>
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 70376decfd..6e55ba11e1 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,6 +1,6 @@
 ---
-import MainLayout from "~/layouts/MainLayout.astro"
-import FailHouston from "./_assets/fail-houston.webp"
+import MainLayout from "~/layouts/MainLayout.astro";
+import FailHouston from "./_assets/fail-houston.webp";
 ---
 
 <MainLayout title="Page not found" canonicalURL={null}>
diff --git a/src/pages/[slug].astro b/src/pages/[slug].astro
index dd2419e7bd..7cd8eb4787 100644
--- a/src/pages/[slug].astro
+++ b/src/pages/[slug].astro
@@ -1,21 +1,21 @@
 ---
-import { type CollectionEntry, getCollection } from "astro:content"
-import MainLayout from "~/layouts/MainLayout.astro"
+import { type CollectionEntry, getCollection } from "astro:content";
+import MainLayout from "~/layouts/MainLayout.astro";
 
 export async function getStaticPaths() {
-	const pages = await getCollection("pages")
+	const pages = await getCollection("pages");
 
 	return pages.map((page) => {
 		return {
 			params: { slug: page.slug },
 			props: { page },
-		}
-	})
+		};
+	});
 }
 
-const { page } = Astro.props as { page: CollectionEntry<"pages"> }
-const { seo, updated_date } = page.data
-const { Content } = await page.render()
+const { page } = Astro.props as { page: CollectionEntry<"pages"> };
+const { seo, updated_date } = page.data;
+const { Content } = await page.render();
 ---
 
 <MainLayout {...seo}>
diff --git a/src/pages/_components/ContentFirstFast.astro b/src/pages/_components/ContentFirstFast.astro
index 9277a0c340..8e3975d2de 100644
--- a/src/pages/_components/ContentFirstFast.astro
+++ b/src/pages/_components/ContentFirstFast.astro
@@ -1,6 +1,6 @@
 ---
-import ExampleShowcase from "./ExampleShowcase.jsx"
-import LandingSectionText from "./LandingSectionText.astro"
+import ExampleShowcase from "./ExampleShowcase.jsx";
+import LandingSectionText from "./LandingSectionText.astro";
 ---
 
 <section class="landing-section relative overflow-hidden">
diff --git a/src/pages/_components/CoreWebVitalsGraph.astro b/src/pages/_components/CoreWebVitalsGraph.astro
index dee1c0d8fb..a48e33ef3a 100644
--- a/src/pages/_components/CoreWebVitalsGraph.astro
+++ b/src/pages/_components/CoreWebVitalsGraph.astro
@@ -1,5 +1,5 @@
 ---
-import CoreWebVitalsGraphItem from "./CoreWebVitalsGraphItem.astro"
+import CoreWebVitalsGraphItem from "./CoreWebVitalsGraphItem.astro";
 ---
 
 <dl class="relative my-2 flex flex-1 flex-col gap-2">
diff --git a/src/pages/_components/CoreWebVitalsGraphItem.astro b/src/pages/_components/CoreWebVitalsGraphItem.astro
index 72dce602f3..e6bf8f0a5e 100644
--- a/src/pages/_components/CoreWebVitalsGraphItem.astro
+++ b/src/pages/_components/CoreWebVitalsGraphItem.astro
@@ -1,8 +1,8 @@
 ---
 export interface Props {
-	title: string
-	score: number
-	glow?: boolean
+	title: string;
+	score: number;
+	glow?: boolean;
 }
 ---
 
diff --git a/src/pages/_components/DocsGraphic.astro b/src/pages/_components/DocsGraphic.astro
index 69595d6ac4..6025a423a6 100644
--- a/src/pages/_components/DocsGraphic.astro
+++ b/src/pages/_components/DocsGraphic.astro
@@ -1,5 +1,5 @@
 ---
-export type Props = astroHTML.JSX.SVGAttributes
+export type Props = astroHTML.JSX.SVGAttributes;
 ---
 
 <svg
diff --git a/src/pages/_components/FailHouston.astro b/src/pages/_components/FailHouston.astro
index d48d034b61..ec7b0c5936 100644
--- a/src/pages/_components/FailHouston.astro
+++ b/src/pages/_components/FailHouston.astro
@@ -1,7 +1,7 @@
 ---
-import type { HTMLAttributes } from "astro/types"
+import type { HTMLAttributes } from "astro/types";
 
-export type Props = HTMLAttributes<"svg">
+export type Props = HTMLAttributes<"svg">;
 ---
 
 <svg
diff --git a/src/pages/_components/FrontendArchitecture.astro b/src/pages/_components/FrontendArchitecture.astro
index f7e2994247..06a5858885 100644
--- a/src/pages/_components/FrontendArchitecture.astro
+++ b/src/pages/_components/FrontendArchitecture.astro
@@ -1,10 +1,10 @@
 ---
-import Card from "~/components/Card.astro"
-import CardGrid from "~/components/CardGrid.astro"
-import CardHeading from "~/components/CardHeading.astro"
-import applicationFocusedImg from "../_assets/application-focused.webp"
-import contentFocusedImg from "../_assets/content-focused.webp"
-import LandingSectionText from "./LandingSectionText.astro"
+import Card from "~/components/Card.astro";
+import CardGrid from "~/components/CardGrid.astro";
+import CardHeading from "~/components/CardHeading.astro";
+import applicationFocusedImg from "../_assets/application-focused.webp";
+import contentFocusedImg from "../_assets/content-focused.webp";
+import LandingSectionText from "./LandingSectionText.astro";
 ---
 
 <section class="landing-section">
diff --git a/src/pages/_components/FullSpeedAhead.astro b/src/pages/_components/FullSpeedAhead.astro
index a7e5b305ae..dfd037a196 100644
--- a/src/pages/_components/FullSpeedAhead.astro
+++ b/src/pages/_components/FullSpeedAhead.astro
@@ -1,10 +1,10 @@
 ---
-import Card from "~/components/Card.astro"
-import CardBody from "~/components/CardBody.astro"
-import CardFooter from "~/components/CardFooter.astro"
-import CardLabel from "~/components/CardLabel.astro"
-import CoreWebVitalsGraph from "./CoreWebVitalsGraph.astro"
-import LandingSectionText from "./LandingSectionText.astro"
+import Card from "~/components/Card.astro";
+import CardBody from "~/components/CardBody.astro";
+import CardFooter from "~/components/CardFooter.astro";
+import CardLabel from "~/components/CardLabel.astro";
+import CoreWebVitalsGraph from "./CoreWebVitalsGraph.astro";
+import LandingSectionText from "./LandingSectionText.astro";
 ---
 
 <section class="landing-section">
diff --git a/src/pages/_components/GetStarted.astro b/src/pages/_components/GetStarted.astro
index c5b6eecf85..f380de27c1 100644
--- a/src/pages/_components/GetStarted.astro
+++ b/src/pages/_components/GetStarted.astro
@@ -1,7 +1,7 @@
 ---
-import AstroLogomark from "~/icons/AstroLogomark.jsx"
-import houstonHappy from "../_assets/houston-happy.webp"
-import houston from "../_assets/houston.webp"
+import AstroLogomark from "~/icons/AstroLogomark.jsx";
+import houstonHappy from "../_assets/houston-happy.webp";
+import houston from "../_assets/houston.webp";
 ---
 
 <section
diff --git a/src/pages/_components/Hero.astro b/src/pages/_components/Hero.astro
index d98287f41f..803647e7ba 100644
--- a/src/pages/_components/Hero.astro
+++ b/src/pages/_components/Hero.astro
@@ -1,9 +1,9 @@
 ---
-import { Icon } from "astro-icon"
-import CodeBlock from "~/components/CodeBlock.astro"
-import ExternalLink from "~/components/ExternalLink.astro"
-import PageTitleBlock from "~/components/PageTitleBlock.astro"
-import PillLink from "./PillLink.astro"
+import { Icon } from "astro-icon";
+import CodeBlock from "~/components/CodeBlock.astro";
+import ExternalLink from "~/components/ExternalLink.astro";
+import PageTitleBlock from "~/components/PageTitleBlock.astro";
+import PillLink from "./PillLink.astro";
 
 const logos = [
 	{ src: "logos/google", alt: "Google Logo", class: "py-1 -mb-1 md:-mb-2 lg:-mb-2.5" },
@@ -12,7 +12,7 @@ const logos = [
 	{ src: "logos/rokt", alt: "Rokt Logo", class: "py-2" },
 	{ src: "logos/theguardian", alt: "The Guardian Logo", class: "py-1.5" },
 	{ src: "logos/trivago", alt: "Trivago Logo", class: "py-1" },
-]
+];
 ---
 
 <section class="landing-section relative overflow-x-hidden pb-40 pt-14 sm:pt-20 lg:pt-32">
diff --git a/src/pages/_components/IslandsGraphic.astro b/src/pages/_components/IslandsGraphic.astro
index 59bc950735..64bd9a8e66 100644
--- a/src/pages/_components/IslandsGraphic.astro
+++ b/src/pages/_components/IslandsGraphic.astro
@@ -1,5 +1,5 @@
 ---
-export type Props = astroHTML.JSX.SVGAttributes
+export type Props = astroHTML.JSX.SVGAttributes;
 ---
 
 <svg viewBox="0 0 331 196" fill="none" xmlns="http://www.w3.org/2000/svg" {...Astro.props}>
diff --git a/src/pages/_components/LandingSectionText.astro b/src/pages/_components/LandingSectionText.astro
index fd4bc11ce9..c07e923175 100644
--- a/src/pages/_components/LandingSectionText.astro
+++ b/src/pages/_components/LandingSectionText.astro
@@ -1,9 +1,9 @@
 ---
 type Props = {
-	wide?: boolean
-}
+	wide?: boolean;
+};
 
-const { wide } = Astro.props
+const { wide } = Astro.props;
 ---
 
 <h2
diff --git a/src/pages/_components/LogoCarousel.astro b/src/pages/_components/LogoCarousel.astro
index c5681b4a96..29e053c46a 100644
--- a/src/pages/_components/LogoCarousel.astro
+++ b/src/pages/_components/LogoCarousel.astro
@@ -1,14 +1,14 @@
 ---
-import { Sprite } from "astro-icon"
-import Marquee from "~/components/Marquee.astro"
+import { Sprite } from "astro-icon";
+import Marquee from "~/components/Marquee.astro";
 
 export type Props = {
 	logos: Array<{
-		icon?: string
-		alt: string
-		href?: string
-	}>
-}
+		icon?: string;
+		alt: string;
+		href?: string;
+	}>;
+};
 ---
 
 <Marquee>
diff --git a/src/pages/_components/MainSponsorItem.astro b/src/pages/_components/MainSponsorItem.astro
index bf60a40088..14f921918c 100644
--- a/src/pages/_components/MainSponsorItem.astro
+++ b/src/pages/_components/MainSponsorItem.astro
@@ -1,8 +1,8 @@
 ---
 export type Props = {
-	href: string
-	caption: string
-}
+	href: string;
+	caption: string;
+};
 ---
 
 <a
diff --git a/src/pages/_components/PillLink.astro b/src/pages/_components/PillLink.astro
index 24449c99de..2b53dce720 100644
--- a/src/pages/_components/PillLink.astro
+++ b/src/pages/_components/PillLink.astro
@@ -1,14 +1,14 @@
 ---
-import ChevronIcon from "~/icons/ChevronIcon.jsx"
+import ChevronIcon from "~/icons/ChevronIcon.jsx";
 
 type Props = {
-	title: string
-	subtitle: string
-	href: string
-	class?: string
-}
+	title: string;
+	subtitle: string;
+	href: string;
+	class?: string;
+};
 
-const { title, subtitle, href, class: className } = Astro.props
+const { title, subtitle, href, class: className } = Astro.props;
 ---
 
 <aside
diff --git a/src/pages/_components/QuoteCard.astro b/src/pages/_components/QuoteCard.astro
index ea8095e050..9dcf7d4d99 100644
--- a/src/pages/_components/QuoteCard.astro
+++ b/src/pages/_components/QuoteCard.astro
@@ -1,14 +1,14 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import type { CollectionEntry } from "astro:content"
+import type { CollectionEntry } from "astro:content";
+import type { HTMLAttributes } from "astro/types";
 
 export type Props = Omit<HTMLAttributes<"article">, "slot"> & {
-	quote: CollectionEntry<"quotes">
-}
+	quote: CollectionEntry<"quotes">;
+};
 
-const { quote, class: className, ...attrs } = Astro.props
+const { quote, class: className, ...attrs } = Astro.props;
 
-const { Content } = await quote.render()
+const { Content } = await quote.render();
 ---
 
 <article
diff --git a/src/pages/_components/SandboxGraphic.astro b/src/pages/_components/SandboxGraphic.astro
index 8d776ef3ac..9c647b6b66 100644
--- a/src/pages/_components/SandboxGraphic.astro
+++ b/src/pages/_components/SandboxGraphic.astro
@@ -1,5 +1,5 @@
 ---
-export type Props = astroHTML.JSX.SVGAttributes
+export type Props = astroHTML.JSX.SVGAttributes;
 ---
 
 <svg
diff --git a/src/pages/_components/Sponsors.astro b/src/pages/_components/Sponsors.astro
index 4c4131639c..826af4b60d 100644
--- a/src/pages/_components/Sponsors.astro
+++ b/src/pages/_components/Sponsors.astro
@@ -1,6 +1,6 @@
 ---
-import { Icon } from "astro-icon"
-import MainSponsorItem from "./MainSponsorItem.astro"
+import { Icon } from "astro-icon";
+import MainSponsorItem from "./MainSponsorItem.astro";
 
 const sponsors = [
 	{ src: "sponsors/netlify", alt: "Netlify Logo", href: "https://netlify.com" },
@@ -27,9 +27,9 @@ const sponsors = [
 		alt: "CloudCannon CMS Logo",
 		href: "https://cloudcannon.com/astro-cms/?utm_campaign=Astro%20out-of-beta&utm_source=astro-sponsorship",
 	},
-]
+];
 
-const mainSponsorLogoHeight = 40
+const mainSponsorLogoHeight = 40;
 ---
 
 <section class="landing-section gap-12 py-16 sm:gap-24 sm:py-20 md:py-24 lg:py-28 xl:py-32">
diff --git a/src/pages/_components/ThemesGraphic.astro b/src/pages/_components/ThemesGraphic.astro
index 952b9ed3a4..926c1c88ca 100644
--- a/src/pages/_components/ThemesGraphic.astro
+++ b/src/pages/_components/ThemesGraphic.astro
@@ -1,5 +1,5 @@
 ---
-export type Props = astroHTML.JSX.SVGAttributes
+export type Props = astroHTML.JSX.SVGAttributes;
 ---
 
 <svg
diff --git a/src/pages/_components/ToolingAndEcosystem.astro b/src/pages/_components/ToolingAndEcosystem.astro
index c61b91ab41..d006e7332c 100644
--- a/src/pages/_components/ToolingAndEcosystem.astro
+++ b/src/pages/_components/ToolingAndEcosystem.astro
@@ -1,17 +1,17 @@
 ---
-import { Sprite } from "astro-icon"
-import clsx from "clsx"
-import Card from "~/components/Card.astro"
-import CardBody from "~/components/CardBody.astro"
-import CardFooter from "~/components/CardFooter.astro"
-import CardHeading from "~/components/CardHeading.astro"
-import CardLabel from "~/components/CardLabel.astro"
-import CardParagraph from "~/components/CardParagraph.astro"
-import communityCloud from "../_assets/community-cloud.webp"
-import DocsGraphic from "./DocsGraphic.astro"
-import LandingSectionText from "./LandingSectionText.astro"
-import SandboxGraphic from "./SandboxGraphic.astro"
-import ThemesGraphic from "./ThemesGraphic.astro"
+import { Sprite } from "astro-icon";
+import clsx from "clsx";
+import Card from "~/components/Card.astro";
+import CardBody from "~/components/CardBody.astro";
+import CardFooter from "~/components/CardFooter.astro";
+import CardHeading from "~/components/CardHeading.astro";
+import CardLabel from "~/components/CardLabel.astro";
+import CardParagraph from "~/components/CardParagraph.astro";
+import communityCloud from "../_assets/community-cloud.webp";
+import DocsGraphic from "./DocsGraphic.astro";
+import LandingSectionText from "./LandingSectionText.astro";
+import SandboxGraphic from "./SandboxGraphic.astro";
+import ThemesGraphic from "./ThemesGraphic.astro";
 
 const toolingLogos = [
 	{ icon: "logos/react-logomark", alt: "React Logo" },
@@ -22,11 +22,11 @@ const toolingLogos = [
 	{ icon: "logos/tailwind-logomark", alt: "Tailwind Logo" },
 	{ icon: "logos/solid-logomark", alt: "Solid Logo" },
 	{ icon: "logos/alpinejs-logomark", alt: "Alpine Logo" },
-]
+];
 
 // adds a fake box to limit the width of the first line,
 // so it doesn't overlap the graphic
-const graphicCardHeadingClass = clsx("before:float-right before:h-1 before:w-32")
+const graphicCardHeadingClass = clsx("before:float-right before:h-1 before:w-32");
 ---
 
 <section class="landing-section">
diff --git a/src/pages/blog/[...page].astro b/src/pages/blog/[...page].astro
index 60c036a9a2..9973b59a45 100644
--- a/src/pages/blog/[...page].astro
+++ b/src/pages/blog/[...page].astro
@@ -1,32 +1,32 @@
 ---
-import type { GetStaticPathsOptions, Page } from "astro"
-import { type CollectionEntry, getCollection } from "astro:content"
-import Pagination from "~/components/Pagination.astro"
-import SidebarLayout from "~/components/SidebarLayout.astro"
-import SidebarPanel from "~/components/SidebarPanel.astro"
-import RSSIcon from "~/icons/RSSIcon.jsx"
-import Layout from "~/layouts/MainLayout.astro"
-import BlogPostPreview from "./_components/BlogPostPreview.astro"
+import { type CollectionEntry, getCollection } from "astro:content";
+import type { GetStaticPathsOptions, Page } from "astro";
+import Pagination from "~/components/Pagination.astro";
+import SidebarLayout from "~/components/SidebarLayout.astro";
+import SidebarPanel from "~/components/SidebarPanel.astro";
+import RSSIcon from "~/icons/RSSIcon.jsx";
+import Layout from "~/layouts/MainLayout.astro";
+import BlogPostPreview from "./_components/BlogPostPreview.astro";
 
 export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {
-	const posts = [...(await getCollection("blog")), ...(await getCollection("caseStudies"))]
+	const posts = [...(await getCollection("blog")), ...(await getCollection("caseStudies"))];
 
 	const sortedPosts = posts.sort(
 		(a, b) => b.data.publishDate.getTime() - a.data.publishDate.getTime(),
-	)
+	);
 
-	return paginate(sortedPosts, { pageSize: 12 })
+	return paginate(sortedPosts, { pageSize: 12 });
 }
 
 const { page } = Astro.props as {
-	page: Page<CollectionEntry<"blog"> | CollectionEntry<"caseStudies">>
-}
+	page: Page<CollectionEntry<"blog"> | CollectionEntry<"caseStudies">>;
+};
 
 const allPages = [...Array(page.lastPage).keys()].map((num) => {
-	return `/blog${num === 0 ? "" : `/${String(num + 1)}`}`
-})
+	return `/blog${num === 0 ? "" : `/${String(num + 1)}`}`;
+});
 
-const allPosts = await getCollection("blog")
+const allPosts = await getCollection("blog");
 
 const featuredPosts = [
 	"images",
@@ -35,7 +35,7 @@ const featuredPosts = [
 	"vercel-official-hosting-partner",
 ]
 	.map((slug) => allPosts.find((post) => post.slug === slug))
-	.filter(Boolean) as CollectionEntry<"blog">[]
+	.filter(Boolean) as CollectionEntry<"blog">[];
 ---
 
 <Layout
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 44c2313531..8d82646b93 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -1,44 +1,44 @@
 ---
-import { type CollectionEntry, getCollection, getEntry } from "astro:content"
-import { format } from "date-fns"
-import Avatar from "~/components/Avatar.astro"
-import { resolveCoverImage, resolveSocialImage } from "~/content/blog/_resolveImage.js"
-import { randomFromArray } from "~/helpers/random.js"
-import Layout from "~/layouts/MainLayout.astro"
+import { type CollectionEntry, getCollection, getEntry } from "astro:content";
+import { format } from "date-fns";
+import Avatar from "~/components/Avatar.astro";
+import { resolveCoverImage, resolveSocialImage } from "~/content/blog/_resolveImage.js";
+import { randomFromArray } from "~/helpers/random.js";
+import Layout from "~/layouts/MainLayout.astro";
 
 export type Props = {
-	post: CollectionEntry<"blog">
-}
+	post: CollectionEntry<"blog">;
+};
 
 export async function getStaticPaths() {
-	const blog = await getCollection("blog")
+	const blog = await getCollection("blog");
 
 	return blog.map((post) => ({
 		params: { slug: post.slug },
 		props: { post },
-	}))
+	}));
 }
 
-const { post } = Astro.props
+const { post } = Astro.props;
 
-const { data, render } = post
-const { Content } = await render()
+const { data, render } = post;
+const { Content } = await render();
 
-const coverImage = await resolveCoverImage(post)
-const socialImage = await resolveSocialImage(post)
+const coverImage = await resolveCoverImage(post);
+const socialImage = await resolveSocialImage(post);
 
 const authors = await Promise.all(data.authors.map((author) => getEntry("authors", author))).then(
 	(authors) => authors.filter(Boolean) as CollectionEntry<"authors">[],
-)
+);
 
 const gradients = [
 	"bg-red-pink-gradient",
 	"bg-blue-green-gradient",
 	"bg-blue-purple-gradient",
 	"bg-orange-yellow-gradient",
-]
+];
 
-const placeholderGradient = randomFromArray(gradients)
+const placeholderGradient = randomFromArray(gradients);
 ---
 
 <Layout
diff --git a/src/pages/blog/_components/BlogPostPreview.astro b/src/pages/blog/_components/BlogPostPreview.astro
index ae98765fd9..5d9c3781eb 100644
--- a/src/pages/blog/_components/BlogPostPreview.astro
+++ b/src/pages/blog/_components/BlogPostPreview.astro
@@ -1,23 +1,23 @@
 ---
-import { format } from "date-fns"
-import { resolveCoverImage } from "~/content/blog/_resolveImage.js"
+import { format } from "date-fns";
+import { resolveCoverImage } from "~/content/blog/_resolveImage.js";
 
 export type Props = {
-	isCaseStudy: boolean
+	isCaseStudy: boolean;
 	post: {
-		slug: string
+		slug: string;
 		data: {
-			title: string
-			description: string
-			publishDate: Date
-			coverImage?: string
-		}
-	}
-}
+			title: string;
+			description: string;
+			publishDate: Date;
+			coverImage?: string;
+		};
+	};
+};
 
-const { post, isCaseStudy } = Astro.props
+const { post, isCaseStudy } = Astro.props;
 
-const image = await resolveCoverImage(post)
+const image = await resolveCoverImage(post);
 ---
 
 <article
diff --git a/src/pages/case-studies/[slug].astro b/src/pages/case-studies/[slug].astro
index 56ac753ebb..2ac936ae42 100644
--- a/src/pages/case-studies/[slug].astro
+++ b/src/pages/case-studies/[slug].astro
@@ -1,35 +1,35 @@
 ---
-import { type CollectionEntry, getCollection, getEntry } from "astro:content"
-import { format } from "date-fns"
-import Avatar from "~/components/Avatar.astro"
-import { resolveBlogImage, resolveSocialImage } from "~/content/blog/_resolveImage.js"
-import Layout from "~/layouts/MainLayout.astro"
-import houstonWink from "~/assets/houston_wink.webp"
+import { type CollectionEntry, getCollection, getEntry } from "astro:content";
+import { format } from "date-fns";
+import houstonWink from "~/assets/houston_wink.webp";
+import Avatar from "~/components/Avatar.astro";
+import { resolveBlogImage, resolveSocialImage } from "~/content/blog/_resolveImage.js";
+import Layout from "~/layouts/MainLayout.astro";
 
 export type Props = {
-	post: CollectionEntry<"caseStudies">
-}
+	post: CollectionEntry<"caseStudies">;
+};
 
 export async function getStaticPaths() {
-	const items = await getCollection("caseStudies")
+	const items = await getCollection("caseStudies");
 	return items.map((post) => ({
 		params: { slug: post.slug },
 		props: { post },
-	}))
+	}));
 }
 
-const { post } = Astro.props
+const { post } = Astro.props;
 
-const { data, render } = post
-const { Content } = await render()
+const { data, render } = post;
+const { Content } = await render();
 
-const socialImage = await resolveSocialImage(post)
+const socialImage = await resolveSocialImage(post);
 
-const headerImage = await resolveBlogImage(post.data.headerImage)
+const headerImage = await resolveBlogImage(post.data.headerImage);
 
 const authors = await Promise.all(data.authors.map((author) => getEntry("authors", author))).then(
 	(authors) => authors.filter(Boolean) as CollectionEntry<"authors">[],
-)
+);
 ---
 
 <Layout
diff --git a/src/pages/db/_components/CTA.astro b/src/pages/db/_components/CTA.astro
index b7f2717bdc..234c0095e3 100644
--- a/src/pages/db/_components/CTA.astro
+++ b/src/pages/db/_components/CTA.astro
@@ -1,7 +1,7 @@
 ---
-import ExternalLink from "~/components/ExternalLink.astro"
+import ExternalLink from "~/components/ExternalLink.astro";
 
-const { class: classList } = Astro.props
+const { class: classList } = Astro.props;
 ---
 
 <div class:list={["flex w-full flex-col justify-center gap-4 sm:flex-row", classList]}>
diff --git a/src/pages/db/_components/FeatureCard.astro b/src/pages/db/_components/FeatureCard.astro
index e07acc72a2..d828c9f5a5 100644
--- a/src/pages/db/_components/FeatureCard.astro
+++ b/src/pages/db/_components/FeatureCard.astro
@@ -1,5 +1,5 @@
 ---
-const { removePadding = false } = Astro.props
+const { removePadding = false } = Astro.props;
 ---
 
 <div
diff --git a/src/pages/db/_components/FeatureMicroCard.astro b/src/pages/db/_components/FeatureMicroCard.astro
index cd2fcc9448..e74cc2156a 100644
--- a/src/pages/db/_components/FeatureMicroCard.astro
+++ b/src/pages/db/_components/FeatureMicroCard.astro
@@ -1,5 +1,5 @@
 ---
-const { removePadding = false } = Astro.props
+const { removePadding = false } = Astro.props;
 ---
 
 <li class="space-y-2 rounded-xl border border-[#858B98]/20 bg-[#0C0F19]">
diff --git a/src/pages/db/_components/Features.astro b/src/pages/db/_components/Features.astro
index 905c25df00..dcaefecc6d 100644
--- a/src/pages/db/_components/Features.astro
+++ b/src/pages/db/_components/Features.astro
@@ -1,12 +1,12 @@
 ---
-import Icon from "astro-icon"
-import ORM from "./features/ORM.astro"
-import SectionText from "./SectionText.astro"
-import DataView from "./features/DataView.astro"
-import ZeroLockin from "./features/ZeroLockin.astro"
-import SQLCommands from "./features/SQLCommands.astro"
-import AstroEcosystem from "./features/AstroEcosystem.astro"
-import GlobalDistribution from "./features/GlobalDistribution.astro"
+import Icon from "astro-icon";
+import SectionText from "./SectionText.astro";
+import AstroEcosystem from "./features/AstroEcosystem.astro";
+import DataViewComponent from "./features/DataView.astro";
+import GlobalDistribution from "./features/GlobalDistribution.astro";
+import ORM from "./features/ORM.astro";
+import SQLCommands from "./features/SQLCommands.astro";
+import ZeroLockin from "./features/ZeroLockin.astro";
 ---
 
 <section class="mx-auto w-full max-w-screen-xl space-y-2 p-4 sm:p-8">
@@ -83,7 +83,7 @@ import GlobalDistribution from "./features/GlobalDistribution.astro"
 			</figcaption>
 			<p class="sr-only">Illustration of a bable-based user interface, similar to that of Excel</p>
 			<div class="pl-4 illustration pointer-events-none isolate select-none" aria-hidden="true">
-				<DataView />
+				<DataViewComponent />
 			</div>
 		</figure>
 
diff --git a/src/pages/db/_components/FooterCTA.astro b/src/pages/db/_components/FooterCTA.astro
index 81d8b9d9d9..1f01007127 100644
--- a/src/pages/db/_components/FooterCTA.astro
+++ b/src/pages/db/_components/FooterCTA.astro
@@ -1,7 +1,7 @@
 ---
 import { getImage } from "astro:assets";
-import bg from "../_assets/footer-bg.png";
 import CodeBlock from "~/components/CodeBlock.astro";
+import bg from "../_assets/footer-bg.png";
 
 const background = await getImage({ src: bg, format: "webp", width: 1280 });
 ---
diff --git a/src/pages/db/_components/HeroVideo.astro b/src/pages/db/_components/HeroVideo.astro
index 53df896d9d..fe282828c1 100644
--- a/src/pages/db/_components/HeroVideo.astro
+++ b/src/pages/db/_components/HeroVideo.astro
@@ -1,8 +1,8 @@
 ---
-import { Image } from "astro:assets"
-import bg from "../_assets/hero-bg.png"
+import { Image } from "astro:assets";
+import bg from "../_assets/hero-bg.png";
 
-const { class: classList, ...props } = Astro.props
+const { class: classList, ...props } = Astro.props;
 ---
 
 <Image
diff --git a/src/pages/db/_components/IntroPoint.astro b/src/pages/db/_components/IntroPoint.astro
index 6eb651ef56..824182b895 100644
--- a/src/pages/db/_components/IntroPoint.astro
+++ b/src/pages/db/_components/IntroPoint.astro
@@ -1,5 +1,5 @@
 ---
-const { bgGradient } = Astro.props
+const { bgGradient } = Astro.props;
 ---
 
 <div>
diff --git a/src/pages/db/_components/Pill.astro b/src/pages/db/_components/Pill.astro
index 22121d0fc7..38525c23f6 100644
--- a/src/pages/db/_components/Pill.astro
+++ b/src/pages/db/_components/Pill.astro
@@ -1,11 +1,11 @@
 ---
 type Props = {
-	title: string
-	subtitle?: string
-	class?: string
-}
+	title: string;
+	subtitle?: string;
+	class?: string;
+};
 
-const { title, subtitle, class: className } = Astro.props
+const { title, subtitle, class: className } = Astro.props;
 ---
 
 <aside
diff --git a/src/pages/db/_components/Pricing.astro b/src/pages/db/_components/Pricing.astro
index 8a0e3c6815..ddf014a9df 100644
--- a/src/pages/db/_components/Pricing.astro
+++ b/src/pages/db/_components/Pricing.astro
@@ -1,8 +1,8 @@
 ---
-import { Icon } from "astro-icon"
-import ExternalLink from "~/components/ExternalLink.astro"
-import PricingFeaturePoint from "./PricingFeaturePoint.astro"
-import SectionText from "./SectionText.astro"
+import { Icon } from "astro-icon";
+import ExternalLink from "~/components/ExternalLink.astro";
+import PricingFeaturePoint from "./PricingFeaturePoint.astro";
+import SectionText from "./SectionText.astro";
 ---
 
 <section class="mx-auto w-full max-w-screen-xl space-y-10 p-4 sm:p-8">
diff --git a/src/pages/db/_components/SectionText.astro b/src/pages/db/_components/SectionText.astro
index f9e038f280..91a50fc953 100644
--- a/src/pages/db/_components/SectionText.astro
+++ b/src/pages/db/_components/SectionText.astro
@@ -1,7 +1,7 @@
 ---
 type Props = {
-  headingId?: string;
-  isCentered?: boolean;
+	headingId?: string;
+	isCentered?: boolean;
 };
 
 const { isCentered = false, headingId } = Astro.props;
diff --git a/src/pages/db/_components/Subnav.astro b/src/pages/db/_components/Subnav.astro
index df83d32760..3edab7d735 100644
--- a/src/pages/db/_components/Subnav.astro
+++ b/src/pages/db/_components/Subnav.astro
@@ -1,7 +1,7 @@
 ---
+import Icon from "astro-icon";
 import AstroLogo from "~/components/AstroLogo.astro";
 import Badge from "./Badge.astro";
-import Icon from "astro-icon";
 ---
 
 <nav
diff --git a/src/pages/db/_components/UseCase.astro b/src/pages/db/_components/UseCase.astro
index d96c2eaf66..8a5792ed58 100644
--- a/src/pages/db/_components/UseCase.astro
+++ b/src/pages/db/_components/UseCase.astro
@@ -1,7 +1,7 @@
 ---
 interface Props {
-  tab: string;
-  class?: string;
+	tab: string;
+	class?: string;
 }
 
 const { tab, class: className } = Astro.props;
diff --git a/src/pages/db/_components/UseCaseTab.astro b/src/pages/db/_components/UseCaseTab.astro
index f2c49663f5..15aa365e02 100644
--- a/src/pages/db/_components/UseCaseTab.astro
+++ b/src/pages/db/_components/UseCaseTab.astro
@@ -2,9 +2,9 @@
 import { Icon } from "astro-icon";
 
 interface Props {
-  title: string;
-  icon: string;
-  active?: boolean;
+	title: string;
+	icon: string;
+	active?: boolean;
 }
 
 const { icon, title, active = false } = Astro.props;
diff --git a/src/pages/db/_components/UseCaseTabs.astro b/src/pages/db/_components/UseCaseTabs.astro
index 3e04d956f0..28f9eaf6c0 100644
--- a/src/pages/db/_components/UseCaseTabs.astro
+++ b/src/pages/db/_components/UseCaseTabs.astro
@@ -1,20 +1,20 @@
 ---
 import { getImage } from "astro:assets";
-import blob from "../_assets/uses-bg.png";
 import background from "../_assets/use-cases-bg.png";
+import blob from "../_assets/uses-bg.png";
 
 import Tab from "./UseCaseTab.astro";
-import Blog from "./use-cases/Blog.astro";
 import Auth from "./use-cases/Auth.astro";
-import Forms from "./use-cases/Forms.astro";
-import Feedback from "./use-cases/Feedback.astro";
+import Blog from "./use-cases/Blog.astro";
 import Comments from "./use-cases/Comments.astro";
+import Feedback from "./use-cases/Feedback.astro";
+import Forms from "./use-cases/Forms.astro";
 
 const bg = await getImage({ src: blob, format: "webp", width: 1280 });
 const useCasesBg = await getImage({
-  src: background,
-  format: "webp",
-  width: 1280,
+	src: background,
+	format: "webp",
+	width: 1280,
 });
 ---
 
diff --git a/src/pages/db/_components/UseCases.astro b/src/pages/db/_components/UseCases.astro
index afaa6c74fa..fcef6ea991 100644
--- a/src/pages/db/_components/UseCases.astro
+++ b/src/pages/db/_components/UseCases.astro
@@ -1,6 +1,6 @@
 ---
-import SectionText from "./SectionText.astro"
-import UseCaseTabs from "./UseCaseTabs.astro"
+import SectionText from "./SectionText.astro";
+import UseCaseTabs from "./UseCaseTabs.astro";
 ---
 
 <div class="relative w-screen overflow-hidden">
diff --git a/src/pages/db/_components/features/AstroEcosystem.astro b/src/pages/db/_components/features/AstroEcosystem.astro
index 0a082457c4..872eb3d558 100644
--- a/src/pages/db/_components/features/AstroEcosystem.astro
+++ b/src/pages/db/_components/features/AstroEcosystem.astro
@@ -1,6 +1,6 @@
 ---
-import AstroIcon from "../AstroLogo.astro"
-import HeroVideo from "../HeroVideo.astro"
+import AstroIcon from "../AstroLogo.astro";
+import HeroVideo from "../HeroVideo.astro";
 ---
 
 <figure
diff --git a/src/pages/db/_components/features/SQLCommands.astro b/src/pages/db/_components/features/SQLCommands.astro
index 53e6209895..4d606f2d4f 100644
--- a/src/pages/db/_components/features/SQLCommands.astro
+++ b/src/pages/db/_components/features/SQLCommands.astro
@@ -1,16 +1,15 @@
 ---
-const arithmetic = ["avg", "min", "max", "count", "sum"]
-const data = ["null", "integer", "real", "text", "blob"]
-const joins = ["left", "inner", "cross", "outer", "right"]
-const operators = ["distinct", "order by", "where", "limit", "between"]
-const queries = ["select", "insert", "update", "delete"]
-const keys = ["primary", "foreign", "unique", "composite", "alternate"]
-const constraints = ["not null", "check", "index", "default", "unique"]
-
-const arithmeticAndData = [...arithmetic, ...data, ...arithmetic, ...data]
-const queriesJoinsAndOperators = [...queries, ...joins, ...operators, ...joins]
-const keysAndContraints = [...keys, ...constraints, ...keys, ...constraints]
+const arithmetic = ["avg", "min", "max", "count", "sum"];
+const data = ["null", "integer", "real", "text", "blob"];
+const joins = ["left", "inner", "cross", "outer", "right"];
+const operators = ["distinct", "order by", "where", "limit", "between"];
+const queries = ["select", "insert", "update", "delete"];
+const keys = ["primary", "foreign", "unique", "composite", "alternate"];
+const constraints = ["not null", "check", "index", "default", "unique"];
 
+const arithmeticAndData = [...arithmetic, ...data, ...arithmetic, ...data];
+const queriesJoinsAndOperators = [...queries, ...joins, ...operators, ...joins];
+const keysAndContraints = [...keys, ...constraints, ...keys, ...constraints];
 ---
 
 <section
diff --git a/src/pages/db/_components/features/ZeroLockin.astro b/src/pages/db/_components/features/ZeroLockin.astro
index 3026ad2c5f..76dd6c953b 100644
--- a/src/pages/db/_components/features/ZeroLockin.astro
+++ b/src/pages/db/_components/features/ZeroLockin.astro
@@ -1,9 +1,9 @@
 ---
-import Icon from "astro-icon"
-import { getImage } from "astro:assets"
-import background from "../../_assets/zero-lockin-bg.png"
+import { getImage } from "astro:assets";
+import Icon from "astro-icon";
+import background from "../../_assets/zero-lockin-bg.png";
 
-const zeroLockInBg = await getImage({ src: background, format: "webp", width: 10 })
+const zeroLockInBg = await getImage({ src: background, format: "webp", width: 10 });
 ---
 
 <div
diff --git a/src/pages/db/_components/use-cases/Auth.astro b/src/pages/db/_components/use-cases/Auth.astro
index d666c3cf95..f61a25ee08 100644
--- a/src/pages/db/_components/use-cases/Auth.astro
+++ b/src/pages/db/_components/use-cases/Auth.astro
@@ -1,8 +1,8 @@
 ---
-import Icon from "astro-icon"
-import UseCase from "../UseCase.astro"
-import code from "./snippets/auth.txt?raw"
-import { Code } from "astro-expressive-code/components"
+import { Code } from "astro-expressive-code/components";
+import Icon from "astro-icon";
+import UseCase from "../UseCase.astro";
+import code from "./snippets/auth.txt?raw";
 ---
 
 <UseCase class='hidden' tab='auth'>
diff --git a/src/pages/db/_components/use-cases/Blog.astro b/src/pages/db/_components/use-cases/Blog.astro
index 53c8e391da..819bbc28a6 100644
--- a/src/pages/db/_components/use-cases/Blog.astro
+++ b/src/pages/db/_components/use-cases/Blog.astro
@@ -1,9 +1,9 @@
 ---
-import UseCase from "../UseCase.astro"
-import code from "./snippets/blog.txt?raw"
-import { Code } from "astro-expressive-code/components"
+import { Code } from "astro-expressive-code/components";
+import UseCase from "../UseCase.astro";
+import code from "./snippets/blog.txt?raw";
 
-const tags = ["all articles", "engineering", "community", "changelog"]
+const tags = ["all articles", "engineering", "community", "changelog"];
 ---
 
 <UseCase class='hidden' tab='blog'>
diff --git a/src/pages/db/_components/use-cases/Comments.astro b/src/pages/db/_components/use-cases/Comments.astro
index 0f1f61c28e..773770dc48 100644
--- a/src/pages/db/_components/use-cases/Comments.astro
+++ b/src/pages/db/_components/use-cases/Comments.astro
@@ -1,13 +1,13 @@
 ---
+import { getImage } from "astro:assets";
+import { Code } from "astro-expressive-code/components";
 import Icon from "astro-icon";
 import UseCase from "../UseCase.astro";
-import { getImage } from "astro:assets";
 import code from "./snippets/comments.txt?raw";
-import { Code } from "astro-expressive-code/components";
 
-import wadePic from "../../_assets/wade-warren.png";
 import jacobPic from "../../_assets/jacob-jones.png";
 import marvinPic from "../../_assets/marvin-mckinney.png";
+import wadePic from "../../_assets/wade-warren.png";
 
 const wadeProfilePicture = await getImage({
 	src: wadePic,
@@ -38,8 +38,7 @@ const comments = [
 		id: 1,
 		author: "Marvin McKinney",
 		publishedAt: "2 hours",
-		comment:
-			"Astro DB is awesome! The DX this provides is great, very easy to set up.",
+		comment: "Astro DB is awesome! The DX this provides is great, very easy to set up.",
 		authorPic: marvinProfilePicture.src,
 	},
 ];
diff --git a/src/pages/db/_components/use-cases/Feedback.astro b/src/pages/db/_components/use-cases/Feedback.astro
index c4d53fa24d..f3c8661e5b 100644
--- a/src/pages/db/_components/use-cases/Feedback.astro
+++ b/src/pages/db/_components/use-cases/Feedback.astro
@@ -1,7 +1,7 @@
 ---
+import { Code } from "astro-expressive-code/components";
 import UseCase from "../UseCase.astro";
 import code from "./snippets/feedback.txt?raw";
-import { Code } from "astro-expressive-code/components";
 ---
 
 <UseCase class="hidden" tab="feedback">
diff --git a/src/pages/db/_components/use-cases/Forms.astro b/src/pages/db/_components/use-cases/Forms.astro
index 2e54c893c2..0899df5c59 100644
--- a/src/pages/db/_components/use-cases/Forms.astro
+++ b/src/pages/db/_components/use-cases/Forms.astro
@@ -1,7 +1,7 @@
 ---
-import UseCase from "../UseCase.astro"
-import code from "./snippets/forms.txt?raw"
-import { Code } from "astro-expressive-code/components"
+import { Code } from "astro-expressive-code/components";
+import UseCase from "../UseCase.astro";
+import code from "./snippets/forms.txt?raw";
 ---
 
 <UseCase class='hidden' tab='forms'>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 74168e4ff1..145e1b3096 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,13 +1,13 @@
 ---
-import { Sprite } from "astro-icon"
-import MainLayout from "~/layouts/MainLayout.astro"
-import ContentFirstFast from "./_components/ContentFirstFast.astro"
-import FrontendArchitecture from "./_components/FrontendArchitecture.astro"
-import FullSpeedAhead from "./_components/FullSpeedAhead.astro"
-import GetStarted from "./_components/GetStarted.astro"
-import Hero from "./_components/Hero.astro"
-import Sponsors from "./_components/Sponsors.astro"
-import ToolingAndEcosystem from "./_components/ToolingAndEcosystem.astro"
+import { Sprite } from "astro-icon";
+import MainLayout from "~/layouts/MainLayout.astro";
+import ContentFirstFast from "./_components/ContentFirstFast.astro";
+import FrontendArchitecture from "./_components/FrontendArchitecture.astro";
+import FullSpeedAhead from "./_components/FullSpeedAhead.astro";
+import GetStarted from "./_components/GetStarted.astro";
+import Hero from "./_components/Hero.astro";
+import Sponsors from "./_components/Sponsors.astro";
+import ToolingAndEcosystem from "./_components/ToolingAndEcosystem.astro";
 ---
 
 <Sprite.Provider>
diff --git a/src/pages/integrations/[...page].astro b/src/pages/integrations/[...page].astro
index fd570e62b1..e6f6798b4d 100644
--- a/src/pages/integrations/[...page].astro
+++ b/src/pages/integrations/[...page].astro
@@ -1,54 +1,55 @@
 ---
-import CardGrid from "~/components/CardGrid.astro"
-import CardGridGroup from "~/components/CardGridGroup.astro"
-import Pagination from "~/components/Pagination.astro"
-import SearchFilter, { type FilterGroup } from "~/components/SearchFilter.astro"
-import SidebarLayout from "~/components/SidebarLayout.astro"
-import SidebarPanel from "~/components/SidebarPanel.astro"
-import { IntegrationCategories } from "~/content/config.js"
-import { getFilteredIntegrations } from "~/helpers/integrations.ts"
-import { paginate } from "~/helpers/paginate.js"
-import type { MapKeys } from "~/helpers/types.ts"
-import MainLayout from "~/layouts/MainLayout.astro"
-import IntegrationCard from "./_components/IntegrationCard.astro"
-import SubmitIntegration from "./_components/SubmitIntegration.astro"
-
-export const prerender = false
+import CardGrid from "~/components/CardGrid.astro";
+import CardGridGroup from "~/components/CardGridGroup.astro";
+import Pagination from "~/components/Pagination.astro";
+import SearchFilter, { type FilterGroup } from "~/components/SearchFilter.astro";
+import SidebarLayout from "~/components/SidebarLayout.astro";
+import SidebarPanel from "~/components/SidebarPanel.astro";
+import { IntegrationCategories } from "~/content/config.js";
+import { getFilteredIntegrations } from "~/helpers/integrations.ts";
+import { paginate } from "~/helpers/paginate.js";
+import type { MapKeys } from "~/helpers/types.ts";
+import MainLayout from "~/layouts/MainLayout.astro";
+import IntegrationCard from "./_components/IntegrationCard.astro";
+import SubmitIntegration from "./_components/SubmitIntegration.astro";
+
+export const prerender = false;
 
 // with '[...page]' rest routes we'll get undefined for the first page, default that to 1
 // otherwise, try to parse the page number from the URL
-const currentPage = typeof Astro.params.page === "undefined" ? 1 : parseInt(Astro.params.page)
+const currentPage =
+	typeof Astro.params.page === "undefined" ? 1 : Number.parseInt(Astro.params.page);
 
 // invalid page number!
-if (!currentPage || isNaN(currentPage)) {
-	return Astro.redirect("/404")
+if (!currentPage || Number.isNaN(currentPage)) {
+	return Astro.redirect("/404");
 }
 
 // search term from the search/filter panel
-const search = Astro.url.searchParams.get("search")
+const search = Astro.url.searchParams.get("search");
 
 // get a list of all supported categories, this is the same list used by the zod schema
-const categories = Array.from(IntegrationCategories.keys())
+const categories = Array.from(IntegrationCategories.keys());
 
 // get a list of category filters applied to the request
-const selectedCategories = Astro.url.searchParams.getAll("categories[]")
+const selectedCategories = Astro.url.searchParams.getAll("categories[]");
 
 // massage category data for the Filter components
 const categoryFilter: FilterGroup = {
 	title: "Categories",
-	options: categories.map((c) => ({
-		id: c,
+	options: [...categories].map(([id, label]) => ({
+		id,
 		name: "categories[]",
-		value: c,
-		label: IntegrationCategories.get(c)!,
-		selected: selectedCategories.includes(c),
+		value: id,
+		label,
+		selected: selectedCategories.includes(id),
 	})),
-}
+};
 
 const allIntegrations = await getFilteredIntegrations({
 	search,
 	categories: selectedCategories as unknown as MapKeys<typeof IntegrationCategories>,
-})
+});
 
 // take all matching integrations and create a paginated list of results
 const paginatedResults = paginate({
@@ -57,25 +58,25 @@ const paginatedResults = paginate({
 	currentPage,
 	route: "/integrations/[...page]",
 	searchParams: Astro.url.searchParams,
-})
+});
 
-const { page, allPages } = paginatedResults
+const { page, allPages } = paginatedResults;
 
 // make sure the requested page number is valid, if not redirect to the first page of results
 if (allPages.length && !page) {
-	return Astro.redirect(allPages[0])
+	return Astro.redirect(allPages[0]);
 }
 
-const integrations = page.data
+const integrations = page.data;
 
 const showRecentlyAdded =
-	currentPage === 1 && !Array.from(Astro.url.searchParams).some(([_, value]) => !!value)
+	currentPage === 1 && !Array.from(Astro.url.searchParams).some(([_, value]) => !!value);
 const recentlyAdded = showRecentlyAdded
 	? allIntegrations.filter((entry) => entry.data.badge === "new")
-	: []
-const recentlyAddedSearch = new URLSearchParams(Astro.url.search)
-recentlyAddedSearch.append("categories[]", "recent")
-const recentlyAddedHref = `${Astro.url.pathname}?${recentlyAddedSearch.toString()}`
+	: [];
+const recentlyAddedSearch = new URLSearchParams(Astro.url.search);
+recentlyAddedSearch.append("categories[]", "recent");
+const recentlyAddedHref = `${Astro.url.pathname}?${recentlyAddedSearch.toString()}`;
 ---
 
 <MainLayout
diff --git a/src/pages/integrations/_components/IntegrationCard.astro b/src/pages/integrations/_components/IntegrationCard.astro
index 0732542896..184dd84e8e 100644
--- a/src/pages/integrations/_components/IntegrationCard.astro
+++ b/src/pages/integrations/_components/IntegrationCard.astro
@@ -1,25 +1,25 @@
 ---
-import type { CollectionEntry } from "astro:content"
-import Card from "~/components/Card.astro"
-import CardBadge from "~/components/CardBadge.astro"
-import CardBody from "~/components/CardBody.astro"
-import { randomFromArray } from "~/helpers/random.js"
-import DownloadIcon from "~/icons/DownloadIcon.jsx"
-import { iconForIntegration } from "~/icons/integrations/index.js"
+import type { CollectionEntry } from "astro:content";
+import Card from "~/components/Card.astro";
+import CardBadge from "~/components/CardBadge.astro";
+import CardBody from "~/components/CardBody.astro";
+import { randomFromArray } from "~/helpers/random.js";
+import DownloadIcon from "~/icons/DownloadIcon.jsx";
+import { iconForIntegration } from "~/icons/integrations/index.js";
 
 export type Props = {
-	integration: CollectionEntry<"integrations">
-}
+	integration: CollectionEntry<"integrations">;
+};
 
-const { integration } = Astro.props
+const { integration } = Astro.props;
 
-const isOfficial = integration.data.categories.includes("official")
+const isOfficial = integration.data.categories.includes("official");
 
-const formatter = Intl.NumberFormat("en", { notation: "compact" })
+const formatter = Intl.NumberFormat("en", { notation: "compact" });
 
-const downloads = formatter.format(integration.data.downloads)
+const downloads = formatter.format(integration.data.downloads);
 
-const Icon = iconForIntegration(integration)
+const Icon = iconForIntegration(integration);
 
 const IconBackgrounds = [
 	"bg-[#BC52EE]",
@@ -32,7 +32,7 @@ const IconBackgrounds = [
 	"bg-[#EE5552]",
 	"bg-[#EE52B7]",
 	"bg-[#858B98]",
-]
+];
 ---
 
 <Card isLink>
diff --git a/src/pages/integrations/_components/SubmitIntegration.astro b/src/pages/integrations/_components/SubmitIntegration.astro
index 66273aaaa5..886d909098 100644
--- a/src/pages/integrations/_components/SubmitIntegration.astro
+++ b/src/pages/integrations/_components/SubmitIntegration.astro
@@ -1,11 +1,11 @@
 ---
 import CatalogSubmitCallout, {
 	type Props as CalloutProps,
-} from "~/components/CatalogSubmitCallout.astro"
+} from "~/components/CatalogSubmitCallout.astro";
 
-export type Props = Omit<CalloutProps, "slot" | "title" | "cta">
+export type Props = Omit<CalloutProps, "slot" | "title" | "cta">;
 
-const { ...attrs } = Astro.props
+const { ...attrs } = Astro.props;
 ---
 
 <CatalogSubmitCallout
diff --git a/src/pages/newsletter/confirm.astro b/src/pages/newsletter/confirm.astro
index 8b98511daa..aceb540161 100644
--- a/src/pages/newsletter/confirm.astro
+++ b/src/pages/newsletter/confirm.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from "~/layouts/Standalone.astro"
-import Houston from "../_assets/houston-happy.webp"
+import Layout from "~/layouts/Standalone.astro";
+import Houston from "../_assets/houston-happy.webp";
 ---
 
 <Layout title="Signup">
diff --git a/src/pages/newsletter/signup.astro b/src/pages/newsletter/signup.astro
index aa29837ada..fe4dd97c30 100644
--- a/src/pages/newsletter/signup.astro
+++ b/src/pages/newsletter/signup.astro
@@ -1,7 +1,7 @@
 ---
-import NewsLetterSignup from "~/components/NewsLetterSignup.astro"
-import Layout from "~/layouts/Standalone.astro"
-import Houston from "../_assets/houston_peep.webp"
+import NewsLetterSignup from "~/components/NewsLetterSignup.astro";
+import Layout from "~/layouts/Standalone.astro";
+import Houston from "../_assets/houston_peep.webp";
 ---
 
 <Layout title="Signup">
diff --git a/src/pages/newsletter/success.astro b/src/pages/newsletter/success.astro
index da340e9bd1..a1b3076177 100644
--- a/src/pages/newsletter/success.astro
+++ b/src/pages/newsletter/success.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from "~/layouts/Standalone.astro"
-import Houston from "../_assets/houston_love.webp"
+import Layout from "~/layouts/Standalone.astro";
+import Houston from "../_assets/houston_love.webp";
 ---
 
 <Layout title="Signup">
diff --git a/src/pages/on/[platform].astro b/src/pages/on/[platform].astro
index b34d5e9ccf..363c5f5fe8 100644
--- a/src/pages/on/[platform].astro
+++ b/src/pages/on/[platform].astro
@@ -1,19 +1,19 @@
 ---
-import siteInfo, { type SocialLink } from "~/data/site-info.js"
+import siteInfo, { type SocialLink } from "~/data/site-info.js";
 
 interface Props {
-	link: SocialLink
+	link: SocialLink;
 }
 
 export function getStaticPaths() {
 	return siteInfo.socialLinks.map((link) => ({
 		params: { platform: link.platform },
 		props: { link },
-	}))
+	}));
 }
 
-const mastodon = siteInfo.socialLinks.find((link) => link.platform === "mastodon")
-const { link } = Astro.props
+const mastodon = siteInfo.socialLinks.find((link) => link.platform === "mastodon");
+const { link } = Astro.props;
 ---
 
 {mastodon && <link rel="me" href={mastodon.me ?? mastodon.href} />}
diff --git a/src/pages/press/_components/PressAssetCard.astro b/src/pages/press/_components/PressAssetCard.astro
index 9b622b948d..c67eca2e0f 100644
--- a/src/pages/press/_components/PressAssetCard.astro
+++ b/src/pages/press/_components/PressAssetCard.astro
@@ -1,13 +1,13 @@
 ---
-import Card from "~/components/Card.astro"
-import DownloadIcon from "~/icons/DownloadIcon.jsx"
+import Card from "~/components/Card.astro";
+import DownloadIcon from "~/icons/DownloadIcon.jsx";
 
 export type Props = {
-	name: string
-	instructions: string
-	assetName: string
-	background: "light" | "dark"
-}
+	name: string;
+	instructions: string;
+	assetName: string;
+	background: "light" | "dark";
+};
 ---
 
 <Card>
diff --git a/src/pages/press/index.astro b/src/pages/press/index.astro
index 70e743138c..436441672a 100644
--- a/src/pages/press/index.astro
+++ b/src/pages/press/index.astro
@@ -1,17 +1,17 @@
 ---
-import Card from "~/components/Card.astro"
-import DiscordIcon from "~/icons/DiscordIcon.jsx"
-import EmailIcon from "~/icons/EmailIcon.jsx"
-import GitHubIcon from "~/icons/GitHubIcon.jsx"
-import TwitterIcon from "~/icons/TwitterIcon.jsx"
-import YouTubeIcon from "~/icons/YouTubeIcon.jsx"
-import MainLayout from "~/layouts/MainLayout.astro"
-import PressAssetCard from "./_components/PressAssetCard.astro"
+import Card from "~/components/Card.astro";
+import DiscordIcon from "~/icons/DiscordIcon.jsx";
+import EmailIcon from "~/icons/EmailIcon.jsx";
+import GitHubIcon from "~/icons/GitHubIcon.jsx";
+import TwitterIcon from "~/icons/TwitterIcon.jsx";
+import YouTubeIcon from "~/icons/YouTubeIcon.jsx";
+import MainLayout from "~/layouts/MainLayout.astro";
+import PressAssetCard from "./_components/PressAssetCard.astro";
 
 const seo = {
 	title: "Press",
 	description: "Download Astro logos and other assets for media and press usage.",
-}
+};
 
 const socialLinks = [
 	{
@@ -39,7 +39,7 @@ const socialLinks = [
 		icon: EmailIcon,
 		href: "mailto:press@astro.build",
 	},
-]
+];
 ---
 
 <MainLayout {...seo}>
diff --git a/src/pages/showcase/[...page].astro b/src/pages/showcase/[...page].astro
index 445417dd4e..d301d487c4 100644
--- a/src/pages/showcase/[...page].astro
+++ b/src/pages/showcase/[...page].astro
@@ -1,43 +1,43 @@
 ---
-import type { GetStaticPathsOptions, Page } from "astro"
-import { type CollectionEntry, getCollection } from "astro:content"
-import Pagination from "~/components/Pagination.astro"
-import MainLayout from "~/layouts/MainLayout.astro"
-import ShowcaseCard from "./_components/ShowcaseCard.astro"
-import SubmitSite from "./_components/SubmitSite.astro"
+import { type CollectionEntry, getCollection } from "astro:content";
+import type { GetStaticPathsOptions, Page } from "astro";
+import Pagination from "~/components/Pagination.astro";
+import MainLayout from "~/layouts/MainLayout.astro";
+import ShowcaseCard from "./_components/ShowcaseCard.astro";
+import SubmitSite from "./_components/SubmitSite.astro";
 
 export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {
 	const getWeight = (site: CollectionEntry<"showcase">) =>
-		site.data.featured ?? 1000 + Math.random()
+		site.data.featured ?? 1000 + Math.random();
 
 	// fetch all showcase sites and sort featured sites to the front, randomize the rest
 	const sortedShowcase = (await getCollection("showcase")).sort(
 		(a, b) => getWeight(a) - getWeight(b),
-	)
+	);
 
 	// seperate out sites that display with a larger thumbnail
-	const highlighted = sortedShowcase.filter((site) => site.data.highlight)
+	const highlighted = sortedShowcase.filter((site) => site.data.highlight);
 
 	// build final showcase array by interleaving 1 highlighted item for every 4 non-highlighted items
-	const showcase = sortedShowcase.filter((site) => !site.data.highlight)
+	const showcase = sortedShowcase.filter((site) => !site.data.highlight);
 	for (let i = 2; i < showcase.length; i += 5) {
-		const highlight = highlighted.shift()
-		if (!highlight) break
-		showcase.splice(i, 0, highlight)
+		const highlight = highlighted.shift();
+		if (!highlight) break;
+		showcase.splice(i, 0, highlight);
 	}
 
-	return paginate(showcase, { pageSize: 30 })
+	return paginate(showcase, { pageSize: 30 });
 }
 
-const { page } = Astro.props as { page: Page<CollectionEntry<"showcase">> }
-const showcase = page.data
+const { page } = Astro.props as { page: Page<CollectionEntry<"showcase">> };
+const showcase = page.data;
 
 const allPages = [...Array(page.lastPage).keys()].map((num) => {
-	return `/showcase${num === 0 ? "" : `/${String(num + 1)}`}`
-})
+	return `/showcase${num === 0 ? "" : `/${String(num + 1)}`}`;
+});
 
-const title = "Showcase"
-const description = "Explore what's possible with Astro and get inspired for your next project."
+const title = "Showcase";
+const description = "Explore what's possible with Astro and get inspired for your next project.";
 ---
 
 <MainLayout
diff --git a/src/pages/showcase/_components/ShowcaseCard.astro b/src/pages/showcase/_components/ShowcaseCard.astro
index 3b7129b39a..74a4574595 100644
--- a/src/pages/showcase/_components/ShowcaseCard.astro
+++ b/src/pages/showcase/_components/ShowcaseCard.astro
@@ -1,13 +1,13 @@
 ---
-import type { CollectionEntry } from "astro:content"
-import { resolveImage } from "~/content/showcase/_resolveImage.js"
-import ExternalLinkIcon from "~/icons/ExternalLinkIcon.jsx"
+import type { CollectionEntry } from "astro:content";
+import { resolveImage } from "~/content/showcase/_resolveImage.js";
+import ExternalLinkIcon from "~/icons/ExternalLinkIcon.jsx";
 
-export type Props = { site: CollectionEntry<"showcase"> }
+export type Props = { site: CollectionEntry<"showcase"> };
 
-const { site } = Astro.props
+const { site } = Astro.props;
 
-const image = await resolveImage(site, site.data.highlight ? 2 : 1)
+const image = await resolveImage(site, site.data.highlight ? 2 : 1);
 ---
 
 <article
diff --git a/src/pages/showcase/_components/SubmitSite.astro b/src/pages/showcase/_components/SubmitSite.astro
index 21f645c813..c90bdbbd8f 100644
--- a/src/pages/showcase/_components/SubmitSite.astro
+++ b/src/pages/showcase/_components/SubmitSite.astro
@@ -1,10 +1,10 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import houstonHappy from "../../_assets/houston-happy.png"
+import type { HTMLAttributes } from "astro/types";
+import houstonHappy from "../../_assets/houston-happy.png";
 
-export type Props = Omit<HTMLAttributes<"aside">, "slot">
+export type Props = Omit<HTMLAttributes<"aside">, "slot">;
 
-const { class: className, ...attrs } = Astro.props
+const { class: className, ...attrs } = Astro.props;
 ---
 
 <aside
diff --git a/src/pages/themes/[...page].astro b/src/pages/themes/[...page].astro
index 5e7ab292be..68412af8a8 100644
--- a/src/pages/themes/[...page].astro
+++ b/src/pages/themes/[...page].astro
@@ -1,36 +1,37 @@
 ---
-import CardGrid from "~/components/CardGrid.astro"
-import CardGridGroup from "~/components/CardGridGroup.astro"
-import Pagination from "~/components/Pagination.astro"
-import SearchFilter, { type FilterGroup } from "~/components/SearchFilter.astro"
-import SidebarLayout from "~/components/SidebarLayout.astro"
-import SidebarPanel from "~/components/SidebarPanel.astro"
-import { paginate } from "~/helpers/paginate.js"
-import MainLayout from "~/layouts/MainLayout.astro"
-import SubmitTheme from "./_components/SubmitTheme.astro"
-import ThemeCard from "./_components/ThemeCard.astro"
-import type { ThemeAndAuthor, ThemeCategory, ThemeTool } from "./_types/index.ts"
-
-export const prerender = false
+import CardGrid from "~/components/CardGrid.astro";
+import CardGridGroup from "~/components/CardGridGroup.astro";
+import Pagination from "~/components/Pagination.astro";
+import SearchFilter, { type FilterGroup } from "~/components/SearchFilter.astro";
+import SidebarLayout from "~/components/SidebarLayout.astro";
+import SidebarPanel from "~/components/SidebarPanel.astro";
+import { paginate } from "~/helpers/paginate.js";
+import MainLayout from "~/layouts/MainLayout.astro";
+import SubmitTheme from "./_components/SubmitTheme.astro";
+import ThemeCard from "./_components/ThemeCard.astro";
+import type { ThemeAndAuthor, ThemeCategory, ThemeTool } from "./_types/index.ts";
+
+export const prerender = false;
 
 // with '[...page]' rest routes we'll get undefined for the first page, default that to 1
 // otherwise, try to parse the page number from the URL
-const currentPage = typeof Astro.params.page === "undefined" ? 1 : parseInt(Astro.params.page)
+const currentPage =
+	typeof Astro.params.page === "undefined" ? 1 : Number.parseInt(Astro.params.page);
 
 // invalid page number!
-if (!currentPage || isNaN(currentPage)) {
-	return Astro.redirect("/404")
+if (!currentPage || Number.isNaN(currentPage)) {
+	return Astro.redirect("/404");
 }
 
 // search term from the search/filter panel
-const search = Astro.url.searchParams.get("search")
+const search = Astro.url.searchParams.get("search");
 
 // get a list of all supported categories, this is the same list used by the zod schema
-const categories: ThemeCategory[] = await fetch(`${import.meta.env.THEMES_API_URL}/api/themes/tools`).then((res) =>
-	res.json().then((data) => data.themeCategories),
-)
+const categories: ThemeCategory[] = await fetch(
+	`${import.meta.env.THEMES_API_URL}/api/themes/tools`,
+).then((res) => res.json().then((data) => data.themeCategories));
 // get a list of category filters applied to the request
-const selectedCategories = Astro.url.searchParams.getAll("categories[]")
+const selectedCategories = Astro.url.searchParams.getAll("categories[]");
 
 // massage category data for the Filter components
 const categoryFilter: FilterGroup = {
@@ -42,15 +43,15 @@ const categoryFilter: FilterGroup = {
 		label: c.name,
 		selected: selectedCategories.includes(c.value),
 	})),
-}
+};
 
 // get a list of all supported tools, this is the same list used by the zod schema
-const tools: ThemeTool[] = await fetch(`${import.meta.env.THEMES_API_URL}/api/themes/tools`).then((res) =>
-	res.json().then((data) => data.themeTools),
-)
+const tools: ThemeTool[] = await fetch(`${import.meta.env.THEMES_API_URL}/api/themes/tools`).then(
+	(res) => res.json().then((data) => data.themeTools),
+);
 
 // get a list of tool filters applied to the request
-const selectedTools = Astro.url.searchParams.getAll("technology[]")
+const selectedTools = Astro.url.searchParams.getAll("technology[]");
 
 // massage tool data for the Filter components
 const toolFilter: FilterGroup = {
@@ -62,34 +63,34 @@ const toolFilter: FilterGroup = {
 		label: t.name,
 		selected: selectedTools.includes(t.value),
 	})),
-}
+};
 
 const ThemePricing = new Map<string, string>([
 	["free", "Free"],
 	["paid", "Paid"],
-])
+]);
 
 // get a list of all supported tools, this is the same list used by the zod schema
-const pricing = Array.from(ThemePricing.keys())
+const pricing = Array.from(ThemePricing.keys());
 
 // get a list of tool filters applied to the request
-const selectedPricing = Astro.url.searchParams.getAll("price[]")
+const selectedPricing = Astro.url.searchParams.getAll("price[]");
 
 // massage tool data for the Filter components
 const priceFilter: FilterGroup = {
 	title: "Pricing",
-	options: pricing.map((t) => ({
-		id: t,
+	options: [...pricing].map(([id, label]) => ({
+		id,
 		name: "price[]",
-		value: t,
-		label: ThemePricing.get(t)!,
-		selected: selectedPricing.includes(t),
+		value: id,
+		label,
+		selected: selectedPricing.includes(id),
 	})),
-}
+};
 
 const allThemes: ThemeAndAuthor[] = await fetch(
 	`${import.meta.env.THEMES_API_URL}/api/themes?${Astro.url.searchParams}`,
-).then((res) => res.json())
+).then((res) => res.json());
 
 // take all matching themes and create a paginated list of results
 const paginatedResults = paginate({
@@ -98,25 +99,25 @@ const paginatedResults = paginate({
 	currentPage,
 	route: "/themes/[...page]",
 	searchParams: Astro.url.searchParams,
-})
+});
 
-const { page, allPages } = paginatedResults
+const { page, allPages } = paginatedResults;
 
 // make sure the requested page number is valid, if not redirect to the first page of results
 if (allPages.length && !page) {
-	return Astro.redirect(allPages[0])
+	return Astro.redirect(allPages[0]);
 }
 
-const themes = page.data
+const themes = page.data;
 
 const showRecentlyAdded =
-	currentPage === 1 && !Array.from(Astro.url.searchParams).some(([_, value]) => !!value)
+	currentPage === 1 && !Array.from(Astro.url.searchParams).some(([_, value]) => !!value);
 const recentlyAdded: ThemeAndAuthor[] = showRecentlyAdded
 	? await fetch(`${import.meta.env.THEMES_API_URL}/api/themes/recent`).then((res) => res.json())
-	: []
-const recentlyAddedSearch = new URLSearchParams(Astro.url.search)
-recentlyAddedSearch.append("categories[]", "recent")
-const recentlyAddedHref = `${Astro.url.pathname}?${recentlyAddedSearch.toString()}`
+	: [];
+const recentlyAddedSearch = new URLSearchParams(Astro.url.search);
+recentlyAddedSearch.append("categories[]", "recent");
+const recentlyAddedHref = `${Astro.url.pathname}?${recentlyAddedSearch.toString()}`;
 ---
 
 <MainLayout title="Themes" image={{ src: "/og/themes.jpg", alt: "Explore the possibilities" }}>
diff --git a/src/pages/themes/_components/Avatar.astro b/src/pages/themes/_components/Avatar.astro
index fe46906ac5..ffdda7caff 100644
--- a/src/pages/themes/_components/Avatar.astro
+++ b/src/pages/themes/_components/Avatar.astro
@@ -1,11 +1,11 @@
 ---
-import type { ThemeAndAuthor } from '../_types/index.ts'
+import type { ThemeAndAuthor } from "../_types/index.ts";
 
 export type Props = {
-	theme: ThemeAndAuthor
-}
+	theme: ThemeAndAuthor;
+};
 
-const { theme } = Astro.props
+const { theme } = Astro.props;
 ---
 
 <div class="flex items-center gap-2">
diff --git a/src/pages/themes/_components/Badge.astro b/src/pages/themes/_components/Badge.astro
index 75492fbe8a..0c287b8f25 100644
--- a/src/pages/themes/_components/Badge.astro
+++ b/src/pages/themes/_components/Badge.astro
@@ -1,10 +1,10 @@
 ---
 export type Props = {
-	theme: "primary" | "secondary"
-	class?: string
-}
+	theme: "primary" | "secondary";
+	class?: string;
+};
 
-const { theme, class: className } = Astro.props
+const { theme, class: className } = Astro.props;
 ---
 
 <p class:list={["code relative m-px rounded-md px-2 py-1 text-sm text-white", theme, className]}>
diff --git a/src/pages/themes/_components/SubmitTheme.astro b/src/pages/themes/_components/SubmitTheme.astro
index f087930688..db963b8cb0 100644
--- a/src/pages/themes/_components/SubmitTheme.astro
+++ b/src/pages/themes/_components/SubmitTheme.astro
@@ -1,11 +1,11 @@
 ---
 import CatalogSubmitCallout, {
 	type Props as CalloutProps,
-} from "~/components/CatalogSubmitCallout.astro"
+} from "~/components/CatalogSubmitCallout.astro";
 
-export type Props = Omit<CalloutProps, "slot" | "title" | "cta">
+export type Props = Omit<CalloutProps, "slot" | "title" | "cta">;
 
-const { ...attrs } = Astro.props
+const { ...attrs } = Astro.props;
 ---
 
 <CatalogSubmitCallout
diff --git a/src/pages/themes/_components/ThemeCTAs.astro b/src/pages/themes/_components/ThemeCTAs.astro
index ecf1ce8eff..6913a0c22f 100644
--- a/src/pages/themes/_components/ThemeCTAs.astro
+++ b/src/pages/themes/_components/ThemeCTAs.astro
@@ -1,13 +1,13 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import ExternalLinkIcon from "~/icons/ExternalLinkIcon.jsx"
-import type { ThemeAndAuthor } from "../_types/index.ts"
+import type { HTMLAttributes } from "astro/types";
+import ExternalLinkIcon from "~/icons/ExternalLinkIcon.jsx";
+import type { ThemeAndAuthor } from "../_types/index.ts";
 
 export type Props = HTMLAttributes<"div"> & {
-	theme: ThemeAndAuthor
-}
+	theme: ThemeAndAuthor;
+};
 
-const { theme, class: className, ...attrs } = Astro.props
+const { theme, class: className, ...attrs } = Astro.props;
 ---
 
 <div class:list={["flex flex-col gap-4", className]} {...attrs}>
diff --git a/src/pages/themes/_components/ThemeCard.astro b/src/pages/themes/_components/ThemeCard.astro
index 7ce6afc01b..07f034346b 100644
--- a/src/pages/themes/_components/ThemeCard.astro
+++ b/src/pages/themes/_components/ThemeCard.astro
@@ -1,19 +1,19 @@
 ---
-import Card from "~/components/Card.astro"
-import CardBody from "~/components/CardBody.astro"
-import CardFooter from "~/components/CardFooter.astro"
-import Avatar from "./Avatar.astro"
-import Badge from "./Badge.astro"
-import { Image } from 'astro:assets';
-import type { ThemeAndAuthor } from "../_types/index.ts"
+import { Image } from "astro:assets";
+import Card from "~/components/Card.astro";
+import CardBody from "~/components/CardBody.astro";
+import CardFooter from "~/components/CardFooter.astro";
+import type { ThemeAndAuthor } from "../_types/index.ts";
+import Avatar from "./Avatar.astro";
+import Badge from "./Badge.astro";
 
 export type Props = {
-	theme: ThemeAndAuthor
-}
+	theme: ThemeAndAuthor;
+};
 
-const { theme } = Astro.props
+const { theme } = Astro.props;
 
-const image = theme.Theme.image
+const image = theme.Theme.image;
 ---
 
 <Card isLink>
diff --git a/src/pages/themes/_components/ThemeStats.astro b/src/pages/themes/_components/ThemeStats.astro
index eebd18ab21..103edbb296 100644
--- a/src/pages/themes/_components/ThemeStats.astro
+++ b/src/pages/themes/_components/ThemeStats.astro
@@ -1,19 +1,19 @@
 ---
-import type { HTMLAttributes } from "astro/types"
-import Avatar from "./Avatar.astro"
-import Badge from "./Badge.astro"
-import type { ThemeAndAuthor } from "../_types/index.ts"
+import type { HTMLAttributes } from "astro/types";
+import type { ThemeAndAuthor } from "../_types/index.ts";
+import Avatar from "./Avatar.astro";
+import Badge from "./Badge.astro";
 
 export type Props = HTMLAttributes<"div"> & {
-	theme: ThemeAndAuthor
-}
+	theme: ThemeAndAuthor;
+};
 
-const { theme, class: className, ...attrs } = Astro.props
+const { theme, class: className, ...attrs } = Astro.props;
 
 const vercelUrl =
 	theme.Theme.repoUrl &&
 	typeof theme.Theme.stars !== "undefined" &&
-	`https://vercel.com/new/clone?repository-url=${theme.Theme.repoUrl}`
+	`https://vercel.com/new/clone?repository-url=${theme.Theme.repoUrl}`;
 ---
 
 <div class:list={["flex flex-col gap-4", className]} {...attrs}>
diff --git a/src/pages/themes/details/[slug].astro b/src/pages/themes/details/[slug].astro
index f5ef3d1ba6..68e08a57f1 100644
--- a/src/pages/themes/details/[slug].astro
+++ b/src/pages/themes/details/[slug].astro
@@ -1,26 +1,27 @@
 ---
-import CardGrid from "~/components/CardGrid.astro"
-import CardGridGroup from "~/components/CardGridGroup.astro"
-import ImageGallery from "~/components/ImageGallery.astro"
-import { sanitizeThemeDescription } from "~/helpers/themes.ts"
-import LeftArrowIcon from "~/icons/LeftArrowIcon.jsx"
-import MainLayout from "~/layouts/MainLayout.astro"
-import ThemeCTAs from "../_components/ThemeCTAs.astro"
-import ThemeCard from "../_components/ThemeCard.astro"
-import ThemeStats from "../_components/ThemeStats.astro"
-import { Image } from "astro:assets"
+import { Image } from "astro:assets";
+import CardGrid from "~/components/CardGrid.astro";
+import CardGridGroup from "~/components/CardGridGroup.astro";
+import ImageGallery from "~/components/ImageGallery.astro";
+import { sanitizeThemeDescription } from "~/helpers/themes.ts";
+import LeftArrowIcon from "~/icons/LeftArrowIcon.jsx";
+import MainLayout from "~/layouts/MainLayout.astro";
+import ThemeCTAs from "../_components/ThemeCTAs.astro";
+import ThemeCard from "../_components/ThemeCard.astro";
+import ThemeStats from "../_components/ThemeStats.astro";
+import type { Theme, ThemeAndAuthor } from "../_types/index.ts";
 
-export const prerender = false
+export const prerender = false;
 
-const slug = Astro.params.slug as string
+const slug = Astro.params.slug as string;
 
 const theme = await fetch(`${import.meta.env.THEMES_API_URL}/api/themes/details?slug=${slug}`).then(
 	(res) => res.json(),
-)
+);
 
-const relatedThemes: Array<any> = await fetch(
+const relatedThemes: Array<ThemeAndAuthor> = await fetch(
 	`${import.meta.env.THEMES_API_URL}/api/themes/related?slug=${slug}`,
-).then((res) => res.json())
+).then((res) => res.json());
 ---
 
 <MainLayout
diff --git a/src/pages/themes/submit/_components/BestPractices.astro b/src/pages/themes/submit/_components/BestPractices.astro
index 6dd4884852..2370dec670 100644
--- a/src/pages/themes/submit/_components/BestPractices.astro
+++ b/src/pages/themes/submit/_components/BestPractices.astro
@@ -1,5 +1,5 @@
 ---
-import ExternalLinkIcon from "~/icons/ExternalLinkIcon.jsx"
+import ExternalLinkIcon from "~/icons/ExternalLinkIcon.jsx";
 ---
 
 <aside class="grid gap-4 text-astro-gray-200">
diff --git a/src/pages/themes/submit/index.astro b/src/pages/themes/submit/index.astro
index 9c59b4d1fc..0031fc2888 100644
--- a/src/pages/themes/submit/index.astro
+++ b/src/pages/themes/submit/index.astro
@@ -1,3 +1,3 @@
 ---
-return Astro.redirect("https://portal.astro.build/themes/submit")
+return Astro.redirect("https://portal.astro.build/themes/submit");
 ---
diff --git a/src/pages/wallpapers/_components/WallpaperAssetCard.astro b/src/pages/wallpapers/_components/WallpaperAssetCard.astro
index 95b0fd153c..e63634da20 100644
--- a/src/pages/wallpapers/_components/WallpaperAssetCard.astro
+++ b/src/pages/wallpapers/_components/WallpaperAssetCard.astro
@@ -1,15 +1,15 @@
 ---
-import Card from "~/components/Card.astro"
-import DownloadIcon from "~/icons/DownloadIcon.jsx"
+import Card from "~/components/Card.astro";
+import DownloadIcon from "~/icons/DownloadIcon.jsx";
 
 export type Props = {
-	name: string
-	type: "desktop" | "mobile"
-	assetName: string
-}
+	name: string;
+	type: "desktop" | "mobile";
+	assetName: string;
+};
 
-const width = Astro.props.type === "desktop" ? 546 : 270
-const height = Astro.props.type === "desktop" ? 307 : 584
+const width = Astro.props.type === "desktop" ? 546 : 270;
+const height = Astro.props.type === "desktop" ? 307 : 584;
 ---
 
 <Card>
diff --git a/src/pages/wallpapers/index.astro b/src/pages/wallpapers/index.astro
index 523782b344..5c2df9cb07 100644
--- a/src/pages/wallpapers/index.astro
+++ b/src/pages/wallpapers/index.astro
@@ -1,11 +1,11 @@
 ---
-import MainLayout from "~/layouts/MainLayout.astro"
-import WallpaperAssetCard from "./_components/WallpaperAssetCard.astro"
+import MainLayout from "~/layouts/MainLayout.astro";
+import WallpaperAssetCard from "./_components/WallpaperAssetCard.astro";
 
 const seo = {
 	title: "Wallpapers",
 	description: "Elevate your style with our stellar designs.",
-}
+};
 ---
 
 <MainLayout {...seo}>