Add descrtiption_html translated rich text attribute to community

Author: rsmithlal

app/assets/stylesheets/better_together/profiles.scss

@@ -55,7 +55,7 @@
 // }
 
 .profile-name {
-  font-size: 2rem;
+  text-transform: none;
 }
 
 .profile-description {

app/models/better_together/community.rb

@@ -22,6 +22,7 @@ class Community < ApplicationRecord
 
     translates :name
     translates :description, type: :text
+    translates :description_html, backend: :action_text
 
     has_one_attached :profile_image
     has_one_attached :cover_image

app/views/better_together/communities/_community_fields.html.erb

@@ -44,6 +44,10 @@
   <%= render partial: 'better_together/shared/translated_text_field', locals: { model: community, form: form, attribute: 'description' } %>
 </div>
 
+<div class="mb-3">
+  <%= render partial: 'better_together/shared/translated_rich_text_field', locals: { model: community, form: form, attribute: 'description_html' } %>
+</div>
+
 <div class="mb-3">
   <%= render partial: 'better_together/shared/translated_string_field', locals: { model: community, form: form, attribute: 'slug' } %>
 </div>

app/views/better_together/communities/show.html.erb

@@ -65,16 +65,16 @@
         <section id="about" class="row collapse show" aria-labelledby="about-tab" aria-expanded="true" data-bs-parent="#platformTabs">
           <div class="col-md-12">
             <!-- Name Section -->
-            <h2 class="card-title text-center mb-3">
+            <h2 class="card-title profile-name text-center mb-3">
               <%= @resource.name %>
             </h2>
-            
+
             <!-- Divider Line -->
             <hr class="my-4">
 
             <!-- Description Section -->
             <p class="card-text text-muted">
-              <%= @resource.description.presence || 'No description available.' %>
+              <%= @resource.description_html.presence || @resource.description.presence || 'No description available.' %>
             </p>
 
             <%= render partial: 'better_together/contact_details/about_section', locals: { contactable: @resource } %>