Layout polish - rename: The Cloud

packages/frontend/src/components/Layout.tsx

@@ -1,10 +1,7 @@
 import {NavLink, Outlet, useLocation, useSearchParams} from 'react-router-dom'
 import {AlertTriangle, ChevronsLeft, ChevronsRight, LayoutDashboard, Moon, Search, Sun} from 'lucide-react'
 import {useCallback, useEffect, useRef, useState} from 'react'
-import flociWhite from '@/assets/floci-white.svg'
-import flociBlack from '@/assets/floci-black.svg'
-import flociMarkWhite from '@/assets/floci-mark-white.svg'
-import flociMarkBlack from '@/assets/floci-mark-black.svg'
+import theCloud from '../../../../TheCloud.png'
 import {useTheme} from '@/lib/useTheme'
 import {useSidebar} from '@/lib/useSidebar'
 import {useQuery} from '@tanstack/react-query'
@@ -179,9 +176,9 @@ export function Layout() {
             <aside className="sidebar">
                 <div className="sidebar-inner">
                     <div className="brand">
-                        <img className="brand-logo" src={isDark ? flociWhite : flociBlack} alt="Floci"/>
-                        <img className="brand-mark" src={isDark ? flociMarkWhite : flociMarkBlack} alt="" aria-hidden="true"/>
-                        <p>Local Cloud</p>
+                        <img className="brand-logo" src={theCloud} alt="The Cloud"/>
+                        <img className="brand-mark" src={theCloud} alt="" aria-hidden="true"/>
+                        <p>The Cloud</p>
                     </div>
 
                     <nav className="nav" aria-label="Console">