Settings: fix overscroll effect

src/profiles/Profile.css

@@ -1,5 +1,5 @@
 .Profile {
-  height: 100%;
+  overflow: hidden auto;
 
   .intro {
     background-color: var(--tutu-color-surface-d);

src/settings/Settings.tsx

@@ -1,8 +1,4 @@
-import {
+import { For, Show, type Component } from "solid-js";
-  For,
-  Show,
-  type Component,
-} from "solid-js";
 import Scaffold from "../material/Scaffold.js";
 import {
   AppBar,
@@ -167,7 +163,7 @@ const Settings: Component = () => {
       }>,
     () => import(`./i18n/lang-names.json`),
   );
-  const {pop} = useNavigator();
+  const { pop } = useNavigator();
   const settings$ = useStore($settings);
   const { needRefresh } = useServiceWorker();
   const dateFnLocale = useDateFnLocale();
@@ -185,6 +181,8 @@ const Settings: Component = () => {
 
     .setting-list {
       padding-bottom: calc(var(--safe-area-inset-bottom, 0px) + 16px);
+      overflow: hidden auto;
+      height: calc(100% - var(--scaffold-topbar-height, 0));
     }
   `;
   return (