feat: Redesign bug reporting and header actions

- Remove BugReportTab component and move bug reporting to header
- Add bug report icon to main header and profile dropdown
- Add sync button to main header with deploy button styling
- Remove duplicate sync/bug report buttons from workbench header
- Clean up unused imports and code
- Improve header button organization and visibility

app/components/@settings/core/AvatarDropdown.tsx

@@ -133,6 +133,24 @@ export const AvatarDropdown = ({ onSelectTab }: AvatarDropdownProps) => {
             Service Status
             <BetaLabel />
           </DropdownMenu.Item>
+
+          <DropdownMenu.Item
+            className={classNames(
+              'flex items-center gap-2 px-4 py-2.5',
+              'text-sm text-gray-700 dark:text-gray-200',
+              'hover:bg-purple-50 dark:hover:bg-purple-500/10',
+              'hover:text-purple-500 dark:hover:text-purple-400',
+              'cursor-pointer transition-all duration-200',
+              'outline-none',
+              'group',
+            )}
+            onClick={() =>
+              window.open('https://github.com/stackblitz-labs/bolt.diy/issues/new?template=bug_report.yml', '_blank')
+            }
+          >
+            <div className="i-ph:bug w-4 h-4 text-gray-400 group-hover:text-purple-500 dark:group-hover:text-purple-400 transition-colors" />
+            Report Bug
+          </DropdownMenu.Item>
         </DropdownMenu.Content>
       </DropdownMenu.Portal>
     </DropdownMenu.Root>

app/components/@settings/core/ControlPanel.tsx

@@ -26,7 +26,6 @@ import CloudProvidersTab from '~/components/@settings/tabs/providers/cloud/Cloud
 import ServiceStatusTab from '~/components/@settings/tabs/providers/status/ServiceStatusTab';
 import LocalProvidersTab from '~/components/@settings/tabs/providers/local/LocalProvidersTab';
 import McpTab from '~/components/@settings/tabs/mcp/McpTab';
-import BugReportTab from '~/components/@settings/tabs/bug-report/BugReportTab';
 
 interface ControlPanelProps {
   open: boolean;
@@ -143,8 +142,7 @@ export const ControlPanel = ({ open, onClose }: ControlPanelProps) => {
         return <ServiceStatusTab />;
       case 'mcp':
         return <McpTab />;
-      case 'bug-report':
-        return <BugReportTab />;
+
       default:
         return null;
     }

app/components/@settings/core/constants.ts

@@ -12,7 +12,6 @@ export const TAB_ICONS: Record<TabType, string> = {
   connection: 'i-ph:wifi-high',
   'event-logs': 'i-ph:list-bullets',
   mcp: 'i-ph:wrench',
-  'bug-report': 'i-ph:bug',
 };
 
 export const TAB_LABELS: Record<TabType, string> = {
@@ -27,7 +26,6 @@ export const TAB_LABELS: Record<TabType, string> = {
   connection: 'Connection',
   'event-logs': 'Event Logs',
   mcp: 'MCP Servers',
-  'bug-report': 'Bug Report',
 };
 
 export const TAB_DESCRIPTIONS: Record<TabType, string> = {
@@ -42,7 +40,6 @@ export const TAB_DESCRIPTIONS: Record<TabType, string> = {
   connection: 'Check connection status and settings',
   'event-logs': 'View system events and logs',
   mcp: 'Configure MCP (Model Context Protocol) servers',
-  'bug-report': 'Report bugs and issues directly to developers',
 };
 
 export const DEFAULT_TAB_CONFIG = [
@@ -55,7 +52,7 @@ export const DEFAULT_TAB_CONFIG = [
   { id: 'notifications', visible: true, window: 'user' as const, order: 5 },
   { id: 'event-logs', visible: true, window: 'user' as const, order: 6 },
   { id: 'mcp', visible: true, window: 'user' as const, order: 7 },
-  { id: 'bug-report', visible: true, window: 'user' as const, order: 8 },
+
   { id: 'profile', visible: true, window: 'user' as const, order: 9 },
   { id: 'service-status', visible: true, window: 'user' as const, order: 10 },
   { id: 'settings', visible: true, window: 'user' as const, order: 11 },

app/components/@settings/core/types.ts

@@ -13,8 +13,7 @@ export type TabType =
   | 'service-status'
   | 'connection'
   | 'event-logs'
-  | 'mcp'
-  | 'bug-report';
+  | 'mcp';
 
 export type WindowType = 'user' | 'developer';
 
@@ -75,7 +74,6 @@ export const TAB_LABELS: Record<TabType, string> = {
   connection: 'Connections',
   'event-logs': 'Event Logs',
   mcp: 'MCP Servers',
-  'bug-report': 'Bug Report',
 };
 
 export const categoryLabels: Record<SettingCategory, string> = {