FE: Add whitespace after readonly cluster name tag (#1458)

Author: trvrnrth

frontend/src/components/Dashboard/ClusterName.tsx

@@ -9,7 +9,11 @@ const ClusterName: React.FC<ClusterNameProps> = ({ row }) => {
   const { readOnly, name } = row.original;
   return (
     <div style={{ wordBreak: 'break-word', whiteSpace: 'pre-wrap' }}>
-      {readOnly && <Tag color="blue">readonly</Tag>}
+      {readOnly && (
+        <Tag color="blue" style={{ marginRight: '0.75em' }}>
+          readonly
+        </Tag>
+      )}
       {name}
     </div>
   );

frontend/src/components/Topics/List/TopicTitleCell.tsx

@@ -15,10 +15,9 @@ export const TopicTitleCell: React.FC<CellContext<Topic, unknown>> = ({
       style={{ wordBreak: 'break-word', whiteSpace: 'pre-wrap' }}
     >
       {internal && (
-        <>
-          <Tag color="gray">IN</Tag>
-          &nbsp;
-        </>
+        <Tag color="gray" style={{ marginRight: '0.75em' }}>
+          IN
+        </Tag>
       )}
       {name}
     </NavLink>