feat(editor): Implement 'Shared with you' section in the main navigation (#15140)

packages/frontend/editor-ui/src/composables/useProjectPages.ts

@@ -0,0 +1,31 @@
+import { computed, reactive } from 'vue';
+import { useRoute } from 'vue-router';
+import { VIEWS } from '@/constants';
+
+/**
+ * This composable holds reusable logic that detects the current page type
+ */
+export const useProjectPages = () => {
+	const route = useRoute();
+
+	const isOverviewSubPage = computed(
+		() =>
+			route.name === VIEWS.WORKFLOWS ||
+			route.name === VIEWS.HOMEPAGE ||
+			route.name === VIEWS.CREDENTIALS ||
+			route.name === VIEWS.EXECUTIONS ||
+			route.name === VIEWS.FOLDERS,
+	);
+
+	const isSharedSubPage = computed(
+		() =>
+			route.name === VIEWS.SHARED_WITH_ME ||
+			route.name === VIEWS.SHARED_WORKFLOWS ||
+			route.name === VIEWS.SHARED_CREDENTIALS,
+	);
+
+	return reactive({
+		isOverviewSubPage,
+		isSharedSubPage,
+	});
+};