feat: uptake Seeds Tabs (#3993)

* Squashed commit of the following:

commit d964056
Author: Jared White <[email protected]>
Date:   Mon Jan 22 15:41:22 2024 -0800

    feat: adjust Seeds Toast inset

commit 75b1e07
Author: Jared White <[email protected]>
Date:   Thu Jan 18 14:29:03 2024 -0800

    test: get partners unit tests to pass

commit af89871
Author: Jared White <[email protected]>
Date:   Wed Jan 17 22:18:31 2024 -0800

    fix: more linting

commit fca3211
Author: Jared White <[email protected]>
Date:   Wed Jan 17 21:50:21 2024 -0800

    fix: another lint error

commit 22243fe
Author: Jared White <[email protected]>
Date:   Wed Jan 17 20:38:39 2024 -0800

    fix: lint issues

commit 1168e02
Author: Jared White <[email protected]>
Date:   Wed Jan 17 19:25:19 2024 -0800

    feat: switch a number of site alert features to Toast

commit 4309bda
Author: Jared White <[email protected]>
Date:   Mon Jan 15 16:58:06 2024 -0800

    feat: toast message context now working as expected

commit 0835000
Author: Jared White <[email protected]>
Date:   Wed Jan 10 20:50:36 2024 -0800

    chore: bump Seeds version

commit 1feceb8
Merge: 5047464 dbcd45c
Author: Jared White <[email protected]>
Date:   Wed Jan 10 20:37:42 2024 -0800

    Merge commit 'dbcd45cf1060dc955e71e4dd11720c75a92efc3d' into 3434/react-context-messaging

commit 5047464
Author: Morgan Ludtke <[email protected]>
Date:   Tue Oct 17 10:59:54 2023 -0500

    fix: email csv fix

commit 19cd8b2
Author: Morgan Ludtke <[email protected]>
Date:   Tue Oct 17 10:34:42 2023 -0500

    fix: review comments

commit fc220a7
Author: Morgan Ludtke <[email protected]>
Date:   Fri Oct 6 15:41:25 2023 -0500

    fix: add comment

commit 4aa3cfb
Author: ColinBuyck <[email protected]>
Date:   Thu Jul 6 21:04:09 2023 -0700

    fix: uptake toast component

* feat: strip out old SiteAlert code in favor of toasts

* fix: lint issues

* fix: more linting

* test: fix tests due to new Toasts

* feat: fix some timing/context issues with Toast

* fix: type error

* fix: type error redux

* fix: update React types to clean up false errors

* feat: switch to Seeds Tabs in the Partners app

sites/partners/src/components/listings/PaperListingForm/index.tsx

@@ -7,13 +7,9 @@ import {
   AlertBox,
   LoadingOverlay,
   Modal,
-  Tabs,
-  TabList,
-  Tab,
-  TabPanel,
   LatitudeLongitude,
 } from "@bloom-housing/ui-components"
-import { Button, Icon } from "@bloom-housing/ui-seeds"
+import { Button, Icon, Tabs } from "@bloom-housing/ui-seeds"
 import ChevronLeftIcon from "@heroicons/react/20/solid/ChevronLeftIcon"
 import ChevronRightIcon from "@heroicons/react/20/solid/ChevronRightIcon"
 import { AuthContext, MessageContext, listingSectionQuestions } from "@bloom-housing/shared-helpers"
@@ -298,11 +294,11 @@ const ListingForm = ({ listing, editMode }: ListingFormProps) => {
                         selectedIndex={tabIndex}
                         onSelect={(index) => setTabIndex(index)}
                       >
-                        <TabList>
-                          <Tab>Listing Details</Tab>
-                          <Tab>Application Process</Tab>
-                        </TabList>
-                        <TabPanel>
+                        <Tabs.TabList>
+                          <Tabs.Tab>Listing Details</Tabs.Tab>
+                          <Tabs.Tab>Application Process</Tabs.Tab>
+                        </Tabs.TabList>
+                        <Tabs.TabPanel>
                           <ListingIntro jurisdictions={profile.jurisdictions} />
                           <ListingPhotos />
                           <BuildingDetails
@@ -365,14 +361,14 @@ const ListingForm = ({ listing, editMode }: ListingFormProps) => {
                               }
                               onClick={() => {
                                 setTabIndex(1)
-                                window.scrollTo({ top: 0, behavior: "smooth" })
+                                setTimeout(() => window.scroll({ top: 0, behavior: "smooth" }))
                               }}
                             >
                               Application Process
                             </Button>
                           </div>
-                        </TabPanel>
-                        <TabPanel>
+                        </Tabs.TabPanel>
+                        <Tabs.TabPanel>
                           <RankingsAndResults listing={listing} />
                           <LeasingAgent />
                           <ApplicationTypes listing={listing} />
@@ -394,13 +390,13 @@ const ListingForm = ({ listing, editMode }: ListingFormProps) => {
                               }
                               onClick={() => {
                                 setTabIndex(0)
-                                window.scrollTo({ top: 0, behavior: "smooth" })
+                                setTimeout(() => window.scroll({ top: 0, behavior: "smooth" }))
                               }}
                             >
                               Listing Details
                             </Button>
                           </div>
-                        </TabPanel>
+                        </Tabs.TabPanel>
                       </Tabs>
 
                       {listing?.status === ListingsStatusEnum.closed && (