style(biome): use check which combines lint and format

Author: rodneyosodo

biome.json

@@ -1,7 +1,13 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.7.0/schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
   "files": {
-    "ignore": [".next", "node_modules", "**/*.test.*"]
+    "ignoreUnknown": false,
+    "ignore": ["src/components/ui/*.tsx", "src/app/providers.tsx"]
   },
   "organizeImports": {
     "enabled": true
@@ -26,14 +32,17 @@
           }
         }
       }
-    },
-    "include": ["./src/*"],
-    "ignore": ["./src/components/ui/*", "src/app/providers.tsx"]
+    }
   },
   "formatter": {
     "enabled": true,
     "indentStyle": "space",
     "indentWidth": 2,
     "lineWidth": 80
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
   }
 }

package.json

@@ -7,8 +7,8 @@
     "build": "next build",
     "start": "next start",
     "prod": "next build && next start",
-    "format": "biome format src --write",
-    "lint": "biome lint src"
+    "lint": "biome check src",
+    "lint:fix": "biome check src --write"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.3",

src/app/(about)/overview/_components/organising-team.tsx

@@ -1,4 +1,7 @@
 "use client";
+import { useOutsideClick } from "@/hooks/use-outside-click";
+import { AnimatePresence, motion } from "framer-motion";
+import { X } from "lucide-react";
 import Image from "next/image";
 import React, {
   type RefObject,
@@ -7,9 +10,6 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { useOutsideClick } from "@/hooks/use-outside-click";
-import { X } from "lucide-react";
 
 const team = [
   {

src/app/(articles)/[slug]/page.tsx

@@ -1,7 +1,7 @@
-import { notFound } from "next/navigation";
 import { CustomMdx } from "@/components/mdx";
-import { getArticles } from "@/lib/mdx";
 import { TracingBeam } from "@/components/ui/tracing-beam";
+import { getArticles } from "@/lib/mdx";
+import { notFound } from "next/navigation";
 
 export default async function Article(props: {
   params: Promise<{ slug: string }>;

src/app/(articles)/_components/sponsors.tsx

@@ -1,5 +1,5 @@
-import Image from "next/image";
 import { sponsors } from "@/lib/constants";
+import Image from "next/image";
 
 export default function Sponsors() {
   const years = [...new Set(sponsors.flatMap((sponsor) => sponsor.year))]

src/app/layout.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from "next";
 import { Roboto_Mono } from "next/font/google";
 import "./globals.css";
-import NavBar from "@/components/nav-bar";
-import Footer from "@/components/footer";
 import { PostHogProvider } from "@/app/providers";
+import Footer from "@/components/footer";
+import NavBar from "@/components/nav-bar";
 
 const robotoMono = Roboto_Mono({
   weight: "400",

src/app/page.tsx

@@ -1,7 +1,7 @@
 import AboutSection from "@/components/about-section";
+import Gallery from "@/components/gallery";
 import HeroSection from "@/components/hero-section";
 import Sponsors from "@/components/sponsors";
-import Gallery from "@/components/gallery";
 
 const images = [
   "/gallery/DSC_0004-4.jpg",

src/app/posthog-page-view.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { usePathname, useSearchParams } from "next/navigation";
-import { useEffect, Suspense } from "react";
 import { usePostHog } from "posthog-js/react";
+import { Suspense, useEffect } from "react";
 
 function PostHogPageView(): null {
   const pathname = usePathname();

src/components/about-section.tsx

@@ -1,4 +1,4 @@
-import { Building2Icon, ThumbsUpIcon, Speech, Code2Icon } from "lucide-react";
+import { Building2Icon, Code2Icon, Speech, ThumbsUpIcon } from "lucide-react";
 
 export default function AboutSection() {
   return (

src/components/mdx.tsx

@@ -1,9 +1,9 @@
-import Image, { type ImageProps } from "next/image";
+import Sponsors from "@/app/(articles)/_components/sponsors";
+import { cn } from "@/lib/utils";
 import { MDXRemote, type MDXRemoteProps } from "next-mdx-remote/rsc";
+import Image, { type ImageProps } from "next/image";
 import type React from "react";
 import type { JSX } from "react";
-import { cn } from "@/lib/utils";
-import Sponsors from "@/app/(articles)/_components/sponsors";
 
 function slugify(str: string) {
   return str