[WEB-4734] feat: replace emoji picker with frimousse (#7639)

packages/ui/src/emoji/icons-list.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Search } from "lucide-react";
 import React, { useEffect, useState } from "react";
 // icons

packages/ui/src/emoji/logo.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Emoji } from "emoji-picker-react";
 import React, { FC } from "react";
 import useFontFaceObserver from "use-font-face-observer";
@@ -29,6 +31,9 @@ export const Logo: FC<Props> = (props) => {
   // destructuring the logo object
   const { in_use, emoji, icon } = logo;
 
+  // if no in_use value, return empty fragment
+  if (!in_use) return <></>;
+
   // derived values
   const value = in_use === "emoji" ? emoji?.value : icon?.name;
   const color = icon?.color;