Hide search panel when user has no groups

What does this MR do and why?

Hide search panel when user has no groups

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before	After

How to set up and validate locally

Test user that can create groups

1. Go to http://gdk.test:3000/admin/users
2. Open the user with no groups
3. Click [Impersonate]
4. Go to http://gdk.test:3000/dashboard/groups

Test user with no permission

1. Go to http://gdk.test:3000/admin/users
2. Open the user with no groups
3. Click [Edit]
4. Opt-out Can create top level group
5. Save
6. Click [Impersonate]
7. Go to http://gdk.test:3000/dashboard/groups

#442898 (closed) #452231 (closed)

app/views/dashboard/groups/index.html.haml

 - page_title _("Groups")
 
-= render_dashboard_ultimate_trial(current_user)
-- if current_user.groups.present?
-  = render 'dashboard/groups_head'
-  = render 'groups'
-- else
-  - button_text = _("New group") if current_user.can_create_group?
-  - button_link = new_group_path if current_user.can_create_group?
-  = render Pajamas::EmptyStateComponent.new(svg_path: 'illustrations/empty-state/empty-groups-md.svg',
-    title: s_('GroupsEmptyState|A group is a collection of several projects'),
-    primary_button_text: button_text,
-    primary_button_link: button_link,
-    primary_button_options: { data: { testid: "new-group-button" } },
-    secondary_button_text: _("Explore groups"),
-    secondary_button_link: explore_groups_path,
-    empty_state_options: { data: { testid: 'groups-empty-state' } }) do |c|
+%div{ data: { testid: 'groups-page' } }
+  = render_dashboard_ultimate_trial(current_user)
+  - if current_user.groups.present?
+    = render 'dashboard/groups_head'
+    = render 'groups'
+  - else
+    - button_text = _("New group") if current_user.can_create_group?
+    - button_link = new_group_path if current_user.can_create_group?
+    = render Pajamas::EmptyStateComponent.new(svg_path: 'illustrations/empty-state/empty-groups-md.svg',
+      title: s_('GroupsEmptyState|A group is a collection of several projects'),
+      primary_button_text: button_text,
+      primary_button_link: button_link,
+      primary_button_options: { data: { testid: "new-group-button" } },
+      secondary_button_text: _("Explore groups"),
+      secondary_button_link: explore_groups_path,
+      empty_state_options: { data: { testid: 'groups-empty-state' } }) do |c|
 
-    - c.with_description do
-      = s_("GroupsEmptyState|If you organize your projects under a group, it works like a folder. You can manage your group member's permissions and access to each project in the group.")
+      - c.with_description do
+        = s_("GroupsEmptyState|If you organize your projects under a group, it works like a folder. You can manage your group member's permissions and access to each project in the group.")