Implement new routing with tanstack router and mobile app kickoff (#248)

* Init mobile app
* Minor fixes and improvements
* Improve assets loading
* Fix event bus proxy
* Improve emojis and icons loading
* Improve app initialization in web
* Init tanstack router
* Refactor components
* Refactor some more components
* Refactor layouts
* Improve routing
* Improve routing
* Routing improvements
* Make sidebar work in mobile
* Refactor container and breadcrumb
* Fix some packages and warnings
* Encode and decode yjs update for ipc communication
* Refactor servers in client
* Fix some errors and warnings in editor and sidebar
* Add route masking for web
* Improve container layout
* Improve ui for mobile
* Improve mobile ui
* Create custom link component
* Router improvements
* Implement tabs for desktop
* tabs improvements
* Refactor routes
* Layout improvements
* Improve desktop tabs
* Use tanstack-db for global collections
* Improve tanstack db collections
* Refactor workspaces and accounts databases and routes locally
* Use tanstackdb for users
* Use tanstackdb for uploads and downloads
* Use tanstackdb for temp files
* Rename database to collections
* Improve tabs
* Fix packages
* Improve local file handling
* Rename sync cursor keys
* Save some bootstrap data in a file
* Reset all data on new version update in desktop
* Minor refactor
* Implement app reset on startup
* UI fixes and improvements
* More Ui improvements
* Fix logout
* Add tab in route contexts for workspace routes
* Store last used workspace id as metadata
* Fix account logout
* Fix file preview
* Fix file thumbnail loading in tabs
* Fix chat tab loading
* Fix some redirect handling
* Disable staletime for icon.svg.get query
* Fix not found pages and throws
* add readme for mobile
* fix some keys
* Improve add tab handler
* Fix path

packages/ui/src/components/messages/message-reference.tsx

@@ -14,8 +14,7 @@ export const MessageReference = ({ messageId }: MessageReferenceProps) => {
   const nodeGetQuery = useLiveQuery({
     type: 'node.get',
     nodeId: messageId,
-    accountId: workspace.accountId,
-    workspaceId: workspace.id,
+    userId: workspace.userId,
   });
 
   if (nodeGetQuery.isPending) {
@@ -37,7 +36,7 @@ export const MessageReference = ({ messageId }: MessageReferenceProps) => {
   return (
     <div className="flex flex-row gap-2 border-l-4 p-2">
       <MessageAuthorAvatar message={message} className="size-5 mt-1" />
-      <div className='"flex-grow flex-col gap-1'>
+      <div className='"grow flex-col gap-1'>
         <MessageAuthorName message={message} />
         <MessageContent message={message} />
       </div>