chore(misc): update dev checks and icon

- Replace process.env.NODE_ENV with import.meta.env.DEV
- Replace GithubIcon with GitForkIcon from lucide-react

Author: yzua

src/components/TopBar.tsx

@@ -1,4 +1,4 @@
-import { DatabaseIcon, GithubIcon, SaveIcon } from "lucide-react";
+import { DatabaseIcon, GitForkIcon, SaveIcon } from "lucide-react";
 import HighContrastToggle from "@/components/accessibility/HighContrastToggle";
 import ModeToggle from "@/components/theme/ModeToggle";
 import { Button } from "@/components/ui/button";
@@ -70,7 +70,7 @@ function TopBar() {
             tabIndex={-1}
             aria-hidden="true"
           >
-            <GithubIcon className="h-4 w-4" />
+            <GitForkIcon className="h-4 w-4" />
           </Button>
         </a>
 

src/components/common/ErrorBoundary.tsx

@@ -40,7 +40,7 @@ class ErrorBoundary extends Component<Props, State> {
     });
 
     // Log error to console in development
-    if (process.env.NODE_ENV === "development") {
+    if (import.meta.env.DEV) {
       console.error("ErrorBoundary caught an error:", error, errorInfo);
     }
 
@@ -90,7 +90,7 @@ class ErrorBoundary extends Component<Props, State> {
               </p>
             </div>
 
-            {process.env.NODE_ENV === "development" && this.state.error && (
+            {import.meta.env.DEV && this.state.error && (
               <details className="bg-muted mt-4 rounded-lg p-4 text-left">
                 <summary className="text-foreground cursor-pointer font-medium">
                   Error Details (Development Only)