fix(chat): fix topic plus click for mobile (Issue #3181)

apps/chat/src/components/Marketplace/TopicsList.tsx

@@ -1,5 +1,7 @@
 import React, { memo, useEffect, useRef, useState } from 'react';
 
+import { stopBubbling } from '@/src/constants/chat';
+
 import Tooltip from '../Common/Tooltip';
 import { ApplicationTopic } from './ApplicationTopic';
 
@@ -11,7 +13,7 @@ interface AllTopicsProps {
 const AllTopics = memo(({ topics, allTopicsRef }: AllTopicsProps) => {
   return (
     <div
-      className="invisible absolute top-0 flex gap-2 font-theme"
+      className="invisible fixed top-0 flex gap-2 font-theme"
       ref={allTopicsRef}
     >
       {topics.map((topic) => (
@@ -135,7 +137,10 @@ export const TopicsList = ({
             }
             placement="top"
           >
-            <span className="flex cursor-pointer items-center rounded border border-accent-primary px-1.5 py-1 text-xs leading-3">
+            <span
+              className="flex cursor-pointer items-center rounded border border-accent-primary px-1.5 py-1 text-xs leading-3"
+              onClick={stopBubbling}
+            >
               +{hiddenTopics.length}
             </span>
           </Tooltip>