cleanup routes names

src/App.vue

@@ -2,11 +2,12 @@
 import { computed } from 'vue';
 import { RouterView, useRoute } from 'vue-router';
 import { Sidebar } from './sidebar';
+import { routeNames } from '@/routes';
 
 const route = useRoute();
 
 const hideSidebar = computed(() => {
-    return route.name === 'callback' || route.name === 'about';
+    return route.name === routeNames.callback || route.name === routeNames.about;
 });
 </script>