fix(backend): Foreign constraint probleem bij het verwijderen van leerpaden opgelost

frontend/src/i18n/locale/en.json

@@ -138,5 +138,6 @@
     "open": "open",
     "editLearningPath": "Edit learning path",
     "newLearningPath": "Create a new learning path",
-    "saveChanges": "Save changes"
+    "saveChanges": "Save changes",
+    "newLearningObject": "Upload learning object"
 }

frontend/src/views/own-learning-content/learning-objects/LearningObjectUploadButton.vue

@@ -32,7 +32,13 @@
 <template>
     <v-dialog max-width="500" v-model="dialogOpen">
         <template v-slot:activator="{ props: activatorProps }">
-            <v-fab icon="mdi mdi-plus" v-bind="activatorProps" color="rgb(14, 105, 66)" size="large"></v-fab>
+            <v-btn
+                prepend-icon="mdi mdi-plus"
+                :text="t('newLearningObject')"
+                v-bind="activatorProps"
+                color="rgb(14, 105, 66)"
+                size="large">
+            </v-btn>
         </template>
 
         <template v-slot:default="{ isActive }">

frontend/src/views/own-learning-content/learning-objects/OwnLearningObjectsView.vue

@@ -30,6 +30,7 @@
 <template>
     <div class="root">
         <div class="table-container">
+            <learning-object-upload-button/>
             <v-data-table
                 class="table"
                 v-model="selectedLearningObjects"
@@ -44,17 +45,9 @@
             <learning-object-preview-card class="preview" :selectedLearningObject="selectedLearningObject"/>
         </div>
     </div>
-    <div class="fab">
-        <learning-object-upload-button/>
-    </div>
 </template>
 
 <style scoped>
-    .fab {
-        position: absolute;
-        right: 20px;
-        bottom: 20px;
-    }
     .root {
         display: flex;
         gap: 20px;
@@ -73,5 +66,6 @@
     }
     .table {
         width: 100%;
+        margin-top: 20px;
     }
 </style>