fix: resovled red flash bug during navigation (#58)

Author: dines-rl

src/components/DevboxCreatePage.tsx

@@ -213,8 +213,9 @@ export const DevboxCreatePage = ({
         if (input === "q" || key.escape || key.return) {
           if (onCreate) {
             onCreate(result);
+          } else {
+            onBack();
           }
-          onBack();
         }
         return;
       }

src/components/NetworkPolicyCreatePage.tsx

@@ -136,15 +136,17 @@ export const NetworkPolicyCreatePage = ({
     currentField === "allow_devbox_to_devbox",
   );
 
+  // Main form input handler - active when not in hostnames expanded mode
   useInput(
     (input, key) => {
       // Handle result screen
       if (result) {
         if (input === "q" || key.escape || key.return) {
           if (onCreate) {
             onCreate(result);
+          } else {
+            onBack();
           }
-          onBack();
         }
         return;
       }

src/screens/BlueprintDetailScreen.tsx

@@ -69,8 +69,8 @@ export function BlueprintDetailScreen({
   // Use fetched blueprint for full details, fall back to store for basic display
   const blueprint = fetchedBlueprint || blueprintFromStore;
 
-  // Show loading state while fetching
-  if (loading && !blueprint) {
+  // Show loading state while fetching or before fetch starts
+  if (!blueprint && blueprintId && !error) {
     return (
       <>
         <Breadcrumb

src/screens/DevboxDetailScreen.tsx

@@ -50,8 +50,8 @@ export function DevboxDetailScreen({ devboxId }: DevboxDetailScreenProps) {
   // Use devbox from store or fetched devbox
   const devbox = devboxFromStore || fetchedDevbox;
 
-  // Show loading state while fetching
-  if (loading) {
+  // Show loading state while fetching or before fetch starts
+  if (!devbox && devboxId && !error) {
     return (
       <>
         <Breadcrumb
@@ -74,8 +74,8 @@ export function DevboxDetailScreen({ devboxId }: DevboxDetailScreenProps) {
     );
   }
 
-  // Show error if no devbox found and not loading
-  if (!devbox && !loading) {
+  // Show error if no devbox found
+  if (!devbox) {
     return (
       <>
         <Breadcrumb

src/screens/NetworkPolicyDetailScreen.tsx

@@ -86,8 +86,8 @@ export function NetworkPolicyDetailScreen({
   // Use fetched policy for full details, fall back to store for basic display
   const policy = fetchedPolicy || policyFromStore;
 
-  // Show loading state while fetching
-  if (loading && !policy) {
+  // Show loading state while fetching or before fetch starts
+  if (!policy && networkPolicyId && !error) {
     return (
       <>
         <Breadcrumb

src/screens/ObjectDetailScreen.tsx

@@ -143,8 +143,8 @@ export function ObjectDetailScreen({ objectId }: ObjectDetailScreenProps) {
     { isActive: showDownloadPrompt || !!downloadResult || !!downloadError },
   );
 
-  // Show loading state while fetching
-  if (loading && !storageObject) {
+  // Show loading state while fetching or before fetch starts
+  if (!storageObject && objectId && !error) {
     return (
       <>
         <Breadcrumb

src/screens/SnapshotDetailScreen.tsx

@@ -69,8 +69,8 @@ export function SnapshotDetailScreen({
   // Use fetched snapshot for full details, fall back to store for basic display
   const snapshot = fetchedSnapshot || snapshotFromStore;
 
-  // Show loading state while fetching
-  if (loading && !snapshot) {
+  // Show loading state while fetching or before fetch starts
+  if (!snapshot && snapshotId && !error) {
     return (
       <>
         <Breadcrumb