Add meme-adding logic

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/screens/settings.tsx

@@ -28,16 +28,16 @@ const SettingsScreen = () => {
   const noMedia = useSelector((state: RootState) => state.settings.noMedia);
   const dispatch = useDispatch();
 
-  const [optimizingDatabase, setOptimizingDatabase] = useState(false);
+  const [isOptimizingDatabase, setIsOptimizingDatabase] = useState(false);
   const [snackbarVisible, setSnackbarVisible] = useState(false);
   const [snackbarMessage, setSnackbarMessage] = useState('');
 
   const optimizeDatabase = () => {
-    setOptimizingDatabase(true);
+    setIsOptimizingDatabase(true);
     // TODO: clean up missing / extra files
     setSnackbarMessage('Database optimized!');
     setSnackbarVisible(true);
-    setOptimizingDatabase(false);
+    setIsOptimizingDatabase(false);
   };
 
   return (
@@ -47,7 +47,6 @@ const SettingsScreen = () => {
           orientation == 'portrait' && styles.paddingTop,
           orientation == 'landscape' && styles.smallPaddingTop,
           styles.paddingHorizontal,
-          styles.fullSize,
           { backgroundColor: colors.background },
         ]}>
         <View>
@@ -55,10 +54,7 @@ const SettingsScreen = () => {
             <List.Subheader>Database</List.Subheader>
             <Button
               mode="elevated"
-              style={{
-                marginBottom: responsive.verticalScale(15),
-              }}
-              loading={optimizingDatabase}
+              loading={isOptimizingDatabase}
               onPress={optimizeDatabase}>
               Optimize Database Now
             </Button>