refactor/Componenet folder structure rework

frontend/src/App.vue

@@ -27,7 +27,7 @@
         <v-icon>mdi-magnify</v-icon>
       </v-btn>
 
-      <Menu />
+      <SiteMenu />
     </v-app-bar>
     <v-main>
       <v-container>
@@ -40,15 +40,15 @@
 </template>
 
 <script>
-import Menu from "./components/UI/Menu";
+import SiteMenu from "./components/UI/SiteMenu";
-import SearchBar from "./components/UI/SearchBar";
+import SearchBar from "./components/UI/Search/SearchBar";
 import AddRecipeFab from "./components/UI/AddRecipeFab";
 import Vuetify from "./plugins/vuetify";
 export default {
   name: "App",
 
   components: {
-    Menu,
+    SiteMenu,
     AddRecipeFab,
     SearchBar,
   },

frontend/src/components/MealPlan/MealPlanCard.vue

@@ -27,7 +27,7 @@
 
 <script>
 import utils from "@/utils";
-import SearchDialog from "../UI/SearchDialog";
+import SearchDialog from "../UI/Search/SearchDialog";
 export default {
   components: {
     SearchDialog,

frontend/src/components/Recipe/EditorButtonRow.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script>
-import Confirmation from "./Confirmation";
+import Confirmation from "../../components/UI/Confirmation";
 
 export default {
   props: {

frontend/src/components/UI/CardSection.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script>
-import RecipeCard from "./RecipeCard";
+import RecipeCard from "../Recipe/RecipeCard";
 export default {
   components: {
     RecipeCard,

frontend/src/components/UI/Search/SearchDialog.vue

@@ -43,8 +43,8 @@
 </template>
 
 <script>
-import SearchBar from "../UI/SearchBar";
+import SearchBar from "./SearchBar";
-import RecipeCard from "../UI/RecipeCard";
+import RecipeCard from "../../Recipe/RecipeCard";
 export default {
   components: {
     SearchBar,

frontend/src/pages/RecipeNewPage.vue

@@ -12,7 +12,7 @@
     </v-img>
     <br v-else />
 
-    <ButtonRow
+    <EditorButtonRow
       @json="jsonEditor = true"
       @editor="jsonEditor = false"
       @save="createRecipe"
@@ -43,12 +43,12 @@ import api from "@/api";
 
 import RecipeEditor from "../components/Recipe/RecipeEditor";
 import VJsoneditor from "v-jsoneditor";
-import ButtonRow from "../components/UI/ButtonRow";
+import EditorButtonRow from "../components/Recipe/EditorButtonRow";
 export default {
   components: {
     VJsoneditor,
     RecipeEditor,
-    ButtonRow,
+    EditorButtonRow,
   },
   data() {
     return {

frontend/src/pages/RecipePage.vue

@@ -13,7 +13,7 @@
         :performTime="recipeDetails.performTime"
       />
     </v-img>
-    <ButtonRow
+    <EditorButtonRow
       :open="showIcons"
       @json="jsonEditor = true"
       @editor="
@@ -62,14 +62,14 @@ import VJsoneditor from "v-jsoneditor";
 import RecipeViewer from "../components/Recipe/RecipeViewer";
 import RecipeEditor from "../components/Recipe/RecipeEditor";
 import RecipeTimeCard from "../components/Recipe/RecipeTimeCard.vue";
-import ButtonRow from "../components/UI/ButtonRow";
+import EditorButtonRow from "../components/Recipe/EditorButtonRow";
 
 export default {
   components: {
     VJsoneditor,
     RecipeViewer,
     RecipeEditor,
-    ButtonRow,
+    EditorButtonRow,
     RecipeTimeCard,
   },
   data() {

frontend/src/pages/SearchPage.vue

@@ -34,8 +34,8 @@
 </template>
 
 <script>
-import SearchBar from "../components/UI/SearchBar";
+import SearchBar from "../components/UI/Search/SearchBar";
-import RecipeCard from "../components/UI/RecipeCard";
+import RecipeCard from "../components/Recipe/RecipeCard";
 export default {
   components: {
     SearchBar,