style: improve feedback UI spacing and button styling

Author: GiselleNessi

apps/dashboard/src/app/(app)/components/Header/SecondaryNav/SecondaryNav.tsx

@@ -65,13 +65,13 @@ export function SecondaryNavLinks() {
         <button
           type="button"
           onClick={() => setShowFeedbackDropdown(!showFeedbackDropdown)}
-          className="text-muted-foreground text-sm hover:text-foreground"
+          className="text-muted-foreground text-sm hover:text-foreground border border-border px-3 py-1.5 rounded-full hover:bg-muted transition-colors"
         >
           Feedback
         </button>
 
         {showFeedbackDropdown && (
-          <div className="absolute top-full right-0 mt-2 bg-background border border-border rounded-2xl p-6 w-96 z-50">
+          <div className="absolute top-full right-0 mt-2 bg-background border border-border rounded-2xl p-3 w-96 z-50">
             <h2 className="text-foreground text-base font-sans mb-2">
               Share your feedback with us:
             </h2>
@@ -96,7 +96,7 @@ export function SecondaryNavLinks() {
                   .
                 </div>
               </div>
-              <div className="flex gap-3 flex-shrink-0">
+              <div className="flex gap-2 flex-shrink-0">
                 <button
                   type="button"
                   onClick={handleModalCancel}

apps/dashboard/src/app/(app)/components/MobileBurgerMenuButton.tsx

@@ -221,7 +221,7 @@ export function MobileBurgerMenuButton(
                 </button>
 
                 {showFeedbackSection && (
-                  <div className="bg-muted/50 rounded-lg p-4 space-y-4 mb-8">
+                  <div className="pl-0 pr-4 space-y-4 mb-6">
                     <h3 className="text-sm font-medium text-foreground">
                       Share your feedback with us:
                     </h3>
@@ -248,14 +248,14 @@ export function MobileBurgerMenuButton(
                         <button
                           type="button"
                           onClick={handleModalCancel}
-                          className="flex-1 bg-transparent text-foreground px-3 py-2 rounded-lg font-sans text-sm border border-border hover:bg-muted transition-colors"
+                          className="flex-1 bg-transparent text-foreground px-3 py-2 rounded-full font-sans text-sm border border-border hover:bg-muted transition-colors"
                         >
                           Cancel
                         </button>
                         <button
                           type="button"
                           onClick={handleModalSubmit}
-                          className="flex-1 bg-primary text-primary-foreground px-3 py-2 rounded-lg font-sans text-sm hover:bg-primary/90 transition-colors"
+                          className="flex-1 bg-primary text-primary-foreground px-3 py-2 rounded-full font-sans text-sm hover:bg-primary/90 transition-colors"
                         >
                           Submit
                         </button>