feat: add x-padding to cells in conversation list and inset outline for selected conversation

client/src/components/Conversations/Conversations.tsx

@@ -150,7 +150,7 @@ const Conversations: FC<ConversationsProps> = ({
       return (
         <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>
           {({ registerChild }) => (
-            <div ref={registerChild} style={style}>
+            <div ref={registerChild} style={style} className="px-1">
               {rendering}
             </div>
           )}

client/src/components/Conversations/Convo.tsx

@@ -133,7 +133,9 @@ export default function Conversation({ conversation, retainView, toggleNav }: Co
     <div
       className={cn(
         'group relative flex h-12 w-full items-center rounded-lg transition-colors duration-200 md:h-9',
-        isActiveConvo ? 'bg-surface-active-alt' : 'hover:bg-surface-active-alt',
+        isActiveConvo
+          ? 'bg-surface-active-alt outline outline-2 outline-offset-[-2px]'
+          : 'hover:bg-surface-active-alt',
       )}
       role="button"
       tabIndex={renaming ? -1 : 0}