Migrate all cases of @reach/tabs usage to Wildcard/Tabs (!29920) · Merge requests · Administrator / sourcegraph

Administrator requested to merge og/migrate-wildcard-tabs into main Jan 19, 2022

Created by: oleggromov

Context

A few things had to be changed:

Removed bottom border - because it doesn't exist in our designs
~~Made text for the large variant use --text-muted color in accordance with the design~~ - undone because was requested by Rob
Removed inner nested div inside Tabs and replaced it with passing className and data-testid directly to ReachTabs. This is required because without that layout of the search sidebar, which is supposed to be 100% tall and have scrollbars, breaks.
Made size prop optional, default is small - since it's used most of the times as small. This is consistent with how Tabs component was used before as well.
Added as support to Tabs, as well as forwarding refs for all Tab-related components
@reach styles import was moved to Tabs.module.scss

In many places, we controlled the component from outside by providing index prop. The real intention of that was to persist the last selection, so I changed the code accordingly.
In RepoRevisionSidebar.tsx index was also used to emulate lazy-loading tabs, which is replaced with proper lazy={true} prop.

See the comments in the "Files changed" tab.