Switch space from online+local to local only after creation

Have you read a contributing guide?

[X] I have read CONTRIBUTING.md
[X] I have searched the existing requests and didn't find any that were similar
[X] I have considered creating a pull request instead and want to proceed

Clear and concise description of the problem

Hi Anytype team first thing first, thank you so much for providing 1GB cloud file storage for online spaces! I am new to Anytype about 3 days and I am not entirly sure I did correct things. But just quickly show you guys how "dumb" I was

My originally idea was keeping my data entirely in "local" then I sync my data by myself with eg: google drive (I know this sounds dumb)
I don't think I got abilities to self host the anytype heart etc at the moment
I "accidentally" created an online+local spaces at software "on-board" stage since I did not notice the "Gear" button.
I have to "export" the whole anytype spaces and recreate "vault" with local only then import the space back
After creating the local vault, I realised the data was stored at (macOS) ~/Library/Application Support/anytype/data and I forgot to change the location and I lost the chance to change with UI.
I "export" -> "re-create local only" + "correct user data path" -> "import" and finally got everything looks correct (for me).

So just wondering would that be possible to let user

would that be possible to let user change user data location after creation?
switching space(s) between online+local to local-only after creation?
(optional) would that be possible to make local-only more obvious at on-board stage?

Suggested solution

I am not TS/Electron developer so please bearing with my shallow knowledge on that.

let user change user data location after creation? I read a bit with the source code and added a new "Change" button right next to "Open" button in settings page
anytype-ts/src/ts/component/popup/page/settings/data.tsx
```
...
// line 58
<Button color="blank" className="c28" text={translate(`commonOpen`)} onClick={this.onOpenDataLocation} />
<Button color="blank" className="c28" text={translate(`commonChange`)} onClick={this.onChangeDataLocation.bind(this)} />
...
```
I copied over from codes in other places and make the onclick handler like so
```
onChangeDataLocation () {
    const onConfirm = () => {
        const cb = (paths: string[]) => {
            Renderer.send('setUserDataPath', paths[0]);
            Renderer.send('exit', "", true);
        }
   Action.openDir({}, cb);
};
};
```
I tested with online+local spaces, it does change to user data to the new place after restarting and user data also re-sync down. but surely there are lots of things missing eg:
- how to deal with local-only spaces (need local copy over?)
- how to sync all files down to local before switch to new place? (may related with community topic https://community.anytype.io/t/add-an-option-to-download-all-files-automatically/10593) I also found a file called devconfig.json which holding the user data path but am not this file is created by dev:run?
switching space(s) between online+local to local-only after creation? I think this would be the toggle button in space settings page? as far as I understand local-only spaces does not have network id. I though sync everything down for targe space remove the network id from space would work?
(optional) would that be possible to make local-only more obvious at on-board stage? I did not try the mobile/windows/linux versions of anytype, for mac desktop version on-board stage, would that be possible to make drop down list for vault config instead of the Gear button on top right of window?

Alternative

No response

Additional context