chore: update documentation geospatial (#60)

* feat: add geospatial features and datasets for Buenos Aires

- Introduced geospatial types and interfaces in `types.ts` for managing geospatial data.
- Created a new dataset file `geospatialDatasets.ts` containing restaurants, cafes, parks, and hotels in Buenos Aires with relevant attributes.
- Integrated a new `GeospatialPlayground` component in the theme for interactive geospatial data visualization.
- Updated the geospatial operators guide to include an interactive playground section.
- Added Leaflet and Vue-Leaflet dependencies for map functionalities.

* feat(playground): add example filtering scenarios and components

- Created a new file for example filtering scenarios with various use cases.
- Added Playground components for better organization and modularity.
- Introduced types for examples and datasets to enhance type safety.
- Updated the main theme index to include the new Playground components.
- Added Vue plugin for Vite to support Vue components in the project.
- Updated package dependencies to include the necessary Vue plugin.
- Configured Vitest to include tests for the new Playground components.

* feat: Add Vue integration documentation

- Introduced a new guide for using filter with Vue 3, covering installation, available composables, and usage examples.
- Removed outdated Getting Started and Installation guides to streamline documentation.
- Added detailed operator documentation, including Array and Comparison operators.
- Created an Operators Reference page for quick navigation and comprehensive operator details.
- Introduced a Recipes section with practical examples for common filtering scenarios.

* feat(geospatial): store zoom level on map zoom change and update label display logic

Author: mcabreradev

docs/.vitepress/config.ts

@@ -21,10 +21,11 @@ export default defineConfig({
     logo: '/logo.svg',
 
     nav: [
-      { text: 'Guide', link: '/guide/getting-started', activeMatch: '/guide/' },
+      { text: 'Guide', link: '/guide/quick-start', activeMatch: '/guide/' },
+      { text: 'Operators', link: '/operators/', activeMatch: '/operators/' },
+      { text: 'Recipes', link: '/recipes/', activeMatch: '/recipes/' },
       { text: 'Playground', link: '/playground/', activeMatch: '/playground/' },
-      { text: 'Frontend', link: '/frontend/overview', activeMatch: '/frontend/' },
-      { text: 'Backend', link: '/backend/express', activeMatch: '/backend/' },
+      { text: 'Frameworks', link: '/frameworks/', activeMatch: '/frameworks/' },
       { text: 'API', link: '/api/reference', activeMatch: '/api/' },
       { text: 'Examples', link: '/examples/basic', activeMatch: '/examples/' },
       {
@@ -53,11 +54,8 @@ export default defineConfig({
           text: 'Getting Started',
           collapsed: false,
           items: [
-            { text: 'Introduction', link: '/guide/getting-started' },
-            { text: 'Installation', link: '/guide/installation' },
             { text: 'Quick Start', link: '/guide/quick-start' },
             { text: 'Basic Filtering', link: '/guide/basic-filtering' },
-            { text: 'Migration Guide v5.4', link: '/guide/migration-v2' },
           ],
         },
         {
@@ -106,43 +104,62 @@ export default defineConfig({
             { text: 'Type System', link: '/advanced/type-system' },
             { text: 'Performance Benchmarks', link: '/advanced/performance-benchmarks' },
             { text: 'Migration Guide', link: '/advanced/migration' },
-            { text: 'Complete Documentation', link: '/advanced/complete-documentation' },
           ],
         },
       ],
-      '/frontend/': [
+      '/frameworks/': [
         {
           text: 'Framework Integrations',
           collapsed: false,
           items: [
-            { text: 'Overview', link: '/frontend/overview' },
-            { text: 'React', link: '/frontend/react' },
-            { text: 'Vue', link: '/frontend/vue' },
-            { text: 'Svelte', link: '/frontend/svelte' },
+            { text: 'Overview', link: '/frameworks/' },
+            { text: 'React', link: '/frameworks/react' },
+            { text: 'Vue', link: '/frameworks/vue' },
+            { text: 'Svelte', link: '/frameworks/svelte' },
           ],
         },
         {
           text: 'SSR Frameworks',
           collapsed: false,
           items: [
-            { text: 'Next.js', link: '/frontend/nextjs' },
-            { text: 'Nuxt', link: '/frontend/nuxt' },
-            { text: 'SvelteKit', link: '/frontend/sveltekit' },
+            { text: 'Next.js', link: '/frameworks/nextjs' },
+            { text: 'Nuxt', link: '/frameworks/nuxt' },
+            { text: 'SvelteKit', link: '/frameworks/sveltekit' },
+          ],
+        },
+        {
+          text: 'Backend Frameworks',
+          collapsed: false,
+          items: [
+            { text: 'Node.js', link: '/frameworks/nodejs' },
+            { text: 'Express.js', link: '/frameworks/express' },
+            { text: 'NestJS', link: '/frameworks/nestjs' },
+            { text: 'Deno', link: '/frameworks/deno' },
           ],
         },
       ],
-      '/backend/': [
+      '/operators/': [
         {
-          text: 'Backend Integration',
+          text: 'Operator Reference',
           collapsed: false,
           items: [
-            { text: 'Node.js', link: '/backend/nodejs' },
-            { text: 'Express.js', link: '/backend/express' },
-            { text: 'NestJS', link: '/backend/nestjs' },
-            { text: 'Deno', link: '/backend/deno' },
+            { text: 'All Operators', link: '/operators/' },
+            { text: 'Comparison', link: '/operators/comparison' },
+            { text: 'Array', link: '/operators/array' },
+            { text: 'String', link: '/guide/operators#string-operators' },
+            { text: 'Logical', link: '/guide/logical-operators' },
+            { text: 'Geospatial', link: '/guide/geospatial-operators' },
+            { text: 'DateTime', link: '/guide/datetime-operators' },
           ],
         },
       ],
+      '/recipes/': [
+        {
+          text: 'Recipes',
+          collapsed: false,
+          items: [{ text: 'All Recipes', link: '/recipes/' }],
+        },
+      ],
       '/api/': [
         {
           text: 'API Reference',