Fix achievements size and company connections

Author: nalves599

src/app/(authenticated)/companies/[id]/connections/page.tsx

@@ -44,9 +44,18 @@ export default async function CompanyConnections({
       {users.map(
         (u) =>
           u && (
-            <List key={u.id} title={`${u.name}&apos;s connections`}>
+            <List key={u.id} title={`${u.name}'s connections`}>
               {connectionsByUser[u.id].map((c) => (
-                <ConnectionTile key={c.to} connection={c} />
+                <div key={c.to} className="flex flex-col">
+                  <ConnectionTile connection={c} />
+                  {!!c.notes && (
+                    <textarea
+                      disabled
+                      className="input resize-y min-h-16 max-h-32"
+                      value={c.notes}
+                    />
+                  )}
+                </div>
               ))}
             </List>
           ),

src/components/user/AchievementTile.tsx

@@ -18,7 +18,7 @@ export default function AchievementTile({
   return (
     <>
       <div
-        className={`max-w-30 max-h-30 rounded-full shadow-md cursor-pointer ${achieved ? "bg-white" : "bg-gray-200 grayscale opacity-25"}`}
+        className={`size-30 rounded-full shadow-md cursor-pointer ${achieved ? "bg-white" : "bg-gray-200 grayscale opacity-25"}`}
         onClick={() => setIsOpen(true)}
       >
         <Image