refactor: remove CoursePromoBadge component and related settings

- Deleted the CoursePromoBadge component from the sidebar and its associated logic.
- Removed references to the hideMarketingContent setting from the settings view and appearance section.
- Cleaned up related tests for marketing content visibility as they are no longer applicable.

apps/ui/src/components/views/settings-view.tsx

@@ -37,8 +37,6 @@ export function SettingsView() {
     setShowProfilesOnly,
     muteDoneSound,
     setMuteDoneSound,
-    hideMarketingContent,
-    setHideMarketingContent,
     currentProject,
     moveProjectToTrash,
     defaultPlanningMode,
@@ -104,9 +102,7 @@ export function SettingsView() {
           <AppearanceSection
             effectiveTheme={effectiveTheme}
             currentProject={settingsProject}
-            hideMarketingContent={hideMarketingContent}
             onThemeChange={handleSetTheme}
-            onHideMarketingContentChange={setHideMarketingContent}
           />
         );
       case "keyboard":

apps/ui/src/components/views/settings-view/appearance/appearance-section.tsx

@@ -1,6 +1,5 @@
 import { Label } from "@/components/ui/label";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Palette, Megaphone } from "lucide-react";
+import { Palette } from "lucide-react";
 import { themeOptions } from "@/config/theme-options";
 import { cn } from "@/lib/utils";
 import type { Theme, Project } from "../shared/types";
@@ -8,17 +7,13 @@ import type { Theme, Project } from "../shared/types";
 interface AppearanceSectionProps {
   effectiveTheme: Theme;
   currentProject: Project | null;
-  hideMarketingContent: boolean;
   onThemeChange: (theme: Theme) => void;
-  onHideMarketingContentChange: (hide: boolean) => void;
 }
 
 export function AppearanceSection({
   effectiveTheme,
   currentProject,
-  hideMarketingContent,
   onThemeChange,
-  onHideMarketingContentChange,
 }: AppearanceSectionProps) {
   return (
     <div
@@ -85,35 +80,6 @@ export function AppearanceSection({
             })}
           </div>
         </div>
-
-        {/* Separator */}
-        <div className="border-t border-border/30 my-4" />
-
-        {/* Hide Marketing Content Setting */}
-        <div className="group flex items-start space-x-3 p-3 rounded-xl hover:bg-accent/30 transition-colors duration-200 -mx-3">
-          <Checkbox
-            id="hide-marketing-content"
-            checked={hideMarketingContent}
-            onCheckedChange={(checked) =>
-              onHideMarketingContentChange(checked === true)
-            }
-            className="mt-1"
-            data-testid="hide-marketing-content-checkbox"
-          />
-          <div className="space-y-1.5">
-            <Label
-              htmlFor="hide-marketing-content"
-              className="text-foreground cursor-pointer font-medium flex items-center gap-2"
-            >
-              <Megaphone className="w-4 h-4 text-brand-500" />
-              Hide marketing content
-            </Label>
-            <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              When enabled, hides promotional content like the &quot;Become a 10x Dev&quot; badge
-              in the sidebar. This setting persists across sessions.
-            </p>
-          </div>
-        </div>
       </div>
     </div>
   );