refactor: update file handling and improve component structure

- fix api client
- make controlbar look better
- fix api client again

src/hooks/nanostores.ts

@@ -10,7 +10,7 @@ import {
 } from "@builder.io/qwik";
 import { Atom, WritableAtom } from "nanostores";
 
-function writeable<T = any>(store: Atom<T> | WritableAtom<T>): store is WritableAtom<T> {
+function writeable<T>(store: Atom<T> | WritableAtom<T>): store is WritableAtom<T> {
     return typeof (store as WritableAtom<T>).set === 'function';
 }