diff --git a/src/components/HomepageFeatures/featuresSection.module.css b/src/components/HomepageFeatures/featuresSection.module.css
index 8948a1c3..bc09b12a 100644
--- a/src/components/HomepageFeatures/featuresSection.module.css
+++ b/src/components/HomepageFeatures/featuresSection.module.css
@@ -4,8 +4,6 @@
   width: 100%;
 }
 
-
-
 .cards {
   display: grid;
   grid-template-columns: 1fr;
diff --git a/src/css/custom.css b/src/css/custom.css
index 574f7f08..ecc8bf59 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -119,7 +119,7 @@
 
 .footer__copyright {
   font-size: 14px;
-  color: #777777
+  color: #777777;
 }
 
 .navbar {
diff --git a/src/theme/Footer/Copyright/index.tsx b/src/theme/Footer/Copyright/index.tsx
index 5fa2ee32..3c25c0b4 100644
--- a/src/theme/Footer/Copyright/index.tsx
+++ b/src/theme/Footer/Copyright/index.tsx
@@ -1,13 +1,13 @@
-import React from 'react';
-import type {Props} from '@theme/Footer/Copyright';
+import React from "react";
+import type { Props } from "@theme/Footer/Copyright";
 
-export default function FooterCopyright({copyright}: Props): JSX.Element {
+export default function FooterCopyright({ copyright }: Props): JSX.Element {
   return (
     <div
       className="footer__copyright"
       // Developer provided the HTML, so assume it's safe.
       // eslint-disable-next-line react/no-danger
-      dangerouslySetInnerHTML={{__html: copyright}}
+      dangerouslySetInnerHTML={{ __html: copyright }}
     />
   );
 }
diff --git a/src/theme/Footer/Layout/index.tsx b/src/theme/Footer/Layout/index.tsx
index 76d6abe0..6d8c7eb3 100644
--- a/src/theme/Footer/Layout/index.tsx
+++ b/src/theme/Footer/Layout/index.tsx
@@ -1,6 +1,6 @@
-import React from 'react';
-import clsx from 'clsx';
-import type {Props} from '@theme/Footer/Layout';
+import React from "react";
+import clsx from "clsx";
+import type { Props } from "@theme/Footer/Layout";
 
 export default function FooterLayout({
   style,
@@ -10,9 +10,10 @@ export default function FooterLayout({
 }: Props): JSX.Element {
   return (
     <footer
-      className={clsx('footer', {
-        'footer--dark': style === 'dark',
-      })}>
+      className={clsx("footer", {
+        "footer--dark": style === "dark",
+      })}
+    >
       <div className="container container-fluid">
         {links}
         {(logo || copyright) && (
diff --git a/src/theme/Footer/LinkItem/index.tsx b/src/theme/Footer/LinkItem/index.tsx
index 65047723..b0adcf1a 100644
--- a/src/theme/Footer/LinkItem/index.tsx
+++ b/src/theme/Footer/LinkItem/index.tsx
@@ -1,15 +1,15 @@
-import React from 'react';
+import React from "react";
 
-import Link from '@docusaurus/Link';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import isInternalUrl from '@docusaurus/isInternalUrl';
-import IconExternalLink from '@theme/Icon/ExternalLink';
-import type {Props} from '@theme/Footer/LinkItem';
+import Link from "@docusaurus/Link";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import isInternalUrl from "@docusaurus/isInternalUrl";
+import IconExternalLink from "@theme/Icon/ExternalLink";
+import type { Props } from "@theme/Footer/LinkItem";
 
-export default function FooterLinkItem({item}: Props): JSX.Element {
-  const {to, href, label, prependBaseUrlToHref, ...props} = item;
+export default function FooterLinkItem({ item }: Props): JSX.Element {
+  const { to, href, label, prependBaseUrlToHref, ...props } = item;
   const toUrl = useBaseUrl(to);
-  const normalizedHref = useBaseUrl(href, {forcePrependBaseUrl: true});
+  const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true });
 
   return (
     <Link
@@ -21,7 +21,8 @@ export default function FooterLinkItem({item}: Props): JSX.Element {
         : {
             to: toUrl,
           })}
-      {...props}>
+      {...props}
+    >
       {label}
       {href && !isInternalUrl(href) && <IconExternalLink />}
     </Link>
diff --git a/src/theme/Footer/Links/MultiColumn/index.tsx b/src/theme/Footer/Links/MultiColumn/index.tsx
index f8f7b34f..cdda7fc3 100644
--- a/src/theme/Footer/Links/MultiColumn/index.tsx
+++ b/src/theme/Footer/Links/MultiColumn/index.tsx
@@ -1,17 +1,17 @@
-import React from 'react';
-import LinkItem from '@theme/Footer/LinkItem';
-import type {Props} from '@theme/Footer/Links/MultiColumn';
+import React from "react";
+import LinkItem from "@theme/Footer/LinkItem";
+import type { Props } from "@theme/Footer/Links/MultiColumn";
 
-type ColumnType = Props['columns'][number];
-type ColumnItemType = ColumnType['items'][number];
+type ColumnType = Props["columns"][number];
+type ColumnItemType = ColumnType["items"][number];
 
-function ColumnLinkItem({item}: {item: ColumnItemType}) {
+function ColumnLinkItem({ item }: { item: ColumnItemType }) {
   return item.html ? (
     <li
       className="footer__item"
       // Developer provided the HTML, so assume it's safe.
       // eslint-disable-next-line react/no-danger
-      dangerouslySetInnerHTML={{__html: item.html}}
+      dangerouslySetInnerHTML={{ __html: item.html }}
     />
   ) : (
     <li key={item.href ?? item.to} className="footer__item">
@@ -20,7 +20,7 @@ function ColumnLinkItem({item}: {item: ColumnItemType}) {
   );
 }
 
-function Column({column}: {column: ColumnType}) {
+function Column({ column }: { column: ColumnType }) {
   return (
     <div className="col footer__col">
       <div className="footer__title">{column.title}</div>
@@ -33,7 +33,9 @@ function Column({column}: {column: ColumnType}) {
   );
 }
 
-export default function FooterLinksMultiColumn({columns}: Props): JSX.Element {
+export default function FooterLinksMultiColumn({
+  columns,
+}: Props): JSX.Element {
   return (
     <div className="row footer__links">
       {columns.map((column, i) => (
diff --git a/src/theme/Footer/Links/Simple/index.tsx b/src/theme/Footer/Links/Simple/index.tsx
index 65744e4e..03fbd1be 100644
--- a/src/theme/Footer/Links/Simple/index.tsx
+++ b/src/theme/Footer/Links/Simple/index.tsx
@@ -1,25 +1,25 @@
-import React from 'react';
-import LinkItem from '@theme/Footer/LinkItem';
-import type {Props} from '@theme/Footer/Links/Simple';
+import React from "react";
+import LinkItem from "@theme/Footer/LinkItem";
+import type { Props } from "@theme/Footer/Links/Simple";
 
 function Separator() {
   return <span className="footer__link-separator">·</span>;
 }
 
-function SimpleLinkItem({item}: {item: Props['links'][number]}) {
+function SimpleLinkItem({ item }: { item: Props["links"][number] }) {
   return item.html ? (
     <span
       className="footer__link-item"
       // Developer provided the HTML, so assume it's safe.
       // eslint-disable-next-line react/no-danger
-      dangerouslySetInnerHTML={{__html: item.html}}
+      dangerouslySetInnerHTML={{ __html: item.html }}
     />
   ) : (
     <LinkItem item={item} />
   );
 }
 
-export default function FooterLinksSimple({links}: Props): JSX.Element {
+export default function FooterLinksSimple({ links }: Props): JSX.Element {
   return (
     <div className="footer__links text--center">
       <div className="footer__links">
diff --git a/src/theme/Footer/Links/index.tsx b/src/theme/Footer/Links/index.tsx
index d9ec3db7..96edae5d 100644
--- a/src/theme/Footer/Links/index.tsx
+++ b/src/theme/Footer/Links/index.tsx
@@ -1,11 +1,11 @@
-import React from 'react';
+import React from "react";
 
-import {isMultiColumnFooterLinks} from '@docusaurus/theme-common';
-import FooterLinksMultiColumn from '@theme/Footer/Links/MultiColumn';
-import FooterLinksSimple from '@theme/Footer/Links/Simple';
-import type {Props} from '@theme/Footer/Links';
+import { isMultiColumnFooterLinks } from "@docusaurus/theme-common";
+import FooterLinksMultiColumn from "@theme/Footer/Links/MultiColumn";
+import FooterLinksSimple from "@theme/Footer/Links/Simple";
+import type { Props } from "@theme/Footer/Links";
 
-export default function FooterLinks({links}: Props): JSX.Element {
+export default function FooterLinks({ links }: Props): JSX.Element {
   return isMultiColumnFooterLinks(links) ? (
     <FooterLinksMultiColumn columns={links} />
   ) : (