add status icons and update default display for team status

Author: nanafox

packages/hacker_dashboard_portal/app/definitions/hacker_dashboard_portal/hackathon/team_definition.rb

@@ -15,7 +15,7 @@ class HackerDashboardPortal::Hackathon::TeamDefinition < ::Hackathon::TeamDefini
 
   display :name, wrapper: {class: "col-span-2 row-start-1"}
   display :hacker, wrapper: {class: "col-span-2"}
-  display :status, wrapper: {class: "col-span-full"}
+  display :status, wrapper: {class: "col-span-full"}, formatter: ->(value) { value.titleize }
 
   action :invite_member,
     interaction: Hackathon::Teams::InviteMember

packages/hacker_dashboard_portal/app/policies/hacker_dashboard_portal/hackathon/team_membership_policy.rb

@@ -31,7 +31,7 @@ def permitted_attributes_for_read
     if invitation && user.team.nil?
       relation.or(Hackathon::Team.where(id: invitation.team.id))
     else
-      relation
+      relation.where(team: user.team)
     end
   end
 end

packages/hacker_dashboard_portal/app/views/hacker_dashboard_portal/dashboard/_team_dashboard.html.erb

@@ -57,13 +57,39 @@
       <div class="flex items-center gap-4">
         <div class="flex-shrink-0">
           <div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/50 rounded-lg flex items-center justify-center">
-            <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-            </svg>
+            <%# Map the Hackathon::Team enum statuses to icons %>
+            <% case (team.status || '').to_s %>
+            <% when 'unqualified' %>
+              <!-- Unqualified: x-circle (needs work) -->
+              <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636L5.636 18.364" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.636 5.636L18.364 18.364" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            <% when 'qualified' %>
+              <!-- Qualified: check -->
+              <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            <% when 'late_qualified' %>
+              <!-- Late qualified: clock-check (clock with a check) -->
+              <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l2 2" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
+              </svg>
+            <% else %>
+              <!-- Fallback: generic circle-check -->
+              <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            <% end %>
           </div>
         </div>
         <div>
-          <p class="text-lg font-bold text-gray-900 dark:text-white"><%= team.status&.titleize || 'Active' %></p>
+          <p class="text-lg font-bold text-gray-900 dark:text-white"><%= team.status&.titleize || 'Unqualified' %></p>
           <p class="text-sm text-gray-600 dark:text-gray-300">Team Status</p>
         </div>
       </div>