🤖 fix: Remove unused imports and fix linting issues

- Removed unused cn imports from App.tsx, ErrorMessage.tsx, CostsTab.tsx
- Fixed nullish coalescing operator in StreamingBarrier.tsx
- All linting checks now passing

Author: kylecarbs

src/App.tsx

@@ -1,5 +1,4 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import { cn } from "@/lib/utils";
 import "./styles/globals.css";
 import type { ProjectConfig } from "./config";
 import type { WorkspaceSelection } from "./components/ProjectSidebar";

src/components/ErrorMessage.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import { cn } from "@/lib/utils";
 
 interface ErrorMessageProps {
   title?: string;

src/components/Messages/ChatBarrier/StreamingBarrier.tsx

@@ -17,7 +17,7 @@ export const StreamingBarrier: React.FC<StreamingBarrierProps> = ({
   tps,
 }) => {
   return (
-    <div className={`flex items-center justify-between gap-4 ${className || ""}`}>
+    <div className={`flex items-center justify-between gap-4 ${className ?? ""}`}>
       <div className="flex items-center gap-2 flex-1">
         <BaseBarrier text={statusText} color="var(--color-assistant-border)" animate />
         {tokenCount !== undefined && (

src/components/RightSidebar/CostsTab.tsx

@@ -8,7 +8,6 @@ import { use1MContext } from "@/hooks/use1MContext";
 import { supports1MContext } from "@/utils/ai/models";
 import { TOKEN_COMPONENT_COLORS } from "@/utils/tokens/tokenMeterUtils";
 import { ConsumerBreakdown } from "./ConsumerBreakdown";
-import { cn } from "@/lib/utils";
 
 // Format token display - show k for thousands with 1 decimal
 const formatTokens = (tokens: number) =>

src/components/ThinkingSlider.tsx

@@ -46,7 +46,7 @@ const getTextStyle = (n: number) => {
   };
 };
 
-const getSliderStyles = (value: number, isHover: boolean = false) => {
+const getSliderStyles = (value: number, isHover = false) => {
   const effectiveValue = isHover ? Math.min(value + 1, 3) : value;
   const thumbBg = value === 0 ? "#606060" : `hsl(271 76% ${53 + value * 5}%)`;