refactor: clean up unused imports and fix styling in blog components

app/api/chat/route.ts

@@ -2,13 +2,13 @@ import { ProvideLinksToolSchema } from '@/lib/ai-tools/inkeep-qa-schema';
 import { SearchDocsToolSchema, searchAndFetchDocs } from '@/lib/ai-tools/search-and-fetch';
 import { convertToModelMessages, stepCountIs, streamText } from 'ai';
 import { systemPrompt } from '@/lib/searchPrompt';
-import { validateRateLimit } from '@/utils/rateLimit';
 import { createModel } from '@/lib/ai-models';
-
+import { validateRateLimit } from '@/utils/rateLimit';
 
 export async function POST(req: Request) {
   const rateLimitError = validateRateLimit(req);
   if (rateLimitError) return rateLimitError;
+
   let reqJson;
   try {
     reqJson = await req.json();
@@ -39,4 +39,4 @@ export async function POST(req: Request) {
   });
 
   return result.toUIMessageStreamResponse();
-}
+}

app/blog/page.tsx

@@ -3,7 +3,6 @@ import BlogCard from "@/components/blog/BlogCard";
 import {Separator} from "@/components/ui/separator";
 import Link from "next/link";
 import Subscribe from "@/components/blog/Subscribe";
-import {SearchInput} from "@/components/blog/SearchInput";
 import Image from "next/image";
 
 export const metadata = {

components/blog/CustomToc.tsx

@@ -7,7 +7,7 @@ export default function CustomToc({toc}: { toc: TableOfContents }) {
     const containerRef = useRef<HTMLDivElement>(null);
     const minDepth = Math.min(...toc.map((item) => item.depth));
     return (
-        <div className="h-48 top-0 w-64 toc-container" ref={containerRef}>
+        <div className="top-0 w-64 toc-container" ref={containerRef}>
             <div className="text-nc-content-grey-emphasis font-bold leading-6 mb-8 text-base">
                 In this Blog
             </div>

components/blog/home/Navbar.tsx

@@ -12,11 +12,9 @@ import {
   ChevronDown,
   Database,
   Code,
-  MessageSquare,
 } from "lucide-react";
 import {
   SiDiscord,
-  SiDiscordHex,
   SiDiscourse,
   SiGithub,
   SiReddit,