Add migrate tab to Minter & SG721 contract dashboards

components/LinkTabs.data.ts

@@ -11,6 +11,11 @@ export const sg721LinkTabs: LinkTabProps[] = [
     description: `Execute SG721 contract actions`,
     href: '/contracts/sg721/execute',
   },
+  {
+    title: 'Migrate',
+    description: `Migrate SG721 contract`,
+    href: '/contracts/sg721/migrate',
+  },
 ]
 
 export const minterLinkTabs: LinkTabProps[] = [
@@ -29,6 +34,11 @@ export const minterLinkTabs: LinkTabProps[] = [
     description: `Execute Minter contract actions`,
     href: '/contracts/minter/execute',
   },
+  {
+    title: 'Migrate',
+    description: `Migrate Minter contract`,
+    href: '/contracts/minter/migrate',
+  },
 ]
 
 export const whitelistLinkTabs: LinkTabProps[] = [

components/Sidebar.tsx

@@ -42,9 +42,11 @@ export const Sidebar = () => {
             { 'py-0 ml-2 text-sm font-bold': isChild },
             {
               'text-gray hover:text-white':
-                router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1) !== href && isChild,
+                !router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1).includes(href) && isChild,
             },
-            { 'text-plumbus': router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1) === href && isChild }, // active route styling
+            {
+              'text-plumbus': router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1).includes(href) && isChild,
+            }, // active route styling
             // { 'text-gray-500 pointer-events-none': disabled }, // disabled route styling
           )}
           href={href}