add feature support check

src/routes/(editor).tsx

@@ -1,4 +1,5 @@
 import { Title } from "@solidjs/meta";
+import { Show } from "solid-js";
 import { BsTranslate } from "solid-icons/bs";
 import { FilesProvider } from "~/features/file";
 import { MenuProvider, asMenuRoot } from "~/features/menu";
@@ -6,6 +7,8 @@ import { MenuProvider, asMenuRoot } from "~/features/menu";
 asMenuRoot // prevents removal of import
 
 export default function Editor(props) {
+    const supported = typeof window.showDirectoryPicker === 'function';
+
     return <MenuProvider>
         <Title>Translation-Tool</Title>
 
@@ -14,9 +17,11 @@ export default function Editor(props) {
         </nav>
         
         <main>
-            <FilesProvider>
-                {props.children}  
-            </FilesProvider>
+        <Show when={supported} fallback={<span>too bad, so sad. Your browser does not support the File Access API</span>}>
+        <FilesProvider>
+        {props.children}
+        </FilesProvider>
+            </Show>
         </main>
     </MenuProvider>
-}
+}