Added in Logo's and worked on Avatars and Chats

src/app/login/page.tsx

@@ -35,9 +35,11 @@ export default function LoginPage() {
 
         <div className="relative z-10">
           <div className="flex items-center gap-3">
-            <div className="flex h-10 w-10 items-center justify-center rounded-xl bg-white/20 backdrop-blur-sm">
-              <span className="text-lg font-bold">C</span>
-            </div>
+            <img
+              src="/logo/CompanyLogo.png"
+              alt={COMPANY_NAME}
+              className="h-10 w-10 rounded-xl object-contain"
+            />
             <span className="text-xl font-semibold">{COMPANY_NAME}</span>
           </div>
         </div>
@@ -72,7 +74,7 @@ export default function LoginPage() {
               <div className="h-10 w-10 rounded-full bg-white/20" />
               <div>
                 <p className="text-sm font-medium">Marcus Johnson</p>
-                <p className="text-xs text-white/60">Sales Lead, Coastal IT</p>
+                <p className="text-xs text-white/60">Sales Lead, Coast IT</p>
               </div>
             </div>
           </motion.div>
@@ -93,9 +95,11 @@ export default function LoginPage() {
         >
           {/* Mobile logo */}
           <div className="flex flex-col items-center gap-3 lg:hidden">
-            <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-primary">
-              <span className="text-xl font-bold text-primary-foreground">C</span>
-            </div>
+            <img
+              src="/logo/CompanyLogo.png"
+              alt={COMPANY_NAME}
+              className="h-12 w-12 rounded-xl object-contain"
+            />
             <span className="text-xl font-semibold">{COMPANY_NAME}</span>
           </div>