Table and field drag and drop ordering (#444)

* Add dnd for tables and fields

* Fix inputs

* Decouple ids and indecies in the editor

* Decouple ids and indecies in utils

* Fix field indexes

* Use nanoid instead of numberic ids for fields and tables

* Fix review comments

package.json

@@ -11,6 +11,9 @@
   },
   "dependencies": {
     "@dbml/core": "^3.9.7-alpha.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@douyinfe/semi-ui": "^2.77.1",
     "@lexical/react": "^0.12.5",
     "@monaco-editor/react": "^4.7.0",
@@ -29,6 +32,7 @@
     "jspdf": "^3.0.1",
     "jszip": "^3.10.1",
     "lexical": "^0.12.5",
+    "nanoid": "^5.1.5",
     "node-sql-parser": "^5.3.9",
     "oracle-sql-parser": "^0.1.0",
     "react": "^18.2.0",