feat(pipeline-builder): Non owner user can view public pipeline or pi…

…peline that is shared by link (#566)

Because

- empower user to share their pipeline

This commit

- Non owner user can view public pipeline or pipeline that is shared by
link

package.json

@@ -29,9 +29,9 @@
     "@code-hike/mdx": "^0.7.3",
     "@dnd-kit/core": "^6.0.8",
     "@hookform/resolvers": "^3.1.1",
-    "@instill-ai/design-system": "^0.55.0",
+    "@instill-ai/design-system": "^0.55.1",
     "@instill-ai/design-tokens": "^0.3.2",
-    "@instill-ai/toolkit": "^0.68.0-rc.114",
+    "@instill-ai/toolkit": "^0.68.0-rc.133",
     "@radix-ui/react-checkbox": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.2",
     "@radix-ui/react-dialog": "^1.0.3",
@@ -43,8 +43,6 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.3",
     "@radix-ui/react-toast": "^1.1.4",
-    "@tanstack/react-query": "^4.29.19",
-    "@tanstack/react-query-devtools": "^4.29.19",
     "@tanstack/react-table": "^8.9.3",
     "axios": "^1.5.0",
     "clsx": "^1.1.1",

src/lib/test/utils.tsx

@@ -1,8 +1,11 @@
 import { NextRouter } from "next/router";
 import { RouterContext } from "next/dist/shared/lib/router-context";
 import { render } from "@testing-library/react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { AmplitudeCtx } from "@instill-ai/toolkit";
+import {
+  AmplitudeCtx,
+  QueryClient,
+  QueryClientProvider,
+} from "@instill-ai/toolkit";
 
 /**
  * This function will create NextRouter mock object

src/pages/[entity]/pipelines/[id].tsx

@@ -14,6 +14,7 @@ import { useAccessToken } from "@/lib/useAccessToken";
 const PipelineBuilderPage: NextPageWithLayout = () => {
   const router = useRouter();
   const accessToken = useAccessToken();
+
   return (
     <>
       <ConsoleCorePageHead title="Pipeline builder" />