Fix flicker when open inventory modal initailly (#1069)

* Fix re-render when opening modal

* Let collection fetch fails quietly

packages/profile/src/components/account.tsx

@@ -2,11 +2,16 @@ import { Navigate, Outlet, useLocation, useParams } from "react-router-dom";
 
 export function Account() {
   const location = useLocation();
-  const { username } = useParams<{
+  const { username, project } = useParams<{
     username: string;
+    project: string;
   }>();
 
-  if (location.pathname === `/account/${username}`) {
+  if (
+    [`/account/${username}`, `/account/${username}/slot/${project}`].includes(
+      location.pathname,
+    )
+  ) {
     return <Navigate to="inventory" replace />;
   }
 

packages/profile/src/components/inventory/collection/collections.tsx

@@ -5,7 +5,6 @@ import {
   useErc721BalancesQuery,
 } from "@cartridge/utils/api/indexer";
 import { useAccount } from "@/hooks/account";
-import { LayoutContentError, LayoutContentLoader } from "@/components/layout";
 import { useMemo } from "react";
 import { useIndexerAPI } from "@cartridge/utils";
 
@@ -55,11 +54,9 @@ export function Collections() {
   }, [data, indexerUrl]);
 
   switch (status) {
-    case "loading": {
-      return <LayoutContentLoader />;
-    }
+    case "loading":
     case "error": {
-      return <LayoutContentError />;
+      return null;
     }
     default: {
       return (