Replace plan with group avatar in group billing

ee/app/views/shared/billings/_billing_plan_header.html.haml

@@ -4,10 +4,17 @@
 
 .billing-plan-header.content-block.center
   .billing-plan-logo
-    - if Namespace::PLANS.include?(plan.code)
-      = render "shared/billings/plans/#{plan.code}.svg"
-    - elsif plan.free?
-      = render "shared/billings/plans/free.svg"
+    - if namespace == current_user.namespace
+      - if Namespace::PLANS.include?(plan.code)
+        = render "shared/billings/plans/#{plan.code}.svg"
+      - elsif plan.free?
+        = render "shared/billings/plans/free.svg"
+    - else
+      - if !@group.avatar_url.nil?
+        = group_icon(@group, class: 'border rounded mb-3 mt-1', width: 96, height: 96, alt: @group.name)
+      - else
+        .avatar-container.rect-avatar.s96.home-panel-avatar.append-right-default.float-none.mr-auto.ml-auto.mb-4.mb-1.rounded.border
+          = group_icon(@group, class: 'avatar avatar-tile s96', width: 96, height: 96, alt: @group.name)
 
   %h4
     - plan_link = plan.about_page_href ? link_to(plan.name, plan.about_page_href) : plan.name

ee/spec/features/billings/billing_plans_spec.rb

@@ -143,7 +143,7 @@ describe 'Billing plan pages', :feature do
           page.within('.billing-plan-header') do
             expect(page).to have_content("#{group.name} is currently on the Bronze plan")
 
-            expect(page).to have_css('.billing-plan-logo svg')
+            expect(page).to have_css('.billing-plan-logo .identicon')
           end
         end
 
@@ -179,7 +179,7 @@ describe 'Billing plan pages', :feature do
       it 'displays plan header' do
         page.within('.billing-plan-header') do
           expect(page).to have_content("#{subgroup2.full_name} is currently on the Bronze plan")
-          expect(page).to have_css('.billing-plan-logo svg')
+          expect(page).to have_css('.billing-plan-logo .identicon')
           expect(page.find('.btn-success')).to have_content('Manage plan')
         end