fix: space title and description overflow in lobby (#2969)

* fix: update PageHero styles for better text handling and add PageHeroText class

* trigger cla recheck

* refactor: remove unused styles from PageHeroText and LobbyHeroTopic

* fix: remove unnecessary class names from PageHero for cleaner markup
style: add styles to LobbyHeroTopic for improved text display

src/app/components/page/style.css.ts

@@ -111,6 +111,7 @@ export const PageHeroSection = style([
   },
 ]);
 
+
 export const PageContentCenter = style([
   DefaultReset,
   {

src/app/features/lobby/LobbyHero.css.tsx

@@ -6,6 +6,7 @@ export const LobbyHeroTopic = style({
   WebkitLineClamp: 3,
   WebkitBoxOrient: 'vertical',
   overflow: 'hidden',
+  wordBreak: 'break-word',
 
   ':hover': {
     cursor: 'pointer',