web: updated structure

Co-authored-by: wollenberg.niklas@gmail.com <wollenberg.niklas@gmail.com>

web/src/App.vue

@@ -1,17 +1,25 @@
 <template>
   <v-app>
     <v-main>
-      <StartPage />
+      <HeaderBar />
+      <div class="categoryContainer">
+        <CategoryContainer licenseGroupName="Jetbrains Ultimate"/>
+        <CategoryContainer licenseGroupName="Microsoft"/>
+      </div>
+
     </v-main>
   </v-app>
 </template>
 
 <script setup lang="ts">
-import StartPage from './components/StartPage.vue';
+import HeaderBar from './components/HeaderBar.vue';
+import CategoryContainer from './components/CategoryContainer.vue';
 
-  //
 </script>
 
 <style scoped>
-  
-</style>
+  .categoryContainer {
+    margin-left: 5%;
+    margin-top: 5%;
+  }
+</style>