feat: Implement view management features with a new UI for editing and listing views

- Added a resizable panel layout in the studio app to display the view list alongside the main application.
- Refactored the studio store to include new methods for fetching and managing route views.
- Introduced a new DataItemForm component for configuring data items in views.
- Created a ViewEditor component for adding and editing views, including data items and queries.
- Enhanced the ViewList component to support searching, adding, editing, and deleting views.
- Updated UI components (Button, Checkbox, Dialog, Input, Label, Table) for better styling and functionality.
- Added environment configuration for API URL.
- Introduced a new workspace configuration for pnpm.

web/src/modules/query.ts

@@ -1,4 +1,4 @@
-import { Query } from '@kevisual/query'
+import { QueryClient } from '@kevisual/query'
 
 const getUrl = () => {
   const host = window.location.host
@@ -10,6 +10,10 @@ const getUrl = () => {
   return '/client/router'
 }
 
-export const query = new Query({
-  url: getUrl()
+export const query = new QueryClient({
+  url: '/api/router',
+});
+
+export const queryClient = new QueryClient({
+  url: getUrl(),
 });