Add word-break to organization name and description (#26624)

Fix #24318

Before:

![image](38282e5e-0b4d-4568-a853-59352798e826)

![image](79d89ee6-61f6-45a7-af0b-d1c23fead25a)

![image](39b45fae-52e2-4697-b83a-7cd10f76ac43)

After:

![image](09e8cfcf-0150-494e-9f63-0868f529da65)

![image](d2c348d3-fe03-466a-a5f4-878b7a93a318)

![image](7f75b807-300c-42d5-b2c3-bae9e45e3c08)

![image](06eca901-f5cf-4100-bb65-92457ad106e3)

templates/org/header.tmpl

@@ -2,7 +2,7 @@
 	<div class="ui container">
 		<div class="ui vertically grid head">
 			<div class="column">
-				<div class="ui header">
+				<div class="ui header gt-df gt-ac gt-word-break">
 					{{ctx.AvatarUtils.Avatar . 100}}
 					<span class="text thin grey"><a href="{{.HomeLink}}">{{.DisplayName}}</a></span>
 					<span class="org-visibility">

templates/org/home.tmpl

@@ -3,7 +3,7 @@
 	<div class="ui container gt-df">
 		{{ctx.AvatarUtils.Avatar .Org 140 "org-avatar"}}
 		<div id="org-info">
-			<div class="ui header gt-df gt-fw">
+			<div class="ui header">
 				{{.Org.DisplayName}}
 				<span class="org-visibility">
 					{{if .Org.Visibility.IsLimited}}<span class="ui large basic horizontal label">{{ctx.Locale.Tr "org.settings.visibility.limited_shortname"}}</span>{{end}}