chore: update biome config + fix all lint issues in docs (#36)

* chore: update biome configuration and fix some linter issues

- Updated biome.jsonc to include new formatter options and VCS settings.
- Refactored package.json dependencies and scripts for better organization.
- Enhanced various components with improved imports and formatting for consistency.
- Cleaned up code in multiple files, ensuring adherence to coding standards and best practices.

* chore: update formatting and linting across multiple files

- Added tab indentation and adjusted indent width in biome.jsonc.
- Refactored various components for consistent formatting and improved readability.
- Ensured adherence to coding standards by fixing linting issues in multiple files.
- Enhanced imports and component structures for better organization.

* chore: simplify biome configuration and update formatting

- Removed extensive linter rules and settings from biome.jsonc for a cleaner configuration.
- Updated formatter options to use tab indentation and adjusted indent width.
- Streamlined the structure of the configuration for better readability and maintainability.

* chore: remove trailing newline in biome.jsonc for cleaner formatting

* chore: add missing newline at end of file in biome.jsonc for consistency

* refactor: improve component structure and formatting across multiple files

- Refactored the Squares component to enhance the drawing logic and improve readability.
- Introduced a new FeatureRow component for better organization in the comparison section.
- Simplified the TestimonialCard component by extracting CardContent for clarity.
- Added utility functions for cost formatting and provider cost calculation in the pricing page.
- Updated the Carousel and Pagination components to remove unnecessary roles for better accessibility.
- Cleaned up the SidebarProvider logic for improved state management and readability.

* feat: add remote image pattern for badges in Next.js config

- Introduced a new remote pattern for images to allow loading badges from startupfa.me.
- This enhancement improves the flexibility of image handling in the application.

* refactor: remove unused remote image pattern and clean up imports

- Removed the remote image pattern for badges from the Next.js configuration as it is no longer needed.
- Cleaned up the imports in the hero component by removing the unused Image import.

* refactor: remove unused logger import from index.ts

* refactor: update biome lint ignore comments for clarity

- Changed biome lint ignore comments to specify 'tailwind css directive' for better understanding and maintainability.
- Ensured consistency in commenting style across the global CSS file.

Author: AyanavaKarmakar

apps/dashboard/components/ui/slider.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Slider as SliderPrimitive } from 'radix-ui';
-import * as React from 'react';
+import { useMemo } from 'react';
 
 import { cn } from '@/lib/utils';
 
@@ -13,15 +13,15 @@ function Slider({
 	max = 100,
 	...props
 }: React.ComponentProps<typeof SliderPrimitive.Root>) {
-	const _values = React.useMemo(
-		() =>
-			Array.isArray(value)
-				? value
-				: Array.isArray(defaultValue)
-					? defaultValue
-					: [min, max],
-		[value, defaultValue, min, max]
-	);
+	const _values = useMemo(() => {
+		if (Array.isArray(value)) {
+			return value;
+		}
+		if (Array.isArray(defaultValue)) {
+			return defaultValue;
+		}
+		return [min, max];
+	}, [value, defaultValue, min, max]);
 
 	return (
 		<SliderPrimitive.Root
@@ -49,11 +49,11 @@ function Slider({
 					data-slot="slider-range"
 				/>
 			</SliderPrimitive.Track>
-			{Array.from({ length: _values.length }, (_, index) => (
+			{_values.map((value, index) => (
 				<SliderPrimitive.Thumb
 					className="block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:outline-hidden focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50"
 					data-slot="slider-thumb"
-					key={index}
+					key={`slider-thumb-${index}-${value}`}
 				/>
 			))}
 		</SliderPrimitive.Root>

apps/database/components/ui/slider.tsx

@@ -13,15 +13,15 @@ function Slider({
 	max = 100,
 	...props
 }: React.ComponentProps<typeof SliderPrimitive.Root>) {
-	const _values = React.useMemo(
-		() =>
-			Array.isArray(value)
-				? value
-				: Array.isArray(defaultValue)
-					? defaultValue
-					: [min, max],
-		[value, defaultValue, min, max]
-	);
+	const _values = React.useMemo(() => {
+		if (Array.isArray(value)) {
+			return value;
+		}
+		if (Array.isArray(defaultValue)) {
+			return defaultValue;
+		}
+		return [min, max];
+	}, [value, defaultValue, min, max]);
 
 	return (
 		<SliderPrimitive.Root

apps/docs/app/(home)/page.tsx

@@ -35,7 +35,7 @@ export default function HomePage() {
 		<div className="min-h-screen">
 			<Hero />
 
-			<Features stars={null} />
+			<Features />
 
 			<Comparison />
 

apps/docs/app/blog/[[...slug]]/page.tsx

@@ -17,7 +17,9 @@ export default async function BlogPage(props: {
 }) {
 	const params = await props.params;
 	const page = blogSource.getPage(params.slug);
-	if (!page) notFound();
+	if (!page) {
+		notFound();
+	}
 
 	const MDXContent = page.data.body;
 	const publishedDate = new Date(page.data.publishedAt);
@@ -272,7 +274,7 @@ export default async function BlogPage(props: {
 	);
 }
 
-export async function generateStaticParams() {
+export function generateStaticParams() {
 	return blogSource.generateParams();
 }
 
@@ -281,7 +283,9 @@ export async function generateMetadata(props: {
 }) {
 	const params = await props.params;
 	const page = blogSource.getPage(params.slug);
-	if (!page) notFound();
+	if (!page) {
+		notFound();
+	}
 
 	const title = `${String(page.data.title || 'Databuddy Blog')} | Databuddy Blog`;
 	const description = String(

apps/docs/app/docs/[[...slug]]/page.tsx

@@ -15,7 +15,9 @@ export default async function Page(props: {
 }) {
 	const params = await props.params;
 	const page = source.getPage(params.slug);
-	if (!page) notFound();
+	if (!page) {
+		notFound();
+	}
 
 	const MDXContent = page.data.body;
 	const url = `https://www.databuddy.cc${page.url}`;
@@ -30,7 +32,7 @@ export default async function Page(props: {
 		let currentPath = '/docs';
 		params.slug.forEach((segment, index) => {
 			currentPath += `/${segment}`;
-			if (index < params.slug!.length - 1) {
+			if (index < (params.slug?.length ?? 0) - 1) {
 				breadcrumbs.push({
 					name: segment.charAt(0).toUpperCase() + segment.slice(1),
 					url: currentPath,
@@ -67,7 +69,7 @@ export default async function Page(props: {
 	);
 }
 
-export async function generateStaticParams() {
+export function generateStaticParams() {
 	return source.generateParams();
 }
 
@@ -76,7 +78,9 @@ export async function generateMetadata(props: {
 }) {
 	const params = await props.params;
 	const page = source.getPage(params.slug);
-	if (!page) notFound();
+	if (!page) {
+		notFound();
+	}
 
 	const url = `https://www.databuddy.cc${page.url}`;
 	const title = `${page.data.title} | Databuddy Documentation`;

apps/docs/app/global.css

@@ -3,12 +3,14 @@
 @import "fumadocs-ui/css/preset.css";
 @import "tw-animate-css";
 
+/* biome-ignore lint: tailwind css directive */
 @custom-variant dark (&:is(.dark *));
 
 * {
   font-family: var(--font-geist);
 }
 
+/* biome-ignore lint: tailwind css directive */
 @theme inline {
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
@@ -139,13 +141,16 @@
 
 @layer base {
   * {
+    /* biome-ignore lint: tailwind css directive */
     @apply border-border outline-ring/50;
   }
   body {
+    /* biome-ignore lint: tailwind css directive */
     @apply bg-background text-foreground;
   }
 }
 
 #nd-home-layout {
+  /* biome-ignore lint: false positive */
   padding-top: 0px !important;
 }

apps/docs/app/layout.tsx

@@ -1,5 +1,4 @@
 import './global.css';
-import { Databuddy } from '@databuddy/sdk';
 import { RootProvider } from 'fumadocs-ui/provider';
 import type { Metadata, Viewport } from 'next';
 import { Geist } from 'next/font/google';

apps/docs/app/not-found.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ArrowLeft, Home, Link2Off } from 'lucide-react';
+import { ArrowLeft, Home } from 'lucide-react';
 import { Geist } from 'next/font/google';
 import Link from 'next/link';
 import LiquidChrome from '@/components/bits/liquid';

apps/docs/app/terms/page.tsx

@@ -1,12 +1,10 @@
 import {
 	AlertTriangle,
-	Clock,
 	CreditCard,
 	FileText,
 	HelpCircle,
 	Scale,
 	Shield,
-	Users,
 } from 'lucide-react';
 
 export const metadata = {

apps/docs/components/bits/liquid.tsx

@@ -29,7 +29,9 @@ export const LiquidChrome: React.FC<LiquidChromeProps> = ({
 	const containerRef = useRef<HTMLDivElement | null>(null);
 
 	useEffect(() => {
-		if (!containerRef.current) return;
+		if (!containerRef.current) {
+			return;
+		}
 
 		const container = containerRef.current;
 		// Enable built-in antialiasing.