fixed rendering of non compatible spatial types when changing the columns while creating

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/line.svelte

@@ -39,12 +39,14 @@
     import { Selector, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { InputLine } from '$lib/elements/forms';
     import { getDefaultSpatialData } from '../store';
+    import { onMount } from 'svelte';
 
     interface Props {
         data?: Partial<Models.ColumnLine>;
+        editing?: boolean;
     }
 
-    let { data = { required: false, default: null } }: Props = $props();
+    let { data = { required: false, default: null }, editing = false }: Props = $props();
 
     let savedDefault = $state(data.default);
     let defaultChecked = $state(!!data.default);
@@ -90,6 +92,14 @@
             handleDefaultState(true);
         }
     });
+
+    onMount(() => {
+        if (!editing) {
+            savedDefault = getDefaultSpatialData('linestring');
+            defaultChecked = false;
+            $required = false;
+        }
+    });
 </script>
 
 <Selector.Checkbox

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/point.svelte

@@ -39,12 +39,14 @@
     import { createConservative } from '$lib/helpers/stores';
     import { Selector, Typography, Layout } from '@appwrite.io/pink-svelte';
     import { getDefaultSpatialData } from '../store';
+    import { onMount } from 'svelte';
 
     interface Props {
         data?: Partial<Models.ColumnPoint>;
+        editing?: boolean;
     }
 
-    let { data = { required: false, default: null } }: Props = $props();
+    let { data = { required: false, default: null }, editing }: Props = $props();
 
     let savedDefault = $state(data.default);
     let defaultChecked = $state(!!data.default);
@@ -80,6 +82,14 @@
     $effect(() => {
         defaultChecked = data.default !== null;
     });
+
+    onMount(() => {
+        if (!editing) {
+            savedDefault = getDefaultSpatialData('point');
+            defaultChecked = false;
+            $required = false;
+        }
+    });
 </script>
 
 <Selector.Checkbox

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/columns/polygon.svelte

@@ -39,12 +39,14 @@
     import { Selector, Typography, Layout } from '@appwrite.io/pink-svelte';
     import { InputPolygon } from '$lib/elements/forms';
     import { getDefaultSpatialData, getSingleRingPolygon } from '../store';
+    import { onMount } from 'svelte';
 
     interface Props {
         data?: Partial<Models.ColumnPolygon>;
+        editing?: boolean;
     }
 
-    let { data = { required: false, default: null } }: Props = $props();
+    let { data = { required: false, default: null }, editing = false }: Props = $props();
 
     let savedDefault = $state(data.default);
     let defaultChecked = $state(!!data.default);
@@ -101,6 +103,14 @@
             handleDefaultState(true);
         }
     });
+
+    onMount(() => {
+        if (!editing) {
+            savedDefault = getDefaultSpatialData('polygon');
+            defaultChecked = false;
+            $required = false;
+        }
+    });
 </script>
 
 <Selector.Checkbox

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/store.ts

@@ -203,12 +203,6 @@ export const getDefaultSpatialData = (
         ];
     else if (type === 'polygon')
         return [
-            [
-                [0, 0],
-                [0, 0],
-                [0, 0],
-                [0, 0]
-            ],
             [
                 [0, 0],
                 [0, 0],