⭐ Add save button UI

src/components/ChatWindow.tsx

@@ -1,6 +1,12 @@
 import type { ReactNode } from "react";
 import React, { useEffect, useRef, useState } from "react";
-import { FaBrain, FaListAlt, FaPlayCircle, FaStar } from "react-icons/fa";
+import {
+  FaBrain,
+  FaListAlt,
+  FaPlayCircle,
+  FaSave,
+  FaStar,
+} from "react-icons/fa";
 import autoAnimate from "@formkit/auto-animate";
 import PopIn from "./motions/popin";
 import Expand from "./motions/expand";
@@ -84,16 +90,21 @@ const ChatWindow = ({ messages, children, className }: ChatWindowProps) => {
 
 const MacWindowHeader = () => {
   return (
-    <div className="flex gap-1 rounded-t-3xl p-3">
+    <div className="flex items-center gap-1 rounded-t-3xl p-3">
       <PopIn delay={0.4}>
         <div className="h-3 w-3 rounded-full bg-red-500" />
       </PopIn>
       <PopIn delay={0.5}>
         <div className="h-3 w-3 rounded-full bg-yellow-500" />
       </PopIn>
-      <PopIn delay={0.6}>
+      <PopIn delay={0.6} className="flex-grow">
         <div className="h-3 w-3 rounded-full bg-green-500" />
       </PopIn>
+
+      <div className="mr-1 flex cursor-pointer items-center gap-2 rounded-full border-2 border-white/30 p-1 px-2 hover:bg-white/10">
+        <FaSave size={12} />
+        <p className="font-mono">Save</p>
+      </div>
     </div>
   );
 };