minor shared convo ux fix

Author: mdmohsin7

web/frontend/src/components/memories/plugins/plugins.tsx

@@ -15,14 +15,14 @@ export default function Plugins({ apps }: PluginsProps) {
         {apps.map((app, index) => {
           return (
             <div key={index}>
-              <ErrorBoundary errorComponent={ErrorIdentifyPlugin}>
-                <IdentifyPlugin pluginId={app.app_id} />
-              </ErrorBoundary>
-              <div>
+              <div className="mb-4">
                 <Markdown className="prose prose-sm max-w-none text-zinc-300 prose-headings:text-zinc-100 prose-headings:font-semibold prose-p:leading-relaxed prose-p:text-zinc-300 prose-strong:text-zinc-100 prose-ul:text-zinc-300 prose-li:text-zinc-300 prose-li:marker:text-zinc-500 md:prose-base">
                   {app.content}
                 </Markdown>
               </div>
+              <ErrorBoundary errorComponent={ErrorIdentifyPlugin}>
+                <IdentifyPlugin pluginId={app.app_id} />
+              </ErrorBoundary>
             </div>
           );
         })}

web/frontend/src/components/memories/summary/sumary.tsx

@@ -16,15 +16,15 @@ export default function Summary({ memory }: SummaryProps) {
         </div>
       )}
 
-      {memory?.structured?.action_items?.length > 0 && (
+      {memory?.structured?.events?.length > 0 && (
         <div className="px-6 md:px-12">
-          <ActionItems items={memory.structured.action_items} />
+          <MemoryEvents events={memory.structured.events} />
         </div>
       )}
 
-      {memory?.structured?.events?.length > 0 && (
+      {memory?.structured?.action_items?.length > 0 && (
         <div className="px-6 md:px-12">
-          <MemoryEvents events={memory.structured.events} />
+          <ActionItems items={memory.structured.action_items} />
         </div>
       )}
     </div>

web/frontend/src/components/plugins/identify-plugin.tsx

@@ -53,21 +53,21 @@ function IdentifyPlugin({ pluginId }: IdentifyPluginProps) {
   const content = (
     <>
       <Image
-        className="h-10 w-10 min-w-[40px] rounded-lg object-cover"
+        className="h-8 w-8 min-w-[32px] rounded-lg object-cover"
         src={pluginCommunity?.image}
         alt={pluginCommunity?.name}
-        width={50}
-        height={50}
+        width={32}
+        height={32}
       />
       <div className="flex-1">
-        <h3 className="text-lg font-semibold text-white">
+        <h3 className="text-base font-semibold text-white">
           {pluginCommunity?.name}
         </h3>
-        <p className="line-clamp-1 text-sm text-zinc-400">
+        <p className="line-clamp-1 text-xs text-zinc-400">
           {pluginCommunity.description}
         </p>
       </div>
-      {isPublic && <NavArrowRight className="h-5 w-5 text-zinc-500" />}
+      {isPublic && <NavArrowRight className="h-4 w-4 text-zinc-500" />}
     </>
   );