Fix long title (#1606)

* slice title in teaser

* title tweaks

* remove dotdotdot

src/components/@shared/AssetTeaser/AssetTeaser.tsx

@@ -25,7 +25,6 @@ export default function AssetTeaser({
   const accessType = isCompute ? 'compute' : 'access'
   const { owner } = asset.nft
   const { orders } = asset.stats
-
   return (
     <article className={`${styles.teaser} ${styles[type]}`}>
       <Link href={`/asset/${asset.id}`}>
@@ -33,7 +32,7 @@ export default function AssetTeaser({
           <header className={styles.header}>
             <div className={styles.symbol}>{datatokens[0]?.symbol}</div>
             <Dotdotdot tagName="h1" clamp={3} className={styles.title}>
-              {name}
+              {name.slice(0, 200)}
             </Dotdotdot>
             {!noPublisher && (
               <Publisher account={owner} minimal className={styles.publisher} />

src/components/@shared/Page/PageHeader.module.css

@@ -8,6 +8,11 @@
   margin-top: 0;
   margin-bottom: 0;
   display: inline-flex;
+
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+  hyphens: auto;
 }
 
 @media (min-width: 40rem) {

src/components/@shared/Page/index.tsx

@@ -26,7 +26,7 @@ export default function Page({
       <Container>
         {title && !noPageHeader && (
           <PageHeader
-            title={<>{title}</>}
+            title={<>{title.slice(0, 400)}</>}
             description={description}
             center={headerCenter}
           />