revert: restore useSerialLogs in ModelNav to conditionally show serial log tab

Agent-Logs-Url: https://github.com/canonical/snapcraft.io/sessions/c7fb731a-5e18-4b26-86ce-7f9da93cf579

Co-authored-by: steverydz <501889+steverydz@users.noreply.github.com>

Author: Copilot

static/js/publisher/layouts/ModelDetailsPageLayout/ModelNav.tsx

@@ -1,13 +1,14 @@
 import { Link, useParams } from "react-router-dom";
 import { useAtomValue } from "jotai";
 
-import { useRemodels } from "../../hooks";
+import { useRemodels, useSerialLogs } from "../../hooks";
 import { brandIdState } from "../../state/brandStoreState";
 
 function ModelNav({ sectionName }: { sectionName: string }): React.JSX.Element {
   const { id, modelId } = useParams();
   const brandId = useAtomValue(brandIdState);
   const { data: remodelsData } = useRemodels(brandId);
+  const { data: serialLogsData } = useSerialLogs(brandId, modelId);
 
   return (
     <nav className="p-tabs">
@@ -44,16 +45,18 @@ function ModelNav({ sectionName }: { sectionName: string }): React.JSX.Element {
             </Link>
           </li>
         )}
-        <li className="p-tabs__item">
-          <Link
-            to={`/admin/${id}/models/${modelId}/serial-log`}
-            className="p-tabs__link"
-            aria-selected={sectionName === "serial-log"}
-            role="tab"
-          >
-            Serial log
-          </Link>
-        </li>
+        {serialLogsData?.success && (
+          <li className="p-tabs__item">
+            <Link
+              to={`/admin/${id}/models/${modelId}/serial-log`}
+              className="p-tabs__link"
+              aria-selected={sectionName === "serial-log"}
+              role="tab"
+            >
+              Serial log
+            </Link>
+          </li>
+        )}
       </ul>
     </nav>
   );