ref(issue-views): Overhaul issue views state and logic to a new context (#82429)

This PR makes a major code refactor to the Issue Views family of
components. No functionality should be broken or otherwise altered.

The purpose of this refactor was to move lots of reused code and
duplicated state into one unified context, `IssueViews.tsx`. This allows
the displayed components to be much much cleaner and easier to
understand while making it easier to add new functionality in the
future. The two primary things it does are:

1. **Creates a new context, `IssueViews`, that extends the old `Tabs`
context. This new context now contains the views and temporary tabs
state**
2. **Delegates almost all tab alteration logic to a `useReducer` within
the `IssueViews` context**

Author: MichaelSun48

Diff for: static/app/components/draggableTabs/draggableTabList.tsx

@@ -23,7 +23,6 @@ import {motion, Reorder} from 'framer-motion';
 import {Button} from 'sentry/components/button';
 import {CompactSelect} from 'sentry/components/compactSelect';
 import DropdownButton from 'sentry/components/dropdownButton';
-import {TabsContext} from 'sentry/components/tabs';
 import {type BaseTabProps, Tab} from 'sentry/components/tabs/tab';
 import {IconAdd, IconEllipsis} from 'sentry/icons';
 import {t} from 'sentry/locale';
@@ -34,6 +33,7 @@ import {useDimensions} from 'sentry/utils/useDimensions';
 import {useDimensionsMultiple} from 'sentry/utils/useDimensionsMultiple';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import useOrganization from 'sentry/utils/useOrganization';
+import {IssueViewsContext} from 'sentry/views/issueList/groupSearchViewTabs/issueViews';
 
 import type {DraggableTabListItemProps} from './item';
 import {Item} from './item';
@@ -273,7 +273,7 @@ function BaseDraggableTabList({
 }: BaseDraggableTabListProps) {
   const navigate = useNavigate();
   const [hoveringKey, setHoveringKey] = useState<Key | null>(null);
-  const {rootProps, setTabListState} = useContext(TabsContext);
+  const {rootProps, setTabListState} = useContext(IssueViewsContext);
   const organization = useOrganization();
   const {
     value,

Diff for: static/app/components/tabs/index.tsx

@@ -47,7 +47,7 @@ export interface TabsProps<T>
   value?: T;
 }
 
-interface TabContext {
+export interface TabContext {
   rootProps: Omit<TabsProps<any>, 'children' | 'className'>;
   setTabListState: (state: TabListState<any>) => void;
   tabListState?: TabListState<any>;