Fix table view cells overflow

apps/desktop/src/renderer/components/databases/tables/table-view-row.tsx

@@ -29,7 +29,7 @@ export const TableViewRow = ({ index, record }: TableViewRowProps) => {
           {index + 1}
         </span>
         <div
-          className="h-8 border-r"
+          className="h-8 border-r overflow-hidden"
           style={{ width: `${view.nameWidth}px`, minWidth: '300px' }}
         >
           <TableViewNameCell record={record} />
@@ -38,7 +38,7 @@ export const TableViewRow = ({ index, record }: TableViewRowProps) => {
           return (
             <div
               key={`row-${record.id}-${field.field.id}`}
-              className="h-8 border-r p-1"
+              className="h-8 border-r p-1 overflow-hidden"
               style={{ width: `${field.width}px` }}
             >
               <RecordFieldValue field={field.field} />

apps/desktop/src/renderer/components/emojis/emoji-browser.tsx

@@ -74,10 +74,18 @@ export const EmojiBrowser = () => {
           };
 
           if (row.type === 'category') {
-            return <EmojiBrowserCategory row={row} style={style} />;
+            return (
+              <EmojiBrowserCategory
+                row={row}
+                style={style}
+                key={row.category}
+              />
+            );
           }
 
-          return <EmojiBrowserItems row={row} style={style} />;
+          return (
+            <EmojiBrowserItems row={row} style={style} key={row.category} />
+          );
         })}
       </div>
     </div>