Coderabbit fixes

src/app/(main)/(home)/_components/examples/ev-charging-example.tsx

@@ -132,18 +132,12 @@ export function EVChargingExample() {
               latitude={station.lat}
             >
               <MarkerContent>
-                <div
-                  className={`${config.bg} rounded-full p-1.5 shadow-lg ${
-                    station.status !== "offline"
-                      ? `shadow-${config.bg.replace("bg-", "")}/30`
-                      : ""
-                  }`}
-                >
-                  <Zap className="size-3 text-white fill-white" />
+                <div className={`${config.bg} rounded-full p-1.5 shadow-lg`}>
+                  <Zap className="size-3 fill-white text-white" />
                 </div>
               </MarkerContent>
               <MarkerTooltip>
-                <div className="text-xs space-y-0.5">
+                <div className="space-y-0.5 text-xs">
                   <div className="font-medium">{station.name}</div>
                   <div className="flex items-center gap-1">
                     <span className={`size-1.5 rounded-full ${config.bg}`} />

src/components/main-nav.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import Link from "next/link";
 
 import { siteNavigation } from "@/lib/site-navigation";
@@ -11,10 +9,10 @@ export function MainNav({ className, ...props }: React.ComponentProps<"nav">) {
     .find((group) => group.title === "Pages")
     ?.items.filter((item) => item.title !== "Home");
 
-  if (!navItems) return null;
+  if (!navItems?.length) return null;
 
   return (
-    <nav className={cn("items-center gap-1", className)} {...props}>
+    <nav className={cn("flex items-center gap-1", className)} {...props}>
       {navItems.map((item) => (
         <Button
           key={item.href}

src/styles/globals.css

@@ -225,5 +225,5 @@ code .line::before {
   margin-right: 1.5rem;
   display: inline-block;
   text-align: right;
-  color: var(--code-number)
+  color: var(--code-number);
 }