Added in Logo's and worked on Avatars and Chats

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>