fix: text overflow & portfolio hr (#37189)

* fix: text overflow & portfolio hr

* fix: code wrap

* fix: wrap locally

* fix: wrap location & resolve conflict

* fix: deprecated api

* fix: private portfolio overflows

client/src/client-only-routes/ShowSettings.js

@@ -200,7 +200,9 @@ export function ShowSettings(props) {
             </Button>
           </FullWidthRow>
           <Spacer />
-          <h1 className='text-center'>{`Account Settings for ${username}`}</h1>
+          <h1 className='text-center' style={{ overflowWrap: 'break-word' }}>
+            {`Account Settings for ${username}`}
+          </h1>
           <About
             about={about}
             currentTheme={theme}