feat: redesign Load Safe

src/components/common/NetworkSelector/index.tsx

@@ -24,7 +24,7 @@ const NetworkSelector = (): ReactElement => {
 
     trackEvent({ ...OVERVIEW_EVENTS.SWITCH_NETWORK, label: selectedChainId })
 
-    const shouldKeepPath = [AppRoutes.load, AppRoutes.open, AppRoutes.newSafe.create].includes(router.pathname)
+    const shouldKeepPath = [AppRoutes.newSafe.create, AppRoutes.newSafe.load].includes(router.pathname)
 
     const newRoute = {
       pathname: shouldKeepPath ? router.pathname : '/',

src/components/common/PageLayout/SideDrawer.tsx

@@ -20,6 +20,10 @@ const isNewSafeRoute = (pathname: string): boolean => {
   return pathname === AppRoutes.newSafe.create
 }
 
+const isLoadSafeRoute = (pathname: string): boolean => {
+  return pathname === AppRoutes.newSafe.load
+}
+
 const isAppShareRoute = (pathname: string): boolean => {
   return pathname === AppRoutes.share.safeApp
 }
@@ -36,7 +40,11 @@ const SideDrawer = ({ isOpen, onToggle }: SideDrawerProps): ReactElement => {
 
   useEffect(() => {
     const closeSidebar =
-      isSmallScreen || isSafeAppRoute(pathname, query) || isAppShareRoute(pathname) || isNewSafeRoute(pathname)
+      isSmallScreen ||
+      isSafeAppRoute(pathname, query) ||
+      isAppShareRoute(pathname) ||
+      isNewSafeRoute(pathname) ||
+      isLoadSafeRoute(pathname)
     onToggle(!closeSidebar)
   }, [isSmallScreen, onToggle, pathname, query])