Fix ESLint empty arrow function errors in ThemePicker component

Author: whosthatguy

src/assets/images/profile1.png

@@ -3,11 +3,21 @@ import { MoonSunSwitch } from '@app/components/common/MoonSunSwitch/MoonSunSwitc
 
 export const ThemePicker: React.FC = () => {
   // Only liquid-blue theme is supported - theme switching is disabled
+  const handleMoonClick = () => {
+    // Theme switching is disabled - no operation needed
+    return;
+  };
+
+  const handleSunClick = () => {
+    // Theme switching is disabled - no operation needed
+    return;
+  };
+
   return (
     <MoonSunSwitch
       isMoonActive={false}
-      onClickMoon={() => {}}
-      onClickSun={() => {}}
+      onClickMoon={handleMoonClick}
+      onClickSun={handleSunClick}
     />
   );
 };

src/assets/images/profile1.webp

@@ -16,7 +16,7 @@ const Container = styled.div`
   -webkit-backdrop-filter: blur(10px);
   border: 1px solid rgba(0, 255, 255, 0.1);
   border-radius: 8px;
-  padding: 1.5rem;
+  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
   margin-bottom: 1rem;
 `;
 
@@ -408,7 +408,7 @@ const PushNotificationSettings: React.FC = () => {
               prefix={<FileTextOutlined />}
             />
           </Form.Item>
-        <Form.Item>
+        <Form.Item style={{ marginBottom: 0 }}>
           <p style={{
             color: 'rgba(255, 255, 255, 0.8)',
             fontSize: '0.9em',

src/components/header/components/settingsDropdown/settingsOverlay/ThemePicker/ThemePicker.tsx

@@ -5,7 +5,7 @@ import { useHandleLogout } from './authUtils';
 import { useProfileAPI } from './useProfileAPI';
 
 // Import the profile images for dummy data
-import profile1 from '@app/assets/images/profile1.webp';
+import profile1 from '@app/assets/images/profile1.png';
 import profile2 from '@app/assets/images/profile2.jpg';
 import profile3 from '@app/assets/images/profile3.webp';
 import profile4 from '@app/assets/images/profile4.webp';