Replace all remaining bootstrap utility classes with tailwind classes

test/servers/ServersListGroup.test.tsx

@@ -10,30 +10,18 @@ describe('<ServersListGroup />', () => {
     fromPartial({ name: 'foo', id: '123' }),
     fromPartial({ name: 'bar', id: '456' }),
   ];
-  const setUp = (params: { servers?: ServerWithId[]; withChildren?: boolean; borderless?: boolean } = {}) => {
-    const { servers = [], withChildren = true, borderless } = params;
+  const setUp = (params: { servers?: ServerWithId[]; borderless?: boolean } = {}) => {
+    const { servers = [], borderless } = params;
 
     return render(
       <MemoryRouter>
-        <ServersListGroup servers={servers} borderless={borderless}>
-          {withChildren ? 'The list of servers' : undefined}
-        </ServersListGroup>
+        <ServersListGroup servers={servers} borderless={borderless} />
       </MemoryRouter>,
     );
   };
 
   it('passes a11y checks', () => checkAccessibility(setUp()));
 
-  it('renders title', () => {
-    setUp({});
-    expect(screen.getByTestId('title')).toHaveTextContent('The list of servers');
-  });
-
-  it('does not render title when children is not provided', () => {
-    setUp({ withChildren: false });
-    expect(screen.queryByTestId('title')).not.toBeInTheDocument();
-  });
-
   it.each([
     [servers],
     [[]],

test/servers/__snapshots__/ManageServersRow.test.tsx.snap

@@ -24,7 +24,7 @@ exports[`<ManageServersRow /> > renders auto-connect icon only if server is auto
         >
           <svg
             aria-hidden="true"
-            class="svg-inline--fa fa-check text-primary"
+            class="svg-inline--fa fa-check tw:text-brand"
             data-icon="check"
             data-prefix="fas"
             focusable="false"