Added in Logo's and worked on Avatars and Chats

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>