add custom algorithm screen to settings under moderation

src/view/screens/CustomAlgorithms.tsx

@@ -0,0 +1,27 @@
+import {NativeStackScreenProps} from '@react-navigation/native-stack'
+import {usePalette} from 'lib/hooks/usePalette'
+import {CommonNavigatorParams} from 'lib/routes/types'
+import {observer} from 'mobx-react-lite'
+import React from 'react'
+import {StyleSheet, View} from 'react-native'
+import {withAuthRequired} from 'view/com/auth/withAuthRequired'
+import {ViewHeader} from 'view/com/util/ViewHeader'
+import {Text} from 'view/com/util/text/Text'
+
+type Props = NativeStackScreenProps<CommonNavigatorParams, 'CustomAlgorithms'>
+
+const CustomAlgorithms = withAuthRequired(
+  observer((props: Props) => {
+    const pal = usePalette('default')
+    return (
+      <View>
+        <ViewHeader title="Custom Algorithms" showOnDesktop />
+        <Text>CustomAlgorithms</Text>
+      </View>
+    )
+  }),
+)
+
+export default CustomAlgorithms
+
+const styles = StyleSheet.create({})

src/view/screens/Settings.tsx

@@ -290,6 +290,22 @@ export const SettingsScreen = withAuthRequired(
           <Text type="xl-bold" style={[pal.text, styles.heading]}>
             Moderation
           </Text>
+          <Link
+            testID="bookmarkedAlgosBtn"
+            style={[styles.linkCard, pal.view, isSwitching && styles.dimmed]}
+            accessibilityHint="Custom Algorithms"
+            accessibilityLabel="Opens screen with all bookmarked custom algorithms"
+            href="/settings/custom-algorithms">
+            <View style={[styles.iconContainer, pal.btn]}>
+              <FontAwesomeIcon
+                icon="rss"
+                style={pal.text as FontAwesomeIconStyle}
+              />
+            </View>
+            <Text type="lg" style={pal.text}>
+              Custom Algorithms
+            </Text>
+          </Link>
           <TouchableOpacity
             testID="contentFilteringBtn"
             style={[styles.linkCard, pal.view, isSwitching && styles.dimmed]}