Fix random type errors now that imports are type safe

src/features/compose/components/privacy-dropdown.tsx

@@ -250,7 +250,7 @@ const PrivacyDropdown: React.FC<IPrivacyDropdown> = ({
             'text-gray-600 hover:text-gray-700 dark:hover:text-gray-500': !open,
             'text-primary-500 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-400': open,
           })}
-          src={valueOption?.icon}
+          src={valueOption!.icon}
           title={intl.formatMessage(messages.change_privacy)}
           onClick={handleToggle}
           onMouseDown={handleMouseDown}

src/features/ui/components/action-button.tsx

@@ -221,12 +221,21 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small }) =
       );
     } else if (!account.relationship?.blocking && !account.relationship?.muting) {
       // Follow & Unfollow
+
+      let icon: string | undefined;
+
+      if (isFollowing) {
+        icon = plusIcon;
+      } else if (blockedBy) {
+        icon = banIcon;
+      }
+
       return (
         <Button
           size='sm'
           disabled={blockedBy}
           theme={isFollowing ? 'secondary' : 'primary'}
-          icon={blockedBy ? banIcon : (!isFollowing && plusIcon)}
+          icon={icon}
           onClick={handleFollow}
         >
           {isFollowing ? (

src/features/ui/components/theme-selector.tsx

@@ -35,7 +35,7 @@ const ThemeSelector: React.FC<IThemeSelector> = ({ value, onChange }) => {
       case 'black':
         return shadowIcon;
       default:
-        return null;
+        return deviceDesktopIcon;
     }
   }, [value]);