refactor: Encapsulate supported_genders in component

Move CountryConfig.supported_genders call into component method
so the view doesn't need to know about CountryConfig directly.

Author: sshinde-rtsl

app/components/progress_tab/breakdown_table_component.html.erb

@@ -7,8 +7,8 @@
       <%= breakdown[:all] %>
     </p>
   </div>
-  <% CountryConfig.supported_genders.each_with_index do |gender, index| %>
-    <% is_last = index == CountryConfig.supported_genders.size - 1 %>
+  <% supported_genders.each_with_index do |gender, index| %>
+    <% is_last = index == supported_genders.size - 1 %>
     <div class="d-flex ai-center jc-space-between <% if !is_last || include_bottom_border %>pb-3px bb-grey-mid<% end %> mb-4px">
       <p class="m-0px p-0px pl-16px ta-left fw-normal fs-16px c-grey-dark">
         <%= t("progress_tab.genders.#{gender}") %>

app/components/progress_tab/breakdown_table_component.rb

@@ -18,4 +18,8 @@ def initialize(title:, breakdown:)
   def include_bottom_border
     title != t("progress_tab.diagnoses.hypertension_and_diabetes")
   end
+
+  def supported_genders
+    CountryConfig.supported_genders
+  end
 end