Move Financial summary to second and hide when on mobole

src/components/NavigationContent/NavigationContent.tsx

@@ -110,6 +110,15 @@ const NavigationContent: React.FC<Props> = ({ abilities, username }) => {
       path: "/home",
       showOnMobile: true,
     },
+    {
+      icon: <SummarizeIcon />,
+      label: "Financial Summary",
+      path: "/dashboard/ProjectFinancialSummary",
+      isHidden: ![VIEW_DASHBOARD_ALL, VIEW_DASHBOARD_SELF].some((ability) =>
+        abilities!.includes(ability),
+      ),
+      showOnMobile: false,
+    },
     {
       icon: <Dashboard />,
       label: t("Dashboard"),
@@ -163,15 +172,7 @@ const NavigationContent: React.FC<Props> = ({ abilities, username }) => {
         },
       ],
     },
-    {
-      icon: <SummarizeIcon />,
-      label: "Financial Summary",
-      path: "/dashboard/ProjectFinancialSummary",
-      isHidden: ![VIEW_DASHBOARD_ALL, VIEW_DASHBOARD_SELF].some((ability) =>
-        abilities!.includes(ability),
-      ),
-      showOnMobile: true,
-    },
+  
     // {
     //   icon: <SummarizeIcon />,
     //   label: "Financial Summary",