React lint fixes

apps/desktop/.eslintrc.json

@@ -4,5 +4,18 @@
     "es6": true,
     "node": true
   },
-  "extends": ["../../.eslintrc.json", "plugin:import/electron"]
+  "extends": [
+    "../../.eslintrc.json",
+    "plugin:import/electron",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "react/prop-types": "off"
+  }
 }

apps/desktop/src/renderer/components/emojis/emoji-picker-search.tsx

@@ -17,7 +17,7 @@ export const EmojiPickerSearch = ({ query }: EmojiPickerSearchProps) => {
   return (
     <div className="grid w-full min-w-full grid-cols-10 gap-1">
       <div className="col-span-full flex items-center py-1 pl-1 text-sm text-muted-foreground">
-        <p>Search results for "{query}"</p>
+        <p>Search results for &quot;{query}&quot;</p>
       </div>
       {filteredEmojis.map((emoji) => (
         <EmojiPickerItem key={emoji.id} emoji={emoji} />

apps/desktop/src/renderer/components/icons/icon-picker-search.tsx

@@ -17,7 +17,7 @@ export const IconPickerSearch = ({ query }: IconPickerSearchProps) => {
   return (
     <div className="grid w-full min-w-full grid-cols-10 gap-1">
       <div className="col-span-full flex items-center py-1 pl-1 text-sm text-muted-foreground">
-        <p>Search results for "{query}"</p>
+        <p>Search results for &quot;{query}&quot;</p>
       </div>
       {filteredIcons.map((icon) => (
         <IconPickerItem key={icon.id} icon={icon} />

apps/desktop/src/renderer/components/messages/message-create.tsx

@@ -174,7 +174,7 @@ export const MessageCreate = React.forwardRef<MessageCreateRefProps>(
                 />
               ) : (
                 <p className="m-0 px-0 py-1 text-muted-foreground">
-                  You don't have permission to create messages in this
+                  You don&apos;t have permission to create messages in this
                   conversation
                 </p>
               )}
@@ -203,3 +203,5 @@ export const MessageCreate = React.forwardRef<MessageCreateRefProps>(
     );
   }
 );
+
+MessageCreate.displayName = 'MessageCreate';

apps/desktop/src/renderer/components/messages/message-editor.tsx

@@ -142,3 +142,5 @@ export const MessageEditor = React.forwardRef<
     </React.Fragment>
   );
 });
+
+MessageEditor.displayName = 'MessageEditor';

apps/desktop/src/renderer/components/ui/command.tsx

@@ -37,7 +37,7 @@ const CommandInput = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Input>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 >(({ className, ...props }, ref) => (
-  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+  <div className="flex items-center border-b px-3">
     <MagnifyingGlassIcon className="mr-2 h-4 w-4 shrink-0 opacity-50" />
     <CommandPrimitive.Input
       ref={ref}

apps/desktop/src/renderer/editor/renderers/mark.tsx

@@ -36,6 +36,7 @@ export const MarkRenderer = ({ node, children }: MarkRendererProps) => {
             href={mark.attrs.href}
             target="_blank"
             className={defaultClasses.link}
+            rel="noreferrer"
           >
             {result}
           </a>