style: improve mobile compatibility of certain manage pages (#678)

* style: improve mobile compatibility of certain manage pages

* style: improve mobile support for more manage pages

* fix: format issues

* chore: address pull request feedback

apps/nextjs/src/app/[locale]/manage/settings/_components/analytics.settings.tsx

@@ -109,7 +109,9 @@ const SwitchSetting = ({
       <UnstyledButton style={{ flexGrow: 1 }} onClick={handleClick}>
         <Stack gap={0}>
           <Text fw="bold">{title}</Text>
-          <Text c="gray.5">{text}</Text>
+          <Text c="gray.5" fz={{ base: "xs", md: "sm" }}>
+            {text}
+          </Text>
         </Stack>
       </UnstyledButton>
       <Switch disabled={disabled} onClick={handleClick} checked={form.values[formKey] && !disabled} />