Inform about reader layout setting asterisk on touch device

The information for the asterisk was only shown as a tooltip, which is only optimal for non touch devices

src/modules/reader/components/settings/DefaultSettingFootnote.tsx

@@ -0,0 +1,27 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import Stack from '@mui/material/Stack';
+import Typography from '@mui/material/Typography';
+import { useTranslation } from 'react-i18next';
+import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx';
+
+export const DefaultSettingFootnote = () => {
+    const { t } = useTranslation();
+    const isTouchDevice = MediaQuery.useIsTouchDevice();
+
+    if (!isTouchDevice) {
+        return null;
+    }
+
+    return (
+        <Stack sx={{ alignItems: 'end' }}>
+            <Typography variant="caption">{t('reader.settings.default_setting_footnote')}</Typography>
+        </Stack>
+    );
+};