Restore Ultracite + fix sidebar (#1233)

components/chat-header.tsx

@@ -1,27 +1,23 @@
-'use client';
+"use client";
 
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { useWindowSize } from 'usehooks-ts';
-
-import { SidebarToggle } from '@/components/sidebar-toggle';
-import { Button } from '@/components/ui/button';
-import { PlusIcon, VercelIcon } from './icons';
-import { useSidebar } from './ui/sidebar';
-import { memo } from 'react';
-import { type VisibilityType, VisibilitySelector } from './visibility-selector';
-import type { Session } from 'next-auth';
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { memo } from "react";
+import { useWindowSize } from "usehooks-ts";
+import { SidebarToggle } from "@/components/sidebar-toggle";
+import { Button } from "@/components/ui/button";
+import { PlusIcon, VercelIcon } from "./icons";
+import { useSidebar } from "./ui/sidebar";
+import { VisibilitySelector, type VisibilityType } from "./visibility-selector";
 
 function PureChatHeader({
   chatId,
   selectedVisibilityType,
   isReadonly,
-  session,
 }: {
   chatId: string;
   selectedVisibilityType: VisibilityType;
   isReadonly: boolean;
-  session: Session;
 }) {
   const router = useRouter();
   const { open } = useSidebar();
@@ -34,12 +30,12 @@ function PureChatHeader({
 
       {(!open || windowWidth < 768) && (
         <Button
-          variant="outline"
           className="order-2 ml-auto h-8 px-2 md:order-1 md:ml-0 md:h-fit md:px-2"
           onClick={() => {
-            router.push('/');
+            router.push("/");
             router.refresh();
           }}
+          variant="outline"
         >
           <PlusIcon />
           <span className="md:sr-only">New Chat</span>
@@ -49,19 +45,19 @@ function PureChatHeader({
       {!isReadonly && (
         <VisibilitySelector
           chatId={chatId}
-          selectedVisibilityType={selectedVisibilityType}
           className="order-1 md:order-2"
+          selectedVisibilityType={selectedVisibilityType}
         />
       )}
 
       <Button
-        className="order-3 hidden bg-zinc-900 px-2 text-zinc-50 hover:bg-zinc-800 md:ml-auto md:flex md:h-fit dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-200"
         asChild
+        className="order-3 hidden bg-zinc-900 px-2 text-zinc-50 hover:bg-zinc-800 md:ml-auto md:flex md:h-fit dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-200"
       >
         <Link
-          href={`https://vercel.com/templates/next.js/nextjs-ai-chatbot`}
-          target="_noblank"
+          href={"https://vercel.com/templates/next.js/nextjs-ai-chatbot"}
           rel="noreferrer"
+          target="_noblank"
         >
           <VercelIcon size={16} />
           Deploy with Vercel