refactor: update button styles and text for improved consistency and theming

src/pages/Dashboard.js

@@ -168,11 +168,11 @@ const Dashboard = () => {
             </div>
             <Link to="/profile">
               <Button
-                className="bg-[var(--neutral-800)] text-[var(--purple-ink)] hover:bg-background rounded-full px-6"
+                className="btn-lavender"
                 data-testid="view-profile-button"
               >
                 <User className="h-4 w-4 mr-2" />
-                View Profile
+                Edit Profile
               </Button>
             </Link>
           </div>
@@ -227,8 +227,7 @@ const Dashboard = () => {
               </h3>
               <Link to="/events">
                 <Button
-                  variant="ghost"
-                  className="text-[var(--orange-light)] hover:text-brand-purple "
+                  className="btn-lavender "
                   data-testid="view-all-events-button"
                 >
                   View All
@@ -442,7 +441,7 @@ const Dashboard = () => {
                         Browse upcoming events and RSVP to start building your event history!
                       </p>
                       <Link to="/events">
-                        <Button className="bg-[var(--neutral-800)] text-[var(--purple-ink)] hover:bg-background rounded-full px-6">
+                        <Button className="bg-[var(--purple-lavender)] text-white hover:bg-[var(--purple-muted)] rounded-full dark:hover:bg-brand-lavender dark:hover:text-brand-dark-lavender px-6">
                           <Calendar className="h-4 w-4 mr-2" />
                           Browse Events
                         </Button>