Added in Logo's and worked on Avatars and Chats

src/components/settings/company-settings-form.tsx

@@ -5,6 +5,7 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Button } from "@/components/ui/button"
 import { COMPANY_NAME } from "@/lib/constants"
+import { toast } from "sonner"
 
 export function CompanySettingsForm() {
   return (
@@ -39,7 +40,7 @@ export function CompanySettingsForm() {
           </div>
         </div>
         <div className="flex justify-end pt-4">
-          <Button>Save Changes</Button>
+          <Button onClick={() => toast.success("Company settings saved")}>Save Changes</Button>
         </div>
       </CardContent>
     </Card>

src/components/settings/notification-settings.tsx

@@ -4,6 +4,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Label } from "@/components/ui/label"
 import { Switch } from "@/components/ui/switch"
 import { Button } from "@/components/ui/button"
+import { toast } from "sonner"
 
 const notifications = [
   {
@@ -63,7 +64,7 @@ export function NotificationSettings() {
           </div>
         ))}
         <div className="flex justify-end pt-4">
-          <Button>Save Preferences</Button>
+          <Button onClick={() => toast.success("Notification preferences saved")}>Save Preferences</Button>
         </div>
       </CardContent>
     </Card>

src/components/settings/user-preferences-form.tsx

@@ -3,6 +3,7 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { Label } from "@/components/ui/label"
 import { Button } from "@/components/ui/button"
+import { toast } from "sonner"
 import {
   Select,
   SelectContent,
@@ -65,7 +66,7 @@ export function UserPreferencesForm() {
           </div>
         </div>
         <div className="flex justify-end pt-4">
-          <Button>Save Preferences</Button>
+          <Button onClick={() => toast.success("Preferences saved")}>Save Preferences</Button>
         </div>
       </CardContent>
     </Card>