add thread

src/shared/icons/index.tsx

@@ -32,4 +32,5 @@ export * from "./threads";
 export * from "./trash";
 export * from "./world";
 export * from "./zap";
+export * from "./loader";
 // @endindex

src/shared/icons/loader.tsx

@@ -0,0 +1,29 @@
+import { SVGProps } from "react";
+
+export function LoaderIcon(
+	props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
+) {
+	return (
+		<svg
+			{...props}
+			xmlns="http://www.w3.org/2000/svg"
+			fill="none"
+			viewBox="0 0 24 24"
+		>
+			<title id="loading">Loading</title>
+			<circle
+				className="opacity-25"
+				cx="12"
+				cy="12"
+				r="10"
+				stroke="currentColor"
+				strokeWidth="4"
+			/>
+			<path
+				className="opacity-75"
+				fill="currentColor"
+				d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+			/>
+		</svg>
+	);
+}

src/shared/navigation.tsx

@@ -73,7 +73,7 @@ export function Navigation() {
 				{/* Chats */}
 				<Disclosure defaultOpen={true}>
 					{({ open }) => (
-						<div className="flex flex-col gap-0.5 px-1.5">
+						<div className="flex flex-col gap-0.5 px-1.5 pb-6">
 							<Disclosure.Button className="flex items-center gap-1 px-2.5">
 								<div
 									className={`inline-flex h-5 w-5 transform items-center justify-center transition-transform duration-150 ease-in-out ${