Settings: add clear cache option

src/masto/base.ts

@@ -1,6 +1,8 @@
 import { createCacheBucket } from "~platform/cache";
 
-export const cacheBucket = /* @__PURE__ */ createCacheBucket("mastodon");
+export const CACHE_BUCKET_NAME = "mastodon"
+
+export const cacheBucket = /* @__PURE__ */ createCacheBucket(CACHE_BUCKET_NAME);
 
 export function toSmallCamelCase<T>(object: T) :T {
   if (!object || typeof object !== "object") {

src/settings/Settings.tsx

@@ -18,6 +18,7 @@ import {
 import {
   Animation as AnimationIcon,
   Close as CloseIcon,
+  DeleteForever,
   Logout,
   Public as PublicIcon,
   Refresh as RefreshIcon,
@@ -275,6 +276,17 @@ const Settings: Component = () => {
           </ListItemButton>
           <Divider />
         </li>
+        <li>
+          <ListSubheader>Storage</ListSubheader>
+          <ListItemButton disabled>
+            <ListItemIcon>
+              <DeleteForever />
+            </ListItemIcon>
+            <ListItemText secondary={"The cache is managed by your browser."}>
+              Clear cache...
+            </ListItemText>
+          </ListItemButton>
+        </li>
         <li>
           <ListSubheader>{t("This Application")}</ListSubheader>
           <ListItemButton component={A} href="./language">