chore: set container max width for chat message and new hub screen (#3213)

web/screens/HubScreen2/index.tsx

@@ -70,7 +70,7 @@ const HubScreen2: React.FC = () => {
         {query.length > 0 ? (
           <HubScreenFilter queryText={query} />
         ) : (
-          <Fragment>
+          <div className="mx-auto max-w-6xl">
             <Slider />
             <div data-testid="hub-search-bar" className="mx-4 px-4 md:px-12">
               <Filter
@@ -102,7 +102,7 @@ const HubScreen2: React.FC = () => {
                   />
                 ))}
             </div>
-          </Fragment>
+          </div>
         )}
       </ScrollArea>
     </CenterPanelContainer>

web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx

@@ -160,7 +160,7 @@ const SimpleTextMessage: React.FC<Props> = ({ isLatestMessage, msg }) => {
   }, [msg.content])
 
   return (
-    <div className="group relative mx-auto p-4">
+    <div className="group relative mx-auto max-w-[700px] p-4">
       <div
         className={twMerge(
           'mb-2 flex items-center justify-start gap-x-2',