style: integrate new logo and update theme to deep navy

src/App.tsx

@@ -204,7 +204,7 @@ export default function App() {
   }, [appState.data]);
 
   return (
-    <div className="h-screen bg-slate-900 text-slate-200 flex flex-col font-sans overflow-hidden">
+    <div className="h-screen bg-[#040d1a] text-slate-200 flex flex-col font-sans overflow-hidden">
       <TopBar
         stats={stats}
         onExport={handleExport}
@@ -215,7 +215,7 @@ export default function App() {
       />
       <div className="flex flex-1 overflow-hidden">
         <Sidebar activeModule={activeModule} setActiveModule={setActiveModule} />
-        <main className="flex-1 overflow-auto relative p-6 bg-slate-950">
+        <main className="flex-1 overflow-auto relative p-6 bg-[#041021]">
           {isLoadingDefault ? (
             <div className="flex flex-col items-center justify-center h-full text-slate-400">
               <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"></div>

src/components/TopBar.tsx

@@ -12,10 +12,13 @@ interface TopBarProps {
 
 export function TopBar({ stats, onExport, hasData, hasUnsavedChanges, userEmail, onSignOut }: TopBarProps) {
   return (
-    <header className="bg-slate-800 border-b border-slate-700 h-16 flex items-center justify-between px-6 shrink-0 z-10">
-      <div className="flex items-center gap-3">
-        <Database className="text-blue-500 w-6 h-6" />
-        <h1 className="text-xl font-bold text-white tracking-tight">CRAZE Product Data Quality Manager</h1>
+    <header className="bg-[#020812] border-b border-slate-700/30 h-16 flex items-center justify-between px-6 shrink-0 z-10 shadow-2xl">
+      <div className="flex items-center">
+        <img 
+          src="/assets/logo.png" 
+          alt="DataCraze" 
+          className="h-10 w-auto object-contain"
+        />
       </div>
 
       {stats && (