Updates components in the root of the components directory to the com…

…position API (#170)

* Updates about page to composition API

* Updates AASViewer component to composition API

* Moves toDisplay functions to ReferableUtils

* Updates MainWindow component to composition API

* Updates SubmodelElementView to composition API

* Updates ComponentVisualization component to composition API

* Updates AASTreeview component to composition API

* Updates SubmodelList component to composition API

aas-web-ui/src/App.vue

@@ -105,6 +105,9 @@
         } else if (currentRouteName === 'ComponentVisualization' && aasEndpoint && submodelElementPath) {
             // Redirect to 'ComponentVisualization' with 'aas' and 'path' parameters
             router.push({ name: 'ComponentVisualization', query: { aas: aasEndpoint, path: submodelElementPath } });
+        } else if (currentRouteName === 'About') {
+            // Stay on 'About'
+            router.push({ name: 'About' });
         } else {
             // Redirect to 'AASList' without query parameters
             router.push({ name: 'AASList' });
@@ -124,6 +127,9 @@
         } else if (currentRouteName === 'AASViewer') {
             // Stay on 'AASViewer' but update query parameters
             router.push({ name: 'AASViewer', query });
+        } else if (currentRouteName === 'About') {
+            // Stay on 'About'
+            router.push({ name: 'About' });
         } else {
             // Default to 'MainWindow' with query parameters
             router.push({ name: 'MainWindow', query });