fixed some issues with profile and events

templates/profile/profile.html

@@ -6,6 +6,7 @@
 <div class="container mx-auto px-4 py-6">
     <div class="max-w-3xl mx-auto">
         <form method="POST" enctype="multipart/form-data" class="bg-white rounded-lg shadow overflow-hidden">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
             <!-- Profile Picture Section -->
             <div class="p-4 border-b border-gray-200">
                 <div class="flex flex-col items-center">
@@ -93,8 +94,8 @@
                     <button type="submit"
                             class="text-white px-6 py-2 rounded-lg transition duration-200"
                             style="background-color: var(--primary-color); border: 1px solid var(--primary-color);"
-                            onmouseover="this.style.backgroundColor='#1a8a90'"
-                            onmouseout="this.style.backgroundColor='#16767b'">
+                            onmouseover="this.style.backgroundColor='var(--primary-light)'"
+                            onmouseout="this.style.backgroundColor='var(--primary-color)'">
                         Save Changes
                     </button>
                 </div>