feat: UI improvements and responsive design enhancements

- Fix dark mode overscroll areas with proper background colors
- Add mobile responsiveness for project logos in header
- Improve viewport handling with interactive-widget support
- Update app title to proper case 'AdsPreview'
- Add mobile-friendly padding adjustments for tabs and headers
- Update .gitignore to exclude .code-workspace files
- Enhance CSS with anticon color overrides and mobile breakpoints

frontend/src/pages/ClientProjects.js

@@ -198,7 +198,7 @@ export default function ClientProjects({ user, darkMode, onLogout, onToggleDarkM
           cursor: ${sortMode ? 'grabbing' : 'default'};
         }
       `}</style>
-      <Layout.Header style={{
+      <Layout.Header className='overview-header' style={{
         position: 'sticky',
         top: 0,
         zIndex: 100,
@@ -206,8 +206,7 @@ export default function ClientProjects({ user, darkMode, onLogout, onToggleDarkM
         justifyContent: 'space-between',
         alignItems: 'center',
         background: darkMode ? '#001f1e' : '#001f1e',
-        color: darkMode ? '#fff' : '#fff',
-        padding: '0 32px'
+        color: darkMode ? '#fff' : '#fff'
       }}>
         <div style={{ fontWeight: 700, fontSize: 20, color: darkMode ? '#fff' : undefined }}>Übersicht</div>
         <div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>