chore(create-folder-heirarchy):Maintain the structure in layout properly

Author: priyakanabar-crest

zt_frontend/src/App.vue

@@ -338,21 +338,21 @@ import { NotebookNameRequest } from "./types/notebook_name_request";
 import { Notebook, CodeCell, Layout, ZTComponent } from "./types/notebook";
 import { Dependencies } from "./types/notebook_response";
 import { DependencyOutput } from "./static-types/dependency_ouput";
-import CodeComponent from "@/components/CodeComponent.vue";
-import MarkdownComponent from "@/components/MarkdownComponent.vue";
-import EditorComponent from "@/components/EditorComponent.vue";
-import SQLComponent from "@/components/SQLComponent.vue";
-import PackageComponent from "@/components/PackageComponent.vue";
+import CodeComponent from "@/components/cells/code/CodeComponent.vue";
+import MarkdownComponent from "@/components/cells/markdown/MarkdownComponent.vue";
+import EditorComponent from "@/components/cells/text/EditorComponent.vue";
+import SQLComponent from "@/components/cells/sql/SQLComponent.vue";
+import PackageComponent from "@/components/plugins/PackageComponent.vue";
 import Comments from "@/components/comments/Comments.vue";
-import CodeCellManager from "./components/CodeCellManager.vue";
-import CopilotComponent from "./components/CopilotComponent.vue";
-import ShareComponent from "./components/ShareComponent.vue";
+import CodeCellManager from "@/components/cells/base/CodeCellManager.vue";
+import CopilotComponent from "@/components/plugins/CopilotComponent.vue";
+import ShareComponent from "@/components/plugins/ShareComponent.vue";
 import type { VTextField } from "vuetify/lib/components/index.mjs";
 import { ztAliases } from "@/iconsets/ztIcon";
 import { Timer } from "@/timer";
 import { globalState } from "@/global_vars";
 import { DependencyRequest } from "./types/dependency_request";
-import SidebarComponent from "@/components/FileExplorer.vue";
+import SidebarComponent from "@/components/file-system/FileExplorer.vue";
 import { WebSocketManager } from "@/websocket_manager";
 import { useCommentsStore } from "@/stores/comments";
 

zt_frontend/src/components/AddCell.vue renamed to zt_frontend/src/components/cells/base/AddCell.vue

@@ -50,12 +50,12 @@
 
 <script lang="ts">
 import { Notebook, CodeCell } from "@/types/notebook";
-import CodeComponent from "@/components/CodeComponent.vue";
-import MarkdownComponent from "@/components/MarkdownComponent.vue";
-import EditorComponent from "@/components/EditorComponent.vue";
-import SQLComponent from "@/components/SQLComponent.vue";
-import PackageComponent from "@/components/PackageComponent.vue";
-import AddCell from '@/components/AddCell.vue'
+import CodeComponent from "@/components/cells/code/CodeComponent.vue";
+import MarkdownComponent from "@/components/cells/markdown/MarkdownComponent.vue";
+import EditorComponent from "@/components/cells/text/EditorComponent.vue";
+import SQLComponent from "@/components/cells/sql/SQLComponent.vue";
+import PackageComponent from "@/components/plugins/PackageComponent.vue";
+import AddCell from '@/components/cells/base/AddCell.vue'
 import { PropType } from "vue";
 import { useRoute } from "vue-router";
 

zt_frontend/src/components/Cell.vue renamed to zt_frontend/src/components/cells/base/Cell.vue

@@ -78,8 +78,8 @@ import {
   VCard,
 } from "vuetify/lib/components/index.mjs";
 import { VDataTable } from "vuetify/components/VDataTable";
-import TextComponent from "@/components/TextComponent.vue";
-import PlotlyPlot from "@/components/PlotlyComponent.vue";
+import TextComponent from "@/components/plugins/TextComponent.vue";
+import PlotlyPlot from "@/components/plugins/PlotlyComponent.vue";
 
 export default {
   components: {

zt_frontend/src/components/CellActionButtons.vue renamed to zt_frontend/src/components/cells/base/CellActionButtons.vue

@@ -60,9 +60,9 @@ import {
 } from "vuetify/lib/components/index.mjs";
 import { VDataTable } from "vuetify/components/VDataTable";
 import { Column, ZTComponent, Row } from "@/types/notebook";
-import PlotlyPlot from "@/components/PlotlyComponent.vue";
-import TextComponent from "@/components/TextComponent.vue"
-import ComponentWrapper from "@/components/ComponentWrapper.vue";
+import PlotlyPlot from "@/components/plugins/PlotlyComponent.vue";
+import TextComponent from "@/components/plugins/TextComponent.vue"
+import ComponentWrapper from "@/components/cells/base/ComponentWrapper.vue";
 
 export default {
   emits: ["runCode"],