Connect room name overflow (#9561)

* change tag to h2 to avoid the overflow

* delect commit

* make the font size bigger when screen size is more than 1000px

* Update chat.scss

Co-authored-by: Michael Kohl <citizen428@dev.to>
Co-authored-by: Michael Kohl <me@citizen428.net>

app/assets/stylesheets/chat.scss

@@ -308,6 +308,9 @@
   }
 
   @media screen and (min-width: 1000px) {
+    h2 {
+      font-size: 2rem;
+    }
     margin-left: initial;
     padding: 18px;
     max-width: 480px;

app/javascript/chat/ChatChannelSettings/ChannelDescriptionSection.jsx

@@ -8,7 +8,7 @@ export const ChannelDescriptionSection = ({
 }) => {
   return (
     <div className="p-4 grid gap-2 crayons-card mb-4 channel_details">
-      <h1 className="mb-1 channel_title">{channelName}</h1>
+      <h2 className="mb-1 channel_title">{channelName}</h2>
       <p>{channelDescription}</p>
       <p className="fw-bold">You are a channel {currentMembershipRole}</p>
     </div>