feat(calendar): show Google logo for events synced from Google Calendar

packages/ui/src/components/ui/legacy/calendar/AllDayEventBar.tsx

@@ -95,6 +95,16 @@
                     )}
                     onClick={() => openModal(event.id, 'all-day')}
                   >
+                    {typeof event.google_event_id === 'string' &&
+                      event.google_event_id.trim() !== '' && (
+                        <img
+                          src="/media/google-calendar-icon.png"
+                          alt="Google Calendar"
+                          className="mr-1 inline-block h-[1.25em] w-[1.25em] align-middle opacity-80 dark:opacity-90"
+                          title="Synced from Google Calendar"
+                          data-testid="google-calendar-logo"
+                        />
+                      )}
                     {event.title}
                   </div>
                 );

packages/ui/src/components/ui/legacy/calendar/EventCard.tsx

@@ -1014,6 +1014,16 @@
                     aria-label="Event locked"
                   />
                 )}
+                {typeof localEvent.google_event_id === 'string' &&
+                  localEvent.google_event_id.trim() !== '' && (
+                    <img
+                      src="/media/google-calendar-icon.png"
+                      alt="Google Calendar"
+                      className="mr-1 inline-block h-4 w-4 align-text-bottom"
+                      title="Synced from Google Calendar"
+                      data-testid="google-calendar-logo"
+                    />
+                  )}
                 <span className="min-w-0 overflow-hidden text-ellipsis">
                   {localEvent.title || 'Untitled event'}
                 </span>

packages/ui/src/components/ui/legacy/calendar/UnifiedEventModal.tsx

@@ -852,8 +852,22 @@
     <Dialog open={isModalOpen} onOpenChange={(open) => !open && closeModal()}>
       <DialogContent className="max-h-[90vh] max-w-3xl overflow-hidden p-0">
         <DialogHeader className="border-b px-6 pb-4 pt-6">
-          <DialogTitle className="text-xl font-semibold">
-            {isEditing ? 'Edit Event' : 'Create Event'}
+          <DialogTitle className="flex items-center gap-2 text-xl font-semibold">
+            <span>{isEditing ? 'Edit Event' : 'Create Event'}</span>
+            {event.google_event_id &&
+              typeof event.google_event_id === 'string' &&
+              event.google_event_id.trim() !== '' && (
+                <div className="ml-3 flex items-center gap-2 rounded-md border bg-blue-50 px-3 py-1 text-sm dark:bg-blue-950/30">
+                  <img
+                    src="/media/google-calendar-icon.png"
+                    alt="Google Calendar"
+                    className="inline-block h-[18px] w-[18px] align-middle"
+                    title="Synced from Google Calendar"
+                    data-testid="google-calendar-logo"
+                  />
+                  <span className="text-xs font-medium">Google Calendar</span>
+                </div>
+              )}
           </DialogTitle>
           <DialogDescription>
             {isEditing