feat: add company logo display for speaker profiles

Author: Francisca105

src/app/speakers/[id]/page.tsx

@@ -152,6 +152,19 @@ export default async function Page({ params }: Props) {
                   sizes="(max-width: 768px) 100vw, 33vw"
                 />
               </div>
+              {speaker.company?.img && (
+                <div className="mt-8 text-center">
+                  <div className="relative aspect-square w-32 mx-auto rounded-lg overflow-hidden shadow-md bg-gray-100">
+                    <ImageWithFallback
+                      src={speaker.company.img}
+                      alt={`${speaker.company.name} logo`}
+                      fill
+                      className="object-contain"
+                      sizes="(max-width: 768px) 50vw, 16vw"
+                    />
+                  </div>
+                </div>
+              )}
             </div>
           </div>