feat(feedback): add problem reporting flow

src/app/sidebar/sidebar-screen.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Download, LogOut } from "lucide-react";
+import { Download, LogOut, MessageCircleQuestion } from "lucide-react";
 import { signOut } from "next-auth/react";
 
 import { BackButton } from "@/app/_components";
@@ -99,6 +99,27 @@ export function SidebarScreen() {
           <section className={`${styles.settingsSlot} ${styles.revealThree}`}>
             <p className={styles.settingsLabel}>Other</p>
             <div className={styles.settingsActions}>
+              <button
+                type="button"
+                data-analytics-key="sidebar.open_feedback"
+                data-analytics-label="Open feedback"
+                className={`${styles.logoutCard} ${styles.feedbackCard}`}
+                onClick={() => navigator.push(ROUTES.feedback)}
+              >
+                <span
+                  className={`${styles.logoutIcon} ${styles.feedbackIcon}`}
+                  aria-hidden="true"
+                >
+                  <MessageCircleQuestion size={19} strokeWidth={2.2} />
+                </span>
+                <span className={styles.logoutText}>
+                  <span className={styles.feedbackTitle}>Feedback</span>
+                  <span className={styles.logoutSubtitle}>
+                    Report a problem or share an idea
+                  </span>
+                </span>
+              </button>
+
               {pwaInstallEntry.canInstall ? (
                 <button
                   type="button"