From ae52fb7332395034248ba62842663ef7d7403388 Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Wed, 31 Jan 2024 16:37:09 +0200
Subject: [PATCH] web/satellite: remove v1-only app files

Removed all the files related to v1 app.
There are some components and icons which are being reused by v2 app.

Issue:
https://github.com/storj/storj/issues/6723

Change-Id: Iac021d6133a953cb45a78ca4bc54dbb9776da380
---
 web/satellite/src/App.vue                     |  179 --
 .../components/accessGrants/AccessGrants.vue  |  506 -----
 .../accessGrants/AccessGrantsHeader.vue       |  203 ---
 .../accessGrants/AccessGrantsItem.vue         |  135 --
 .../createFlow/CreateAccessGrantFlow.vue      |  707 -------
 .../components/ButtonsContainer.vue           |   47 -
 .../components/ContainerWithIcon.vue          |   57 -
 .../createFlow/components/EndDatePicker.vue   |  181 --
 .../components/EndDateSelection.vue           |   83 -
 .../createFlow/components/LinkButton.vue      |   80 -
 .../createFlow/components/Radio.vue           |  102 --
 .../createFlow/components/Toggle.vue          |  187 --
 .../createFlow/components/ValueWithBlur.vue   |  198 --
 .../createFlow/steps/AccessCreatedStep.vue    |  163 --
 .../createFlow/steps/AccessEncryptionStep.vue |  222 ---
 .../createFlow/steps/CLIAccessCreatedStep.vue |  160 --
 .../createFlow/steps/ChoosePermissionStep.vue |  370 ----
 .../createFlow/steps/ConfirmDetailsStep.vue   |   93 -
 .../createFlow/steps/CreateNewAccessStep.vue  |  175 --
 .../createFlow/steps/EncryptionInfoStep.vue   |  119 --
 .../createFlow/steps/EnterPassphraseStep.vue  |  129 --
 .../steps/PassphraseGeneratedStep.vue         |  172 --
 .../steps/S3CredentialsCreatedStep.vue        |  162 --
 .../src/components/account/AccountArea.vue    |   32 -
 .../components/account/NewSettingsArea.vue    |  279 ---
 .../account/billing/BillingArea.vue           |  280 ---
 .../billing/billingTabs/BillingHistory.vue    |  114 --
 .../billingTabs/BillingHistoryHeader.vue      |   11 -
 .../billingTabs/BillingHistoryItem.vue        |  129 --
 .../account/billing/billingTabs/Coupons.vue   |  255 ---
 .../billingTabs/CreditCardContainer.vue       |  258 ---
 .../account/billing/billingTabs/Overview.vue  |  397 ----
 .../billing/billingTabs/PaymentMethods.vue    | 1003 ----------
 .../billing/billingTabs/SortingHeader.vue     |  103 --
 .../billingTabs/UsageAndChargesItem.vue       |  417 -----
 .../billing/paymentMethods/AddTokenCard.vue   |   78 -
 .../paymentMethods/AddTokenCardNative.vue     |  405 ----
 .../paymentMethods/TokenTransactionItem.vue   |  198 --
 .../pricingPlans/PricingPlanContainer.vue     |  217 ---
 .../account/mfa/ConfirmMFAInput.vue           |   98 -
 .../src/components/browser/BreadCrumbs.vue    |  143 --
 .../src/components/browser/Dropzone.vue       |   62 -
 .../src/components/browser/FileBrowser.vue    |  883 ---------
 .../components/browser/FileBrowserHeader.vue  |  286 ---
 .../src/components/browser/FileEntry.vue      |  630 -------
 .../src/components/browser/MiddleTruncate.vue |   49 -
 .../browser/MultiplePassphrasesBanner.vue     |  130 --
 .../browser/TooManyObjectsBanner.vue          |   79 -
 .../src/components/browser/UpEntry.vue        |   24 -
 .../browser/galleryView/ButtonIcon.vue        |   78 -
 .../browser/galleryView/CSVFilePreview.vue    |   89 -
 .../galleryView/FilePreviewPlaceholder.vue    |   60 -
 .../browser/galleryView/GalleryView.vue       |  622 -------
 .../browser/galleryView/OptionsDropdown.vue   |   97 -
 .../browser/galleryView/TextFilePreview.vue   |   69 -
 .../browser/galleryView/modals/Delete.vue     |  101 -
 .../browser/galleryView/modals/Details.vue    |  111 --
 .../galleryView/modals/Distribution.vue       |  101 -
 .../components/common/AddCouponCodeInput.vue  |  206 ---
 .../src/components/common/BrandedLoader.vue   |   57 -
 .../common/NewBillingAddCouponCodeInput.vue   |   98 -
 .../src/components/common/PagesBlock.vue      |   78 -
 .../components/common/PasswordStrength.vue    |  280 ---
 .../components/common/RegistrationSuccess.vue |  357 ----
 .../src/components/common/SelectInput.vue     |  126 --
 .../src/components/common/TableItem.vue       |  291 ---
 .../src/components/common/TablePagination.vue |  345 ----
 .../components/common/TableSizeChanger.vue    |  202 --
 .../src/components/common/VBanner.vue         |  185 --
 web/satellite/src/components/common/VBar.vue  |   66 -
 .../src/components/common/VButton.vue         |  407 -----
 .../src/components/common/VCheckbox.vue       |  111 --
 web/satellite/src/components/common/VChip.vue |   67 -
 .../src/components/common/VDatePicker.vue     |   28 -
 .../components/common/VDateRangePicker.vue    |  131 --
 web/satellite/src/components/common/VInfo.vue |  103 --
 .../src/components/common/VInput.vue          |  340 ----
 .../src/components/common/VLoader.vue         |   40 -
 .../src/components/common/VModal.vue          |  104 --
 .../src/components/common/VOverallLoader.vue  |   30 -
 .../src/components/common/VSearch.vue         |   88 -
 .../src/components/common/VTable.vue          |  213 ---
 .../src/components/common/VTableCheckbox.vue  |   97 -
 .../components/common/ValidationMessage.vue   |   82 -
 .../src/components/common/VerticalArrows.vue  |   53 -
 .../components/common/share/ShareButton.vue   |   61 -
 .../common/share/ShareContainer.vue           |   30 -
 .../src/components/infoBars/BetaSatBar.vue    |   60 -
 .../infoBars/MFARecoveryCodeBar.vue           |   58 -
 .../components/infoBars/ProjectInfoBar.vue    |  128 --
 .../components/modals/AddCouponCodeModal.vue  |   52 -
 .../components/modals/AddTeamMemberModal.vue  |  254 ---
 .../components/modals/AddTokenFundsModal.vue  |  272 ---
 .../src/components/modals/AllModals.vue       |   33 -
 .../components/modals/ChangePasswordModal.vue |  303 ---
 .../modals/ChangeProjectLimitModal.vue        |  551 ------
 .../components/modals/CreateBucketModal.vue   |  418 -----
 .../components/modals/CreateProjectModal.vue  |  272 ---
 .../modals/CreateProjectPromptModal.vue       |  140 --
 .../modals/DeleteAccessGrantModal.vue         |  168 --
 .../components/modals/DeleteBucketModal.vue   |  277 ---
 .../modals/DetailedUsageReportModal.vue       |  227 ---
 .../src/components/modals/DisableMFAModal.vue |  212 ---
 .../components/modals/EditProfileModal.vue    |  189 --
 .../modals/EditSessionTimeoutModal.vue        |  209 ---
 .../src/components/modals/EnableMFAModal.vue  |  346 ----
 .../modals/EnterBucketPassphraseModal.vue     |  309 ----
 .../modals/EnterPassphraseModal.vue           |  179 --
 .../src/components/modals/InactivityModal.vue |  131 --
 .../components/modals/JoinProjectModal.vue    |  178 --
 .../components/modals/LimitWarningModal.vue   |  215 ---
 .../modals/MFARecoveryCodesModal.vue          |  261 ---
 .../src/components/modals/ModalHeader.vue     |   49 -
 .../modals/NewBillingAddCouponCodeModal.vue   |   61 -
 .../modals/NewCreateProjectModal.vue          |  315 ----
 .../src/components/modals/NewFolderModal.vue  |  189 --
 .../components/modals/ObjectDetailsModal.vue  |  525 ------
 .../components/modals/PricingPlanModal.vue    |  395 ----
 .../modals/RemoveProjectMemberModal.vue       |  258 ---
 .../modals/RequestProjectLimitModal.vue       |  504 -----
 .../components/modals/SessionExpiredModal.vue |   76 -
 .../src/components/modals/ShareModal.vue      |  206 ---
 .../components/modals/SkipPassphraseModal.vue |  120 --
 .../CreateProjectPassphraseModal.vue          |  192 --
 .../EnterPassphraseStep.vue                   |   64 -
 .../PassphraseGeneratedStep.vue               |   58 -
 .../SelectPassphraseModeStep.vue              |  129 --
 .../createProjectPassphrase/SuccessStep.vue   |   67 -
 .../editSessionTimeout/TimeoutSelector.vue    |  174 --
 .../manageProjectPassphrase/ClearStep.vue     |   90 -
 .../manageProjectPassphrase/CreateStep.vue    |   85 -
 .../ManageOptionsStep.vue                     |  139 --
 .../ManageProjectPassphraseModal.vue          |  147 --
 .../manageProjectPassphrase/SwitchStep.vue    |  150 --
 .../objectUpload/ObjectsUploadingModal.vue    |  449 -----
 .../modals/objectUpload/UploadItem.vue        |  296 ---
 .../upgradeAccountFlow/AddCreditCardStep.vue  |  156 --
 .../upgradeAccountFlow/AddTokensStep.vue      |  325 ----
 .../AddTokensStepBanner.vue                   |  125 --
 .../modals/upgradeAccountFlow/InfoBullet.vue  |  113 --
 .../upgradeAccountFlow/PricingPlanStep.vue    |  106 --
 .../modals/upgradeAccountFlow/SuccessStep.vue |   42 -
 .../UpgradeAccountModal.vue                   |  147 --
 .../UpgradeAccountWrapper.vue                 |   54 -
 .../upgradeAccountFlow/UpgradeInfoStep.vue    |  211 ---
 .../upgradeAccountFlow/UpgradeOptionsStep.vue |   91 -
 .../src/components/navigation/AccountArea.vue |  455 -----
 .../components/navigation/GuidesDropdown.vue  |   52 -
 .../navigation/MobileNavigation.vue           |  957 ----------
 .../components/navigation/NavigationArea.vue  |  497 -----
 .../navigation/ProjectSelection.vue           |  631 -------
 .../components/navigation/QuickStartLinks.vue |  135 --
 .../components/navigation/ResourcesLinks.vue  |   91 -
 .../notifications/NotificationArea.vue        |   59 -
 .../notifications/NotificationItem.vue        |  232 ---
 .../notifications/ProjectLimitBanner.vue      |   80 -
 .../notifications/UpgradeNotification.vue     |  106 --
 .../notifications/UploadNotification.vue      |   77 -
 .../src/components/objects/BucketDetails.vue  |  201 --
 .../objects/BucketDetailsOverview.vue         |   79 -
 .../src/components/objects/BucketGuide.vue    |   94 -
 .../src/components/objects/BucketItem.vue     |  331 ----
 .../components/objects/BucketSettingsNav.vue  |  195 --
 .../src/components/objects/BucketsTable.vue   |  350 ----
 .../src/components/objects/BucketsView.vue    |  203 ---
 .../components/objects/EncryptionBanner.vue   |  100 -
 .../src/components/objects/FAQBullet.vue      |   70 -
 .../src/components/objects/ObjectsArea.vue    |   38 -
 .../components/objects/UploadCancelPopup.vue  |  133 --
 .../src/components/objects/UploadFile.vue     |  143 --
 .../onboardingTour/OnboardingTourArea.vue     |   29 -
 .../onboardingTour/steps/CLIStep.vue          |   21 -
 .../onboardingTour/steps/OverviewStep.vue     |  159 --
 .../onboardingTour/steps/PricingPlanStep.vue  |  166 --
 .../onboardingTour/steps/cliFlow/AGName.vue   |  129 --
 .../steps/cliFlow/AGPermissions.vue           |  301 ---
 .../onboardingTour/steps/cliFlow/APIKey.vue   |  118 --
 .../steps/cliFlow/CLIInstall.vue              |  240 ---
 .../onboardingTour/steps/cliFlow/CLISetup.vue |   90 -
 .../steps/cliFlow/CreateBucket.vue            |   77 -
 .../steps/cliFlow/DownloadObject.vue          |   75 -
 .../steps/cliFlow/ListObject.vue              |   75 -
 .../steps/cliFlow/PermissionsSelect.vue       |  197 --
 .../steps/cliFlow/ProgressBar.vue             |   96 -
 .../steps/cliFlow/ShareObject.vue             |   93 -
 .../steps/cliFlow/SuccessScreen.vue           |  132 --
 .../steps/cliFlow/UploadObject.vue            |   86 -
 .../cliFlow/permissions/BucketNameBullet.vue  |   61 -
 .../cliFlow/permissions/BucketsDropdown.vue   |  240 ---
 .../cliFlow/permissions/BucketsSelection.vue  |   98 -
 .../cliFlow/permissions/DurationPicker.vue    |  211 ---
 .../cliFlow/permissions/DurationSelection.vue |  126 --
 .../steps/common/CLIFlowContainer.vue         |   82 -
 .../steps/common/OSContainer.vue              |  159 --
 .../steps/common/OverviewContainer.vue        |  142 --
 .../steps/common/TabWithCopy.vue              |   59 -
 .../steps/common/ValueWithCopy.vue            |   77 -
 .../components/project/EditProjectDetails.vue |  893 ---------
 .../project/ProjectOwnershipTag.vue           |   90 -
 .../dashboard/DashboardFunctionalHeader.vue   |  177 --
 .../project/dashboard/DateRangeSelection.vue  |  121 --
 .../project/dashboard/InfoContainer.vue       |   77 -
 .../project/dashboard/LimitCard.vue           |  162 --
 .../project/dashboard/LimitsArea.vue          |  340 ----
 .../project/dashboard/ProjectDashboard.vue    |  833 ---------
 .../src/components/team/HeaderArea.vue        |  350 ----
 .../components/team/ProjectMemberListItem.vue |  260 ---
 .../components/team/ProjectMembersArea.vue    |  247 ---
 .../src/components/utils/SessionWrapper.vue   |   45 -
 web/satellite/src/composables/DOM.ts          |   21 -
 web/satellite/src/composables/resize.ts       |   37 -
 .../useCreateProjectClickHandler.ts           |   36 -
 web/satellite/src/main.ts                     |   74 -
 web/satellite/src/router/index.ts             |  456 -----
 web/satellite/src/store/modules/appStore.ts   |  144 +-
 .../src/store/modules/objectBrowserStore.ts   |   18 -
 .../src/store/modules/projectMembersStore.ts  |    1 -
 .../src/types/DelayedNotification.ts          |   29 -
 web/satellite/src/types/accessGrants.ts       |    2 -
 web/satellite/src/types/browser.ts            |    6 -
 web/satellite/src/types/common.ts             |   12 -
 web/satellite/src/types/coupons.ts            |    8 -
 web/satellite/src/types/createAccessGrant.ts  |   42 -
 web/satellite/src/types/pagination.ts         |    3 -
 web/satellite/src/types/payments.ts           |    7 -
 web/satellite/src/types/projectMembers.ts     |    2 -
 web/satellite/src/types/projects.ts           |    9 -
 web/satellite/src/types/sortingArrows.ts      |    7 -
 web/satellite/src/utils/avatarColorManager.ts |   43 -
 .../utils/constants/analyticsEventNames.ts    |   32 -
 .../src/utils/constants/appStatePopUps.ts     |  130 --
 .../src/utils/constants/fetchStateEnum.ts     |    8 -
 web/satellite/src/utils/httpClient.ts         |    1 -
 web/satellite/src/utils/localData.ts          |   68 -
 web/satellite/src/utils/objectIcon.ts         |   69 -
 .../src/utils/plugins/notificator.ts          |    2 +-
 web/satellite/src/views/ActivateAccount.vue   |  269 ---
 web/satellite/src/views/AuthorizeArea.vue     |  714 --------
 web/satellite/src/views/ErrorPage.vue         |  169 --
 web/satellite/src/views/ForgotPassword.vue    |  473 -----
 web/satellite/src/views/LoginArea.vue         |  772 --------
 web/satellite/src/views/ResetPassword.vue     |  457 -----
 .../views/all-dashboard/AllDashboardArea.vue  |  300 ---
 .../AllProjectsDashboardBanners.vue           |  167 --
 .../components/EmptyProjectItem.vue           |  109 --
 .../all-dashboard/components/Heading.vue      |  536 ------
 .../components/MyAccountButton.vue            |  366 ----
 .../all-dashboard/components/MyProjects.vue   |  329 ----
 .../components/ProjectInvitationItem.vue      |  169 --
 .../all-dashboard/components/ProjectItem.vue  |  261 ---
 .../components/ProjectTableInvitationItem.vue |  248 ---
 .../components/ProjectTableItem.vue           |  290 ---
 .../components/ProjectsTable.vue              |   81 -
 .../src/views/dashboard/DashboardArea.vue     |  574 ------
 .../components/LimitWarningBanners.vue        |  127 --
 .../src/views/registration/RegisterArea.vue   | 1621 -----------------
 web/satellite/static/favicon.ico              |  Bin 7406 -> 0 bytes
 .../images/accessGrants/accessGrantsIcon.svg  |    5 -
 .../static/images/accessGrants/cli.svg        |   14 -
 .../newCreateFlow/bucketsIcon.svg             |    4 -
 .../accessGrants/newCreateFlow/chevron.svg    |    3 -
 .../accessGrants/newCreateFlow/close.svg      |    3 -
 .../accessGrants/newCreateFlow/copy.svg       |    4 -
 .../encryptionPassphraseIcon.svg              |    4 -
 .../newCreateFlow/endDateIcon.svg             |    4 -
 .../accessGrants/newCreateFlow/info.svg       |    3 -
 .../accessGrants/newCreateFlow/learn.svg      |    3 -
 .../accessGrants/newCreateFlow/nameIcon.svg   |    4 -
 .../newCreateFlow/orangeWarning.svg           |    3 -
 .../newCreateFlow/permissionsIcon.svg         |    4 -
 .../accessGrants/newCreateFlow/typeIcon.svg   |    4 -
 .../static/images/accessGrants/s3.svg         |    4 -
 .../static/images/accessGrants/selection.svg  |    3 -
 .../static/images/accessGrants/trashIcon.svg  |    3 -
 .../static/images/accessGrants/unselect.svg   |    4 -
 .../static/images/accessGrants/warning.svg    |    4 -
 .../account/billing/availableBalanceIcon.svg  |   25 -
 .../images/account/billing/calendar-icon.svg  |   25 -
 .../static/images/account/billing/coupon.png  |  Bin 315 -> 0 bytes
 .../account/billing/paidTier/prompt.png       |  Bin 9084 -> 0 bytes
 .../billing/totalEstimatedChargesIcon.svg     |   25 -
 .../static/images/account/billing/trash.svg   |    3 -
 .../changePasswordPopup/changePassword.svg    |    5 -
 .../static/images/allDashboard/menu.svg       |    3 -
 .../static/images/billing/blueInfoIcon.svg    |    3 -
 .../static/images/billing/calendar.svg        |    6 -
 .../images/billing/check-green-circle.svg     |    4 -
 .../static/images/billing/coupon.svg          |    3 -
 .../static/images/billing/credit-card.svg     |    4 -
 .../images/billing/storj-icon-large.svg       |    3 -
 .../images/billing/storj-icon-small.svg       |   30 -
 web/satellite/static/images/browser/close.svg |    3 -
 .../images/browser/galleryView/arrow.svg      |   12 -
 .../images/browser/galleryView/close.svg      |    3 -
 .../images/browser/galleryView/delete.svg     |    3 -
 .../images/browser/galleryView/details.svg    |    5 -
 .../images/browser/galleryView/dots.svg       |    3 -
 .../images/browser/galleryView/download.svg   |    3 -
 .../images/browser/galleryView/empty.svg      |    4 -
 .../images/browser/galleryView/image.svg      |    4 -
 .../static/images/browser/galleryView/map.svg |    3 -
 .../browser/galleryView/modals/delete.svg     |    4 -
 .../browser/galleryView/modals/details.svg    |    6 -
 .../browser/galleryView/modals/globe.svg      |    4 -
 .../browser/galleryView/modals/share.svg      |    4 -
 .../images/browser/galleryView/share.svg      |    3 -
 .../images/browser/galleryView/video.svg      |    4 -
 .../static/images/browser/locked.svg          |    3 -
 .../static/images/browser/placeholder.svg     |   28 -
 .../static/images/browser/tableLocked.svg     |    3 -
 .../static/images/browser/upload.svg          |   28 -
 .../static/images/buckets/createBucket.svg    |    4 -
 .../static/images/buckets/deleteBucket.svg    |    3 -
 .../static/images/common/BlackArrowExpand.svg |    3 -
 .../static/images/common/addCircle.svg        |    3 -
 .../static/images/common/arrowLeft.svg        |    3 -
 .../static/images/common/arrowRight.svg       |    3 -
 .../static/images/common/bottomArrow.svg      |    3 -
 .../static/images/common/cardsIcon.svg        |    6 -
 web/satellite/static/images/common/caret.svg  |    3 -
 web/satellite/static/images/common/check.svg  |    3 -
 .../static/images/common/closeCross.svg       |    3 -
 web/satellite/static/images/common/copy.svg   |    4 -
 .../static/images/common/copyButtonIcon.svg   |    4 -
 .../images/common/creditCardIcon-white.svg    |    3 -
 .../static/images/common/documentIcon.svg     |    3 -
 .../static/images/common/download.svg         |    3 -
 .../static/images/common/dropIcon.svg         |    3 -
 .../images/common/emptySearchResult.svg       |   30 -
 .../static/images/common/errorNotice.svg      |    5 -
 .../static/images/common/gearIcon.svg         |    3 -
 .../static/images/common/greyChevron.svg      |    3 -
 .../static/images/common/greyWarning.svg      |    4 -
 .../static/images/common/horizontalDots.svg   |    3 -
 .../static/images/common/lightBottomArrow.svg |    3 -
 web/satellite/static/images/common/loader.svg |    5 -
 .../static/images/common/lockIcon.svg         |    3 -
 web/satellite/static/images/common/minus.svg  |    3 -
 .../static/images/common/passwordHidden.svg   |    4 -
 .../static/images/common/passwordShown.svg    |   10 -
 web/satellite/static/images/common/plus.svg   |    4 -
 .../static/images/common/plusWhite.svg        |    3 -
 web/satellite/static/images/common/rocket.svg |   15 -
 web/satellite/static/images/common/search.svg |    4 -
 .../static/images/common/selectedCheck.svg    |    3 -
 .../static/images/common/tableIcon.svg        |    8 -
 .../common/tablePaginationArrowRight.svg      |    3 -
 .../static/images/common/topArrow.svg         |    3 -
 web/satellite/static/images/common/upload.svg |    3 -
 .../static/images/common/validCheck.svg       |    5 -
 web/satellite/static/images/modals/burger.png |  Bin 122 -> 0 bytes
 .../modals/deleteAccessGrant/delete.svg       |    4 -
 .../images/modals/objectUpload/arrow.svg      |    3 -
 .../images/modals/objectUpload/check.svg      |    3 -
 .../images/modals/objectUpload/close.svg      |    3 -
 .../images/modals/objectUpload/complete.svg   |    4 -
 .../images/modals/objectUpload/failed.svg     |    4 -
 .../images/modals/objectUpload/info.svg       |    3 -
 .../images/modals/upgradeFlow/check.svg       |    3 -
 .../modals/upgradeFlow/greenCheckmark.svg     |    4 -
 .../modals/upgradeFlow/greyCheckmark.svg      |    4 -
 .../static/images/modals/upgradeFlow/info.svg |    3 -
 .../images/modals/upgradeFlow/pending.svg     |    3 -
 .../static/images/navigation/accessGrants.svg |    3 -
 .../static/images/navigation/account.svg      |    3 -
 .../images/navigation/arrowExpandRight.svg    |    3 -
 .../static/images/navigation/billing.svg      |    3 -
 .../static/images/navigation/buckets.svg      |    3 -
 .../static/images/navigation/checkmark.svg    |    3 -
 .../images/navigation/createAccessGrant.svg   |    7 -
 .../images/navigation/createProject.svg       |    3 -
 .../static/images/navigation/docs.svg         |   23 -
 .../static/images/navigation/forum.svg        |    9 -
 .../static/images/navigation/info.svg         |    3 -
 .../static/images/navigation/logout.svg       |    3 -
 .../static/images/navigation/menu.svg         |    1 -
 .../static/images/navigation/newProject.svg   |    5 -
 .../static/images/navigation/passphrase.svg   |    3 -
 .../static/images/navigation/project.svg      |    3 -
 .../images/navigation/projectDashboard.svg    |    3 -
 .../static/images/navigation/quickStart.svg   |    3 -
 .../static/images/navigation/resources.svg    |    3 -
 web/satellite/static/images/navigation/s3.svg |    7 -
 .../static/images/navigation/satellite.svg    |    3 -
 .../static/images/navigation/settings.svg     |    3 -
 .../static/images/navigation/support.svg      |    5 -
 .../images/navigation/tierBadgeFree.svg       |    5 -
 .../static/images/navigation/tierBadgePro.svg |    5 -
 .../static/images/navigation/upgrade.svg      |    3 -
 .../static/images/navigation/uploadInCLI.svg  |   16 -
 .../static/images/navigation/uploadInWeb.svg  |   12 -
 .../static/images/navigation/users.svg        |    3 -
 .../images/notifications/circleWarning.svg    |    3 -
 .../static/images/notifications/close.svg     |    3 -
 .../images/notifications/closeSmall.svg       |    3 -
 .../static/images/notifications/error.svg     |    5 -
 .../static/images/notifications/info.svg      |    3 -
 .../images/notifications/notification.svg     |    4 -
 .../static/images/notifications/success.svg   |    4 -
 .../static/images/notifications/sunnyicon.svg |   12 -
 .../static/images/notifications/warning.svg   |    3 -
 web/satellite/static/images/objects/asc.svg   |   13 -
 web/satellite/static/images/objects/audio.svg |    3 -
 .../static/images/objects/cancelWarning.svg   |    4 -
 .../static/images/objects/chevronLeft.svg     |    3 -
 .../static/images/objects/colorBucket.svg     |    3 -
 .../static/images/objects/colorFolder.svg     |    5 -
 .../static/images/objects/delete.svg          |    3 -
 web/satellite/static/images/objects/desc.svg  |   13 -
 .../static/images/objects/details.svg         |    3 -
 web/satellite/static/images/objects/dots.svg  |    5 -
 .../static/images/objects/download.svg        |    3 -
 .../static/images/objects/emptyBucket.svg     |   15 -
 web/satellite/static/images/objects/file.svg  |   13 -
 web/satellite/static/images/objects/graph.svg |    3 -
 .../static/images/objects/newFolder.svg       |    3 -
 .../static/images/objects/openWarning.svg     |    3 -
 web/satellite/static/images/objects/pdf.svg   |    6 -
 .../static/images/objects/picture.svg         |    3 -
 .../static/images/objects/preview.svg         |    5 -
 web/satellite/static/images/objects/share.svg |    3 -
 web/satellite/static/images/objects/sun.svg   |   12 -
 web/satellite/static/images/objects/txt.svg   |    3 -
 web/satellite/static/images/objects/video.svg |    3 -
 web/satellite/static/images/objects/zip.svg   |   14 -
 .../images/onboardingTour/accessGrant.svg     |   15 -
 .../images/onboardingTour/apiKeyStep.svg      |   16 -
 .../images/onboardingTour/arrowRight.svg      |    3 -
 .../images/onboardingTour/bucketStep.svg      |   17 -
 .../images/onboardingTour/cheesecake.jpg      |  Bin 20580 -> 0 bytes
 .../images/onboardingTour/circleCheck.svg     |    3 -
 .../static/images/onboardingTour/cli.svg      |   14 -
 .../images/onboardingTour/cliSetupStep.svg    |   32 -
 .../images/onboardingTour/cloudIcon.svg       |    3 -
 .../onboardingTour/downloadObjectStep.svg     |   16 -
 .../images/onboardingTour/globeIcon.svg       |    3 -
 .../images/onboardingTour/listObjectStep.svg  |   19 -
 .../images/onboardingTour/shareStep.png       |  Bin 4019 -> 0 bytes
 .../static/images/onboardingTour/starIcon.svg |    3 -
 .../images/onboardingTour/successStep.svg     |   21 -
 .../images/onboardingTour/thinCheck.svg       |    3 -
 .../images/onboardingTour/uploadStep.svg      |   15 -
 .../static/images/onboardingTour/web.svg      |   19 -
 .../static/images/partnerStorjLogo.svg        |    1 -
 .../payments/cardIcons/americanexpress.svg    |    8 -
 .../images/payments/cardIcons/default.svg     |    9 -
 .../images/payments/cardIcons/discover.svg    |    4 -
 .../cardIcons/smallamericanexpress.svg        |    8 -
 .../payments/cardIcons/smalldinersclub.svg    |    6 -
 .../images/payments/cardIcons/smalljcb.svg    |   42 -
 .../payments/cardIcons/smallmastercard.svg    |    6 -
 .../payments/cardIcons/smallunionpay.svg      |   10 -
 .../images/payments/cardIcons/smallvisa.svg   |    4 -
 .../static/images/payments/cardIcons/visa.svg |    4 -
 .../static/images/payments/cardStars.png      |  Bin 567 -> 0 bytes
 .../static/images/payments/infoIcon.svg       |    3 -
 .../static/images/project/background.png      |  Bin 26191 -> 0 bytes
 web/satellite/static/images/project/chart.svg |    6 -
 .../static/images/project/checkmark.svg       |    3 -
 web/satellite/static/images/project/cloud.svg |    3 -
 .../static/images/project/datepicker.svg      |    3 -
 .../static/images/project/download.svg        |    3 -
 .../static/images/project/infoIcon.svg        |    3 -
 .../static/images/project/newProject.svg      |    3 -
 .../static/images/project/segment.svg         |    3 -
 .../images/projectPassphrase/chevron.svg      |    3 -
 .../static/images/projectPassphrase/clear.svg |    3 -
 .../static/images/projectPassphrase/plus.svg  |    3 -
 .../images/projectPassphrase/switch.svg       |    3 -
 .../static/images/register/ErrorInfo.svg      |    5 -
 .../static/images/register/StrengthVector.svg |    3 -
 web/satellite/static/images/register/info.svg |    3 -
 web/satellite/static/images/register/mail.svg |   16 -
 .../static/images/resetPassword/success.svg   |   10 -
 .../static/images/session/inactivityTimer.svg |    7 -
 web/satellite/static/images/smallLogo.svg     |    4 -
 web/satellite/static/images/team/clock.svg    |    3 -
 .../static/images/team/infoTooltip.svg        |    4 -
 .../static/images/team/teamMember.svg         |    7 -
 .../unit/ignore/common/HeaderArea.spec.ts     |   98 -
 .../unit/ignore/common/PagesBlock.spec.ts     |   57 -
 .../tests/unit/ignore/common/VBar.spec.ts     |   33 -
 .../tests/unit/ignore/common/VButton.spec.ts  |   76 -
 .../unit/ignore/common/VCheckbox.spec.ts      |   41 -
 .../tests/unit/ignore/common/VInput.spec.ts   |   90 -
 .../tests/unit/ignore/common/VSearch.spec.ts  |   45 -
 .../unit/ignore/common/VerticalArrows.spec.ts |   43 -
 .../onboardingTour/OnboardingTourArea.spec.ts |   14 -
 .../onboardingTour/steps/OverviewStep.spec.ts |   15 -
 .../ignore/project/EditProjectDetails.spec.ts |   53 -
 .../ProjectMemberListItem.spec.ts             |   37 -
 .../projectMembers/ProjectMembersArea.spec.ts |  129 --
 .../unit/ignore/views/DashboardArea.spec.ts   |   84 -
 .../tests/unit/utils/strings.spec.ts          |    2 +-
 .../tests/unit/utils/validation.spec.ts       |    2 +
 .../vuetify-poc/src/styles/styles.scss        |   16 +-
 496 files changed, 13 insertions(+), 51823 deletions(-)
 delete mode 100644 web/satellite/src/App.vue
 delete mode 100644 web/satellite/src/components/accessGrants/AccessGrants.vue
 delete mode 100644 web/satellite/src/components/accessGrants/AccessGrantsHeader.vue
 delete mode 100644 web/satellite/src/components/accessGrants/AccessGrantsItem.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/CreateAccessGrantFlow.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/ButtonsContainer.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/ContainerWithIcon.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/EndDatePicker.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/EndDateSelection.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/LinkButton.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/Radio.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/Toggle.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/components/ValueWithBlur.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/AccessCreatedStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/AccessEncryptionStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/CLIAccessCreatedStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/ChoosePermissionStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/ConfirmDetailsStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/CreateNewAccessStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/EncryptionInfoStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/EnterPassphraseStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/PassphraseGeneratedStep.vue
 delete mode 100644 web/satellite/src/components/accessGrants/createFlow/steps/S3CredentialsCreatedStep.vue
 delete mode 100644 web/satellite/src/components/account/AccountArea.vue
 delete mode 100644 web/satellite/src/components/account/NewSettingsArea.vue
 delete mode 100644 web/satellite/src/components/account/billing/BillingArea.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/BillingHistory.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/BillingHistoryHeader.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/BillingHistoryItem.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/Coupons.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/CreditCardContainer.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/Overview.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/PaymentMethods.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/SortingHeader.vue
 delete mode 100644 web/satellite/src/components/account/billing/billingTabs/UsageAndChargesItem.vue
 delete mode 100644 web/satellite/src/components/account/billing/paymentMethods/AddTokenCard.vue
 delete mode 100644 web/satellite/src/components/account/billing/paymentMethods/AddTokenCardNative.vue
 delete mode 100644 web/satellite/src/components/account/billing/paymentMethods/TokenTransactionItem.vue
 delete mode 100644 web/satellite/src/components/account/billing/pricingPlans/PricingPlanContainer.vue
 delete mode 100644 web/satellite/src/components/account/mfa/ConfirmMFAInput.vue
 delete mode 100644 web/satellite/src/components/browser/BreadCrumbs.vue
 delete mode 100644 web/satellite/src/components/browser/Dropzone.vue
 delete mode 100644 web/satellite/src/components/browser/FileBrowser.vue
 delete mode 100644 web/satellite/src/components/browser/FileBrowserHeader.vue
 delete mode 100644 web/satellite/src/components/browser/FileEntry.vue
 delete mode 100644 web/satellite/src/components/browser/MiddleTruncate.vue
 delete mode 100644 web/satellite/src/components/browser/MultiplePassphrasesBanner.vue
 delete mode 100644 web/satellite/src/components/browser/TooManyObjectsBanner.vue
 delete mode 100644 web/satellite/src/components/browser/UpEntry.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/ButtonIcon.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/CSVFilePreview.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/FilePreviewPlaceholder.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/GalleryView.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/OptionsDropdown.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/TextFilePreview.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/modals/Delete.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/modals/Details.vue
 delete mode 100644 web/satellite/src/components/browser/galleryView/modals/Distribution.vue
 delete mode 100644 web/satellite/src/components/common/AddCouponCodeInput.vue
 delete mode 100644 web/satellite/src/components/common/BrandedLoader.vue
 delete mode 100644 web/satellite/src/components/common/NewBillingAddCouponCodeInput.vue
 delete mode 100644 web/satellite/src/components/common/PagesBlock.vue
 delete mode 100644 web/satellite/src/components/common/PasswordStrength.vue
 delete mode 100644 web/satellite/src/components/common/RegistrationSuccess.vue
 delete mode 100644 web/satellite/src/components/common/SelectInput.vue
 delete mode 100644 web/satellite/src/components/common/TableItem.vue
 delete mode 100644 web/satellite/src/components/common/TablePagination.vue
 delete mode 100644 web/satellite/src/components/common/TableSizeChanger.vue
 delete mode 100644 web/satellite/src/components/common/VBanner.vue
 delete mode 100644 web/satellite/src/components/common/VBar.vue
 delete mode 100644 web/satellite/src/components/common/VButton.vue
 delete mode 100644 web/satellite/src/components/common/VCheckbox.vue
 delete mode 100644 web/satellite/src/components/common/VChip.vue
 delete mode 100644 web/satellite/src/components/common/VDatePicker.vue
 delete mode 100644 web/satellite/src/components/common/VDateRangePicker.vue
 delete mode 100644 web/satellite/src/components/common/VInfo.vue
 delete mode 100644 web/satellite/src/components/common/VInput.vue
 delete mode 100644 web/satellite/src/components/common/VLoader.vue
 delete mode 100644 web/satellite/src/components/common/VModal.vue
 delete mode 100644 web/satellite/src/components/common/VOverallLoader.vue
 delete mode 100644 web/satellite/src/components/common/VSearch.vue
 delete mode 100644 web/satellite/src/components/common/VTable.vue
 delete mode 100644 web/satellite/src/components/common/VTableCheckbox.vue
 delete mode 100644 web/satellite/src/components/common/ValidationMessage.vue
 delete mode 100644 web/satellite/src/components/common/VerticalArrows.vue
 delete mode 100644 web/satellite/src/components/common/share/ShareButton.vue
 delete mode 100644 web/satellite/src/components/common/share/ShareContainer.vue
 delete mode 100644 web/satellite/src/components/infoBars/BetaSatBar.vue
 delete mode 100644 web/satellite/src/components/infoBars/MFARecoveryCodeBar.vue
 delete mode 100644 web/satellite/src/components/infoBars/ProjectInfoBar.vue
 delete mode 100644 web/satellite/src/components/modals/AddCouponCodeModal.vue
 delete mode 100644 web/satellite/src/components/modals/AddTeamMemberModal.vue
 delete mode 100644 web/satellite/src/components/modals/AddTokenFundsModal.vue
 delete mode 100644 web/satellite/src/components/modals/AllModals.vue
 delete mode 100644 web/satellite/src/components/modals/ChangePasswordModal.vue
 delete mode 100644 web/satellite/src/components/modals/ChangeProjectLimitModal.vue
 delete mode 100644 web/satellite/src/components/modals/CreateBucketModal.vue
 delete mode 100644 web/satellite/src/components/modals/CreateProjectModal.vue
 delete mode 100644 web/satellite/src/components/modals/CreateProjectPromptModal.vue
 delete mode 100644 web/satellite/src/components/modals/DeleteAccessGrantModal.vue
 delete mode 100644 web/satellite/src/components/modals/DeleteBucketModal.vue
 delete mode 100644 web/satellite/src/components/modals/DetailedUsageReportModal.vue
 delete mode 100644 web/satellite/src/components/modals/DisableMFAModal.vue
 delete mode 100644 web/satellite/src/components/modals/EditProfileModal.vue
 delete mode 100644 web/satellite/src/components/modals/EditSessionTimeoutModal.vue
 delete mode 100644 web/satellite/src/components/modals/EnableMFAModal.vue
 delete mode 100644 web/satellite/src/components/modals/EnterBucketPassphraseModal.vue
 delete mode 100644 web/satellite/src/components/modals/EnterPassphraseModal.vue
 delete mode 100644 web/satellite/src/components/modals/InactivityModal.vue
 delete mode 100644 web/satellite/src/components/modals/JoinProjectModal.vue
 delete mode 100644 web/satellite/src/components/modals/LimitWarningModal.vue
 delete mode 100644 web/satellite/src/components/modals/MFARecoveryCodesModal.vue
 delete mode 100644 web/satellite/src/components/modals/ModalHeader.vue
 delete mode 100644 web/satellite/src/components/modals/NewBillingAddCouponCodeModal.vue
 delete mode 100644 web/satellite/src/components/modals/NewCreateProjectModal.vue
 delete mode 100644 web/satellite/src/components/modals/NewFolderModal.vue
 delete mode 100644 web/satellite/src/components/modals/ObjectDetailsModal.vue
 delete mode 100644 web/satellite/src/components/modals/PricingPlanModal.vue
 delete mode 100644 web/satellite/src/components/modals/RemoveProjectMemberModal.vue
 delete mode 100644 web/satellite/src/components/modals/RequestProjectLimitModal.vue
 delete mode 100644 web/satellite/src/components/modals/SessionExpiredModal.vue
 delete mode 100644 web/satellite/src/components/modals/ShareModal.vue
 delete mode 100644 web/satellite/src/components/modals/SkipPassphraseModal.vue
 delete mode 100644 web/satellite/src/components/modals/createProjectPassphrase/CreateProjectPassphraseModal.vue
 delete mode 100644 web/satellite/src/components/modals/createProjectPassphrase/EnterPassphraseStep.vue
 delete mode 100644 web/satellite/src/components/modals/createProjectPassphrase/PassphraseGeneratedStep.vue
 delete mode 100644 web/satellite/src/components/modals/createProjectPassphrase/SelectPassphraseModeStep.vue
 delete mode 100644 web/satellite/src/components/modals/createProjectPassphrase/SuccessStep.vue
 delete mode 100644 web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue
 delete mode 100644 web/satellite/src/components/modals/manageProjectPassphrase/ClearStep.vue
 delete mode 100644 web/satellite/src/components/modals/manageProjectPassphrase/CreateStep.vue
 delete mode 100644 web/satellite/src/components/modals/manageProjectPassphrase/ManageOptionsStep.vue
 delete mode 100644 web/satellite/src/components/modals/manageProjectPassphrase/ManageProjectPassphraseModal.vue
 delete mode 100644 web/satellite/src/components/modals/manageProjectPassphrase/SwitchStep.vue
 delete mode 100644 web/satellite/src/components/modals/objectUpload/ObjectsUploadingModal.vue
 delete mode 100644 web/satellite/src/components/modals/objectUpload/UploadItem.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/AddCreditCardStep.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStepBanner.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/InfoBullet.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/PricingPlanStep.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/SuccessStep.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountModal.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue
 delete mode 100644 web/satellite/src/components/modals/upgradeAccountFlow/UpgradeOptionsStep.vue
 delete mode 100644 web/satellite/src/components/navigation/AccountArea.vue
 delete mode 100644 web/satellite/src/components/navigation/GuidesDropdown.vue
 delete mode 100644 web/satellite/src/components/navigation/MobileNavigation.vue
 delete mode 100644 web/satellite/src/components/navigation/NavigationArea.vue
 delete mode 100644 web/satellite/src/components/navigation/ProjectSelection.vue
 delete mode 100644 web/satellite/src/components/navigation/QuickStartLinks.vue
 delete mode 100644 web/satellite/src/components/navigation/ResourcesLinks.vue
 delete mode 100644 web/satellite/src/components/notifications/NotificationArea.vue
 delete mode 100644 web/satellite/src/components/notifications/NotificationItem.vue
 delete mode 100644 web/satellite/src/components/notifications/ProjectLimitBanner.vue
 delete mode 100644 web/satellite/src/components/notifications/UpgradeNotification.vue
 delete mode 100644 web/satellite/src/components/notifications/UploadNotification.vue
 delete mode 100644 web/satellite/src/components/objects/BucketDetails.vue
 delete mode 100644 web/satellite/src/components/objects/BucketDetailsOverview.vue
 delete mode 100644 web/satellite/src/components/objects/BucketGuide.vue
 delete mode 100644 web/satellite/src/components/objects/BucketItem.vue
 delete mode 100644 web/satellite/src/components/objects/BucketSettingsNav.vue
 delete mode 100644 web/satellite/src/components/objects/BucketsTable.vue
 delete mode 100644 web/satellite/src/components/objects/BucketsView.vue
 delete mode 100644 web/satellite/src/components/objects/EncryptionBanner.vue
 delete mode 100644 web/satellite/src/components/objects/FAQBullet.vue
 delete mode 100644 web/satellite/src/components/objects/ObjectsArea.vue
 delete mode 100644 web/satellite/src/components/objects/UploadCancelPopup.vue
 delete mode 100644 web/satellite/src/components/objects/UploadFile.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/CLIStep.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/PricingPlanStep.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/AGName.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/AGPermissions.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/APIKey.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/CLIInstall.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/CLISetup.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/CreateBucket.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/DownloadObject.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/ListObject.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/PermissionsSelect.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/ProgressBar.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/ShareObject.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/SuccessScreen.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/UploadObject.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketNameBullet.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsDropdown.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsSelection.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationPicker.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationSelection.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/common/CLIFlowContainer.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/common/OSContainer.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/common/TabWithCopy.vue
 delete mode 100644 web/satellite/src/components/onboardingTour/steps/common/ValueWithCopy.vue
 delete mode 100644 web/satellite/src/components/project/EditProjectDetails.vue
 delete mode 100644 web/satellite/src/components/project/ProjectOwnershipTag.vue
 delete mode 100644 web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue
 delete mode 100644 web/satellite/src/components/project/dashboard/DateRangeSelection.vue
 delete mode 100644 web/satellite/src/components/project/dashboard/InfoContainer.vue
 delete mode 100644 web/satellite/src/components/project/dashboard/LimitCard.vue
 delete mode 100644 web/satellite/src/components/project/dashboard/LimitsArea.vue
 delete mode 100644 web/satellite/src/components/project/dashboard/ProjectDashboard.vue
 delete mode 100644 web/satellite/src/components/team/HeaderArea.vue
 delete mode 100644 web/satellite/src/components/team/ProjectMemberListItem.vue
 delete mode 100644 web/satellite/src/components/team/ProjectMembersArea.vue
 delete mode 100644 web/satellite/src/components/utils/SessionWrapper.vue
 delete mode 100644 web/satellite/src/composables/DOM.ts
 delete mode 100644 web/satellite/src/composables/resize.ts
 delete mode 100644 web/satellite/src/composables/useCreateProjectClickHandler.ts
 delete mode 100644 web/satellite/src/main.ts
 delete mode 100644 web/satellite/src/router/index.ts
 delete mode 100644 web/satellite/src/types/coupons.ts
 delete mode 100644 web/satellite/src/types/sortingArrows.ts
 delete mode 100644 web/satellite/src/utils/avatarColorManager.ts
 delete mode 100644 web/satellite/src/utils/constants/appStatePopUps.ts
 delete mode 100644 web/satellite/src/utils/constants/fetchStateEnum.ts
 delete mode 100644 web/satellite/src/utils/objectIcon.ts
 delete mode 100644 web/satellite/src/views/ActivateAccount.vue
 delete mode 100644 web/satellite/src/views/AuthorizeArea.vue
 delete mode 100644 web/satellite/src/views/ErrorPage.vue
 delete mode 100644 web/satellite/src/views/ForgotPassword.vue
 delete mode 100644 web/satellite/src/views/LoginArea.vue
 delete mode 100644 web/satellite/src/views/ResetPassword.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/AllDashboardArea.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/EmptyProjectItem.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/Heading.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/MyAccountButton.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/MyProjects.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/ProjectInvitationItem.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/ProjectItem.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/ProjectTableInvitationItem.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/ProjectTableItem.vue
 delete mode 100644 web/satellite/src/views/all-dashboard/components/ProjectsTable.vue
 delete mode 100644 web/satellite/src/views/dashboard/DashboardArea.vue
 delete mode 100644 web/satellite/src/views/dashboard/components/LimitWarningBanners.vue
 delete mode 100644 web/satellite/src/views/registration/RegisterArea.vue
 delete mode 100644 web/satellite/static/favicon.ico
 delete mode 100644 web/satellite/static/images/accessGrants/accessGrantsIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/cli.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/bucketsIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/chevron.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/close.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/copy.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/encryptionPassphraseIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/endDateIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/info.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/learn.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/nameIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/orangeWarning.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/permissionsIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/newCreateFlow/typeIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/s3.svg
 delete mode 100644 web/satellite/static/images/accessGrants/selection.svg
 delete mode 100644 web/satellite/static/images/accessGrants/trashIcon.svg
 delete mode 100644 web/satellite/static/images/accessGrants/unselect.svg
 delete mode 100644 web/satellite/static/images/accessGrants/warning.svg
 delete mode 100644 web/satellite/static/images/account/billing/availableBalanceIcon.svg
 delete mode 100644 web/satellite/static/images/account/billing/calendar-icon.svg
 delete mode 100644 web/satellite/static/images/account/billing/coupon.png
 delete mode 100644 web/satellite/static/images/account/billing/paidTier/prompt.png
 delete mode 100644 web/satellite/static/images/account/billing/totalEstimatedChargesIcon.svg
 delete mode 100644 web/satellite/static/images/account/billing/trash.svg
 delete mode 100644 web/satellite/static/images/account/changePasswordPopup/changePassword.svg
 delete mode 100644 web/satellite/static/images/allDashboard/menu.svg
 delete mode 100644 web/satellite/static/images/billing/blueInfoIcon.svg
 delete mode 100644 web/satellite/static/images/billing/calendar.svg
 delete mode 100644 web/satellite/static/images/billing/check-green-circle.svg
 delete mode 100644 web/satellite/static/images/billing/coupon.svg
 delete mode 100644 web/satellite/static/images/billing/credit-card.svg
 delete mode 100644 web/satellite/static/images/billing/storj-icon-large.svg
 delete mode 100644 web/satellite/static/images/billing/storj-icon-small.svg
 delete mode 100644 web/satellite/static/images/browser/close.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/arrow.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/close.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/delete.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/details.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/dots.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/download.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/empty.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/image.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/map.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/modals/delete.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/modals/details.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/modals/globe.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/modals/share.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/share.svg
 delete mode 100644 web/satellite/static/images/browser/galleryView/video.svg
 delete mode 100644 web/satellite/static/images/browser/locked.svg
 delete mode 100644 web/satellite/static/images/browser/placeholder.svg
 delete mode 100644 web/satellite/static/images/browser/tableLocked.svg
 delete mode 100644 web/satellite/static/images/browser/upload.svg
 delete mode 100644 web/satellite/static/images/buckets/createBucket.svg
 delete mode 100644 web/satellite/static/images/buckets/deleteBucket.svg
 delete mode 100644 web/satellite/static/images/common/BlackArrowExpand.svg
 delete mode 100644 web/satellite/static/images/common/addCircle.svg
 delete mode 100644 web/satellite/static/images/common/arrowLeft.svg
 delete mode 100644 web/satellite/static/images/common/arrowRight.svg
 delete mode 100644 web/satellite/static/images/common/bottomArrow.svg
 delete mode 100644 web/satellite/static/images/common/cardsIcon.svg
 delete mode 100644 web/satellite/static/images/common/caret.svg
 delete mode 100644 web/satellite/static/images/common/check.svg
 delete mode 100644 web/satellite/static/images/common/closeCross.svg
 delete mode 100644 web/satellite/static/images/common/copy.svg
 delete mode 100644 web/satellite/static/images/common/copyButtonIcon.svg
 delete mode 100644 web/satellite/static/images/common/creditCardIcon-white.svg
 delete mode 100644 web/satellite/static/images/common/documentIcon.svg
 delete mode 100644 web/satellite/static/images/common/download.svg
 delete mode 100644 web/satellite/static/images/common/dropIcon.svg
 delete mode 100644 web/satellite/static/images/common/emptySearchResult.svg
 delete mode 100644 web/satellite/static/images/common/errorNotice.svg
 delete mode 100644 web/satellite/static/images/common/gearIcon.svg
 delete mode 100644 web/satellite/static/images/common/greyChevron.svg
 delete mode 100644 web/satellite/static/images/common/greyWarning.svg
 delete mode 100644 web/satellite/static/images/common/horizontalDots.svg
 delete mode 100644 web/satellite/static/images/common/lightBottomArrow.svg
 delete mode 100644 web/satellite/static/images/common/loader.svg
 delete mode 100644 web/satellite/static/images/common/lockIcon.svg
 delete mode 100644 web/satellite/static/images/common/minus.svg
 delete mode 100644 web/satellite/static/images/common/passwordHidden.svg
 delete mode 100644 web/satellite/static/images/common/passwordShown.svg
 delete mode 100644 web/satellite/static/images/common/plus.svg
 delete mode 100644 web/satellite/static/images/common/plusWhite.svg
 delete mode 100644 web/satellite/static/images/common/rocket.svg
 delete mode 100644 web/satellite/static/images/common/search.svg
 delete mode 100644 web/satellite/static/images/common/selectedCheck.svg
 delete mode 100644 web/satellite/static/images/common/tableIcon.svg
 delete mode 100644 web/satellite/static/images/common/tablePaginationArrowRight.svg
 delete mode 100644 web/satellite/static/images/common/topArrow.svg
 delete mode 100644 web/satellite/static/images/common/upload.svg
 delete mode 100644 web/satellite/static/images/common/validCheck.svg
 delete mode 100644 web/satellite/static/images/modals/burger.png
 delete mode 100644 web/satellite/static/images/modals/deleteAccessGrant/delete.svg
 delete mode 100644 web/satellite/static/images/modals/objectUpload/arrow.svg
 delete mode 100644 web/satellite/static/images/modals/objectUpload/check.svg
 delete mode 100644 web/satellite/static/images/modals/objectUpload/close.svg
 delete mode 100644 web/satellite/static/images/modals/objectUpload/complete.svg
 delete mode 100644 web/satellite/static/images/modals/objectUpload/failed.svg
 delete mode 100644 web/satellite/static/images/modals/objectUpload/info.svg
 delete mode 100644 web/satellite/static/images/modals/upgradeFlow/check.svg
 delete mode 100644 web/satellite/static/images/modals/upgradeFlow/greenCheckmark.svg
 delete mode 100644 web/satellite/static/images/modals/upgradeFlow/greyCheckmark.svg
 delete mode 100644 web/satellite/static/images/modals/upgradeFlow/info.svg
 delete mode 100644 web/satellite/static/images/modals/upgradeFlow/pending.svg
 delete mode 100644 web/satellite/static/images/navigation/accessGrants.svg
 delete mode 100644 web/satellite/static/images/navigation/account.svg
 delete mode 100644 web/satellite/static/images/navigation/arrowExpandRight.svg
 delete mode 100644 web/satellite/static/images/navigation/billing.svg
 delete mode 100644 web/satellite/static/images/navigation/buckets.svg
 delete mode 100644 web/satellite/static/images/navigation/checkmark.svg
 delete mode 100644 web/satellite/static/images/navigation/createAccessGrant.svg
 delete mode 100644 web/satellite/static/images/navigation/createProject.svg
 delete mode 100644 web/satellite/static/images/navigation/docs.svg
 delete mode 100644 web/satellite/static/images/navigation/forum.svg
 delete mode 100644 web/satellite/static/images/navigation/info.svg
 delete mode 100644 web/satellite/static/images/navigation/logout.svg
 delete mode 100644 web/satellite/static/images/navigation/menu.svg
 delete mode 100644 web/satellite/static/images/navigation/newProject.svg
 delete mode 100644 web/satellite/static/images/navigation/passphrase.svg
 delete mode 100644 web/satellite/static/images/navigation/project.svg
 delete mode 100644 web/satellite/static/images/navigation/projectDashboard.svg
 delete mode 100644 web/satellite/static/images/navigation/quickStart.svg
 delete mode 100644 web/satellite/static/images/navigation/resources.svg
 delete mode 100644 web/satellite/static/images/navigation/s3.svg
 delete mode 100644 web/satellite/static/images/navigation/satellite.svg
 delete mode 100644 web/satellite/static/images/navigation/settings.svg
 delete mode 100644 web/satellite/static/images/navigation/support.svg
 delete mode 100644 web/satellite/static/images/navigation/tierBadgeFree.svg
 delete mode 100644 web/satellite/static/images/navigation/tierBadgePro.svg
 delete mode 100644 web/satellite/static/images/navigation/upgrade.svg
 delete mode 100644 web/satellite/static/images/navigation/uploadInCLI.svg
 delete mode 100644 web/satellite/static/images/navigation/uploadInWeb.svg
 delete mode 100644 web/satellite/static/images/navigation/users.svg
 delete mode 100644 web/satellite/static/images/notifications/circleWarning.svg
 delete mode 100644 web/satellite/static/images/notifications/close.svg
 delete mode 100644 web/satellite/static/images/notifications/closeSmall.svg
 delete mode 100644 web/satellite/static/images/notifications/error.svg
 delete mode 100644 web/satellite/static/images/notifications/info.svg
 delete mode 100644 web/satellite/static/images/notifications/notification.svg
 delete mode 100644 web/satellite/static/images/notifications/success.svg
 delete mode 100644 web/satellite/static/images/notifications/sunnyicon.svg
 delete mode 100644 web/satellite/static/images/notifications/warning.svg
 delete mode 100644 web/satellite/static/images/objects/asc.svg
 delete mode 100644 web/satellite/static/images/objects/audio.svg
 delete mode 100644 web/satellite/static/images/objects/cancelWarning.svg
 delete mode 100644 web/satellite/static/images/objects/chevronLeft.svg
 delete mode 100644 web/satellite/static/images/objects/colorBucket.svg
 delete mode 100644 web/satellite/static/images/objects/colorFolder.svg
 delete mode 100644 web/satellite/static/images/objects/delete.svg
 delete mode 100644 web/satellite/static/images/objects/desc.svg
 delete mode 100644 web/satellite/static/images/objects/details.svg
 delete mode 100644 web/satellite/static/images/objects/dots.svg
 delete mode 100644 web/satellite/static/images/objects/download.svg
 delete mode 100644 web/satellite/static/images/objects/emptyBucket.svg
 delete mode 100644 web/satellite/static/images/objects/file.svg
 delete mode 100644 web/satellite/static/images/objects/graph.svg
 delete mode 100644 web/satellite/static/images/objects/newFolder.svg
 delete mode 100644 web/satellite/static/images/objects/openWarning.svg
 delete mode 100644 web/satellite/static/images/objects/pdf.svg
 delete mode 100644 web/satellite/static/images/objects/picture.svg
 delete mode 100644 web/satellite/static/images/objects/preview.svg
 delete mode 100644 web/satellite/static/images/objects/share.svg
 delete mode 100644 web/satellite/static/images/objects/sun.svg
 delete mode 100644 web/satellite/static/images/objects/txt.svg
 delete mode 100644 web/satellite/static/images/objects/video.svg
 delete mode 100644 web/satellite/static/images/objects/zip.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/accessGrant.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/apiKeyStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/arrowRight.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/bucketStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/cheesecake.jpg
 delete mode 100644 web/satellite/static/images/onboardingTour/circleCheck.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/cli.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/cliSetupStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/cloudIcon.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/downloadObjectStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/globeIcon.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/listObjectStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/shareStep.png
 delete mode 100644 web/satellite/static/images/onboardingTour/starIcon.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/successStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/thinCheck.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/uploadStep.svg
 delete mode 100644 web/satellite/static/images/onboardingTour/web.svg
 delete mode 100644 web/satellite/static/images/partnerStorjLogo.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/americanexpress.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/default.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/discover.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/smallamericanexpress.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/smalldinersclub.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/smalljcb.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/smallmastercard.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/smallunionpay.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/smallvisa.svg
 delete mode 100644 web/satellite/static/images/payments/cardIcons/visa.svg
 delete mode 100644 web/satellite/static/images/payments/cardStars.png
 delete mode 100644 web/satellite/static/images/payments/infoIcon.svg
 delete mode 100644 web/satellite/static/images/project/background.png
 delete mode 100644 web/satellite/static/images/project/chart.svg
 delete mode 100644 web/satellite/static/images/project/checkmark.svg
 delete mode 100644 web/satellite/static/images/project/cloud.svg
 delete mode 100644 web/satellite/static/images/project/datepicker.svg
 delete mode 100644 web/satellite/static/images/project/download.svg
 delete mode 100644 web/satellite/static/images/project/infoIcon.svg
 delete mode 100644 web/satellite/static/images/project/newProject.svg
 delete mode 100644 web/satellite/static/images/project/segment.svg
 delete mode 100644 web/satellite/static/images/projectPassphrase/chevron.svg
 delete mode 100644 web/satellite/static/images/projectPassphrase/clear.svg
 delete mode 100644 web/satellite/static/images/projectPassphrase/plus.svg
 delete mode 100644 web/satellite/static/images/projectPassphrase/switch.svg
 delete mode 100644 web/satellite/static/images/register/ErrorInfo.svg
 delete mode 100644 web/satellite/static/images/register/StrengthVector.svg
 delete mode 100644 web/satellite/static/images/register/info.svg
 delete mode 100644 web/satellite/static/images/register/mail.svg
 delete mode 100644 web/satellite/static/images/resetPassword/success.svg
 delete mode 100644 web/satellite/static/images/session/inactivityTimer.svg
 delete mode 100644 web/satellite/static/images/smallLogo.svg
 delete mode 100644 web/satellite/static/images/team/clock.svg
 delete mode 100644 web/satellite/static/images/team/infoTooltip.svg
 delete mode 100644 web/satellite/static/images/team/teamMember.svg
 delete mode 100644 web/satellite/tests/unit/ignore/common/HeaderArea.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/PagesBlock.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/VBar.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/VButton.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/VCheckbox.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/VInput.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/VSearch.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/common/VerticalArrows.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/onboardingTour/OnboardingTourArea.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/project/EditProjectDetails.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/projectMembers/ProjectMemberListItem.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/projectMembers/ProjectMembersArea.spec.ts
 delete mode 100644 web/satellite/tests/unit/ignore/views/DashboardArea.spec.ts

diff --git a/web/satellite/src/App.vue b/web/satellite/src/App.vue
deleted file mode 100644
index 1ba78549fe55..000000000000
--- a/web/satellite/src/App.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div id="app">
-        <BrandedLoader v-if="isLoading" />
-        <ErrorPage v-else-if="isErrorPageShown" />
-        <router-view v-else />
-        <!-- Area for displaying notification -->
-        <NotificationArea />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import ErrorPage from '@/views/ErrorPage.vue';
-import BrandedLoader from '@/components/common/BrandedLoader.vue';
-import NotificationArea from '@/components/notifications/NotificationArea.vue';
-
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const notify = useNotify();
-
-const isLoading = ref<boolean>(true);
-
-/**
- * Indicates whether an error page should be shown in place of the router view.
- */
-const isErrorPageShown = computed<boolean>((): boolean => {
-    return appStore.state.error.visible;
-});
-
-/**
- * Fixes the issue where view port height is taller than the visible viewport on
- * mobile Safari/Webkit. See: https://bugs.webkit.org/show_bug.cgi?id=141832
- * Specifically for us, this issue is seen in Safari and Google Chrome, both on iOS
- */
-function fixViewportHeight(): void {
-    const agent = window.navigator.userAgent.toLowerCase();
-    const isMobile = screen.width <= 500;
-    const isIOS = agent.includes('applewebkit') && agent.includes('iphone');
-    // We don't want to apply this fix on FxIOS because it introduces strange behavior
-    // while not fixing the issue because it doesn't exist here.
-    const isFirefoxIOS = window.navigator.userAgent.toLowerCase().includes('fxios');
-
-    if (isMobile && isIOS && !isFirefoxIOS) {
-        // Set the custom --vh variable to the root of the document.
-        document.documentElement.style.setProperty('--vh', `${window.innerHeight}px`);
-        window.addEventListener('resize', updateViewportVariable);
-    }
-}
-
-/**
- * Update the viewport height variable "--vh".
- * This is called everytime there is a viewport change; e.g.: orientation change.
- */
-function updateViewportVariable(): void {
-    document.documentElement.style.setProperty('--vh', `${window.innerHeight}px`);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Sets up variables from meta tags from config such satellite name, etc.
- */
-onMounted(async (): Promise<void> => {
-    try {
-        await configStore.getConfig();
-    } catch (error) {
-        appStore.setErrorPage(500, true);
-        notify.notifyError(error, null);
-    }
-
-    fixViewportHeight();
-
-    isLoading.value = false;
-});
-
-onBeforeUnmount((): void => {
-    window.removeEventListener('resize', updateViewportVariable);
-});
-</script>
-
-<style lang="scss">
-    @import 'static/styles/variables';
-
-    * {
-        margin: 0;
-        padding: 0;
-    }
-
-    html {
-        overflow: hidden;
-        font-size: 14px;
-    }
-
-    body {
-        margin: 0 !important;
-        height: var(--vh, 100vh);
-        zoom: 100%;
-        overflow: hidden;
-    }
-
-    img,
-    a {
-        -webkit-user-drag: none;
-    }
-
-    #app {
-        height: 100%;
-    }
-
-    @font-face {
-        font-family: 'font_regular';
-        font-style: normal;
-        font-weight: 400;
-        font-display: swap;
-        src:
-            local(''),
-            url('@fontsource-variable/inter/files/inter-latin-standard-normal.woff2') format('woff2');
-    }
-
-    @font-face {
-        font-family: 'font_medium';
-        font-style: normal;
-        font-weight: 600;
-        font-display: swap;
-        src:
-            local(''),
-            url('@fontsource-variable/inter/files/inter-latin-standard-normal.woff2') format('woff2');
-    }
-
-    @font-face {
-        font-family: 'font_bold';
-        font-style: normal;
-        font-weight: 800;
-        font-display: swap;
-        src:
-            local(''),
-            url('@fontsource-variable/inter/files/inter-latin-standard-normal.woff2') format('woff2');
-    }
-
-    a {
-        text-decoration: none;
-        outline: none;
-        cursor: pointer;
-    }
-
-    input,
-    textarea {
-        font-family: inherit;
-        border: 1px solid rgb(56 75 101 / 40%);
-        color: #354049;
-        caret-color: #2683ff;
-    }
-
-    ::-webkit-scrollbar {
-        width: 4px;
-        height: 4px;
-    }
-
-    ::-webkit-scrollbar-track {
-        box-shadow: inset 0 0 5px #fff;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background: #afb7c1;
-        border-radius: 6px;
-        height: 5px;
-    }
-
-    ::-webkit-scrollbar-corner {
-        background-color: transparent;
-    }
-</style>
diff --git a/web/satellite/src/components/accessGrants/AccessGrants.vue b/web/satellite/src/components/accessGrants/AccessGrants.vue
deleted file mode 100644
index b8be7c5813a8..000000000000
--- a/web/satellite/src/components/accessGrants/AccessGrants.vue
+++ /dev/null
@@ -1,506 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="access-grants">
-        <div class="access-grants__new-title-area">
-            <h2 class="access-grants__title-area__title" aria-roledescription="title">Access Management</h2>
-            <div class="access-grants__title-area__title-subtext" aria-roledescription="title">Create encryption keys to setup permissions to access your objects.</div>
-        </div>
-        <div class="access-grants__flows-area">
-            <div class="access-grants__flows-area__access-grant">
-                <div class="access-grants__flows-area__icon-container">
-                    <AccessGrantsIcon />
-                </div>
-                <div class="access-grants__flows-area__title">Access Grant</div>
-                <div class="access-grants__flows-area__summary">Gives access through native clients such as uplink, libuplink, associate libraries, and bindings. </div>
-                <div class="access-grants__flows-area__button-container">
-                    <a
-                        href="https://docs.storj.io/dcs/concepts/access/access-grants"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        @click="trackPageVisit('https://docs.storj.io/dcs/concepts/access/access-grants')"
-                    >
-                        <VButton
-                            label="Learn More"
-                            width="auto"
-                            height="30px"
-                            :is-transparent="true"
-                            font-size="13px"
-                            class="access-grants__flows-area__learn-button"
-                        />
-                    </a>
-                    <VButton
-                        label="Create Access Grant"
-                        font-size="13px"
-                        width="auto"
-                        height="30px"
-                        class="access-grants__flows-area__create-button"
-                        :on-press="accessGrantClick"
-                    />
-                </div>
-            </div>
-            <div class="access-grants__flows-area__s3-credentials">
-                <div class="access-grants__flows-area__icon-container">
-                    <S3Icon />
-                </div>
-                <div class="access-grants__flows-area__title">S3 Credentials</div>
-                <div class="access-grants__flows-area__summary">Gives access through S3 compatible tools and services via our hosted Gateway MT.</div>
-                <br>
-                <div class="access-grants__flows-area__button-container">
-                    <a
-                        href="https://docs.storj.io/dcs/api-reference/s3-compatible-gateway"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        @click="trackPageVisit('https://docs.storj.io/dcs/api-reference/s3-compatible-gateway')"
-                    >
-                        <VButton
-                            label="Learn More"
-                            width="auto"
-                            height="30px"
-                            :is-transparent="true"
-                            font-size="13px"
-                            class="access-grants__flows-area__learn-button"
-                        />
-                    </a>
-                    <VButton
-                        label="Create S3 Credentials"
-                        font-size="13px"
-                        width="auto"
-                        height="30px"
-                        class="access-grants__flows-area__create-button"
-                        :on-press="s3Click"
-                    />
-                </div>
-            </div>
-            <div class="access-grants__flows-area__cli-credentials">
-                <div class="access-grants__flows-area__icon-container">
-                    <CLIIcon />
-                </div>
-                <div class="access-grants__flows-area__title">API Key</div>
-                <div class="access-grants__flows-area__summary">Use it for generating S3 credentials and access grants programmatically. </div>
-                <br>
-                <div class="access-grants__flows-area__button-container">
-                    <a
-                        href="https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/generate-access-grants-and-tokens/generate-a-token"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        @click="trackPageVisit('https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/generate-access-grants-and-tokens/generate-a-token')"
-                    >
-                        <VButton
-                            label="Learn More"
-                            width="auto"
-                            height="30px"
-                            :is-transparent="true"
-                            font-size="13px"
-                            class="access-grants__flows-area__learn-button"
-                        />
-                    </a>
-                    <VButton
-                        label="Create Keys for CLI"
-                        font-size="13px"
-                        width="auto"
-                        height="30px"
-                        class="access-grants__flows-area__create-button"
-                        :on-press="cliClick"
-                    />
-                </div>
-            </div>
-        </div>
-        <div class="access-grants__header-container">
-            <h3 class="access-grants__header-container__title">My Accesses</h3>
-            <div class="access-grants__header-container__divider" />
-            <VSearch :search="fetch" />
-        </div>
-        <VLoader v-if="areGrantsFetching" width="100px" height="100px" class="grants-loader" />
-        <div class="access-grants-items">
-            <v-table
-                v-if="accessGrantsList.length && !areGrantsFetching"
-                class="access-grants-items__content"
-                items-label="access grants"
-                :limit="accessGrantLimit"
-                :total-page-count="totalPageCount"
-                :total-items-count="accessGrantsTotalCount"
-                :on-page-change="onPageClick"
-            >
-                <template #head>
-                    <access-grants-header />
-                </template>
-                <template #body>
-                    <AccessGrantsItem
-                        v-for="(grant, key) in accessGrantsList"
-                        :key="key"
-                        :item-data="grant"
-                        :dropdown-key="key"
-                        :is-dropdown-open="activeDropdown === key"
-                        @openDropdown="openDropdown"
-                        @deleteClick="onDeleteClick"
-                    />
-                </template>
-            </v-table>
-            <div
-                v-if="!accessGrantsList.length && !areGrantsFetching"
-                class="access-grants-items__empty-state"
-            >
-                <span class="access-grants-items__empty-state__text">
-                    {{ emptyStateLabel }}
-                </span>
-            </div>
-        </div>
-        <router-view />
-    </div>
-</template>
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import AccessGrantsHeader from './AccessGrantsHeader.vue';
-
-import { RouteConfig } from '@/types/router';
-import { AccessGrant } from '@/types/accessGrants';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { AccessType } from '@/types/createAccessGrant';
-import { useNotify } from '@/utils/hooks';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import AccessGrantsItem from '@/components/accessGrants/AccessGrantsItem.vue';
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import VTable from '@/components/common/VTable.vue';
-import VSearch from '@/components/common/VSearch.vue';
-
-import AccessGrantsIcon from '@/../static/images/accessGrants/accessGrantsIcon.svg';
-import CLIIcon from '@/../static/images/accessGrants/cli.svg';
-import S3Icon from '@/../static/images/accessGrants/s3.svg';
-
-const FIRST_PAGE = 1;
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-
-const activeDropdown = ref<number>(-1);
-const areGrantsFetching = ref<boolean>(true);
-
-/**
- * Returns access grants pages count from store.
- */
-const totalPageCount = computed((): number => {
-    return agStore.state.page.pageCount;
-});
-
-/**
- * Returns access grants total page count from store.
- */
-const accessGrantsTotalCount = computed((): number => {
-    return agStore.state.page.totalCount;
-});
-
-/**
- * Returns access grants limit from store.
- */
-const accessGrantLimit = computed((): number => {
-    return agStore.state.page.limit;
-});
-
-/**
- * Returns access grants from store.
- */
-const accessGrantsList = computed((): AccessGrant[] => {
-    return agStore.state.page.accessGrants;
-});
-
-/**
- * Returns search query from store.
- */
-const searchQuery = computed((): string => {
-    return agStore.state.cursor.search;
-});
-
-/**
- * Returns correct empty state label.
- */
-const emptyStateLabel = computed((): string => {
-    const noGrants = 'No accesses were created yet.';
-    const noSearchResults = 'No results found.';
-
-    return searchQuery.value ? noSearchResults : noGrants;
-});
-
-/**
- * Fetches access grants page by clicked index.
- * @param index
- * @param limit
- */
-async function onPageClick(index: number, limit: number): Promise<void> {
-    try {
-        await agStore.getAccessGrants(index, projectsStore.state.selectedProject.id, limit);
-    } catch (error) {
-        error.message = `Unable to fetch Access Grants. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.ACCESS_GRANTS_PAGE);
-    }
-}
-
-/**
- * Opens AccessGrantItem2 dropdown.
- */
-function openDropdown(key: number): void {
-    if (activeDropdown.value === key) {
-        activeDropdown.value = -1;
-
-        return;
-    }
-
-    activeDropdown.value = key;
-}
-
-/**
- * Holds on button click login for deleting access grant process.
- */
-function onDeleteClick(grant: AccessGrant): void {
-    agStore.setAccessNameToDelete(grant.name);
-    agStore.toggleSelection(grant);
-
-    appStore.updateActiveModal(MODALS.deleteAccessGrant);
-}
-
-/**
- * Fetches Access records by name depending on search query.
- */
-async function fetch(searchQuery: string): Promise<void> {
-    agStore.setSearchQuery(searchQuery);
-
-    try {
-        await agStore.getAccessGrants(FIRST_PAGE, projectsStore.state.selectedProject.id);
-    } catch (error) {
-        error.message = `Unable to fetch accesses: ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.ACCESS_GRANTS_PAGE);
-    }
-}
-
-/**
- * Access grant button click.
- */
-function accessGrantClick(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.CREATE_ACCESS_GRANT_CLICKED);
-    trackPageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
-    router.push({
-        name: RouteConfig.CreateAccessModal.name,
-        query: { accessType: AccessType.AccessGrant },
-    });
-}
-
-/**
- * S3 Access button click..
- */
-function s3Click(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.CREATE_S3_CREDENTIALS_CLICKED);
-    trackPageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
-    router.push({
-        name: RouteConfig.CreateAccessModal.name,
-        query: { accessType: AccessType.S3 },
-    });
-}
-
-/**
- * CLI Access button click.
- */
-function cliClick(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.CREATE_KEYS_FOR_CLI_CLICKED);
-    trackPageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
-    router.push({
-        name: RouteConfig.CreateAccessModal.name,
-        query: { accessType: AccessType.APIKey },
-    });
-}
-
-/**
- * Sends "trackPageVisit" event to segment and opens link.
- */
-function trackPageVisit(link: string): void {
-    analyticsStore.pageVisit(link);
-}
-
-onMounted(async () => {
-    try {
-        await agStore.getAccessGrants(FIRST_PAGE, projectsStore.state.selectedProject.id);
-        areGrantsFetching.value = false;
-    } catch (error) {
-        error.message = `Unable to fetch Access Grants. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.ACCESS_GRANTS_PAGE);
-    }
-});
-
-onBeforeUnmount(() => {
-    agStore.clearSelection();
-});
-</script>
-<style scoped lang="scss">
-    @mixin grant-flow-card {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: center;
-        padding: 25px 28px;
-        width: 300px;
-        background: #fff;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        border-radius: 10px;
-        min-width: 175px;
-
-        @media screen and (width <= 930px) {
-            width: 100%;
-        }
-    }
-
-    .access-grants {
-        position: relative;
-        padding: 40px 30px 55px;
-        font-family: 'font_regular', sans-serif;
-
-        &__title-area {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 22px;
-                line-height: 27px;
-                color: #263549;
-                margin: 0;
-            }
-
-            &__title-subtext {
-                margin-top: 10px;
-                font-style: normal;
-                font-weight: 400;
-                font-size: 16px;
-                line-height: 24px;
-            }
-        }
-
-        .access-grants__flows-area {
-            text-align: center;
-            display: flex;
-            flex-wrap: wrap;
-            -webkit-box-align: center;
-            align-items: center;
-            -webkit-box-pack: justify;
-            margin-top: 20px;
-            gap: 16px 16px;
-
-            &__access-grant,
-            &__s3-credentials,
-            &__cli-credentials {
-                @include grant-flow-card;
-
-                @media screen and (width <= 370px) {
-
-                    .access-grants__flows-area__button-container {
-                        flex-direction: column;
-                        align-items: flex-start;
-                    }
-
-                    .access-grants__flows-area__create-button {
-                        margin: 8px 0 0;
-                    }
-                }
-            }
-
-            &__learn-button,
-            &__create-button {
-                box-sizing: border-box;
-                padding: 0 10px;
-                height: 30px;
-            }
-
-            &__create-button {
-                margin-left: 8px;
-            }
-
-            &__button-container {
-                display: flex;
-                align-items: center;
-                justify-content: flex-start;
-                margin-top: 8px;
-                flex-wrap: wrap;
-            }
-
-            &__summary {
-                font-style: normal;
-                font-weight: 400;
-                font-size: 14px;
-                line-height: 20px;
-                overflow-wrap: break-word;
-                text-align: left;
-                margin-top: 5px;
-            }
-
-            &__title {
-                text-align: left;
-                margin-top: 15px;
-                font-family: 'font_bold', sans-serif;
-            }
-
-            &__icon-container {
-                text-align: left;
-                height: 38px;
-                margin-top: -10px;
-            }
-        }
-
-        .access-grants-items {
-
-            &__content {
-                margin-top: 20px;
-            }
-
-            &__empty-state {
-                padding: 48px 0;
-                background: #fff;
-                border-radius: 6px;
-                margin-top: 10px;
-                border: 1px solid #dadfe7;
-                display: flex;
-                justify-content: center;
-
-                &__text {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                }
-            }
-        }
-
-        .access-grants__header-container {
-
-            &__header-container {
-                height: 90px;
-            }
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                margin-top: 20px;
-            }
-
-            &__divider {
-                height: 1px;
-                width: auto;
-                background-color: #dadfe7;
-                margin: 13px 0 16px;
-            }
-        }
-    }
-
-    .grants-loader {
-        margin-top: 50px;
-    }
-</style>
diff --git a/web/satellite/src/components/accessGrants/AccessGrantsHeader.vue b/web/satellite/src/components/accessGrants/AccessGrantsHeader.vue
deleted file mode 100644
index 8978fe4ba179..000000000000
--- a/web/satellite/src/components/accessGrants/AccessGrantsHeader.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <th
-        class="align-left"
-        @mouseover="mouseOver(AccessGrantsOrderBy.NAME)"
-        @mouseleave="mouseLeave"
-        @click="sortBy(AccessGrantsOrderBy.NAME)"
-    >
-        <span class="header__item">
-            <span>Name</span>
-            <span :class="{ invisible: nameSortData.isHidden }">
-                <a v-if="nameSortData.isDesc" class="arrow">
-                    <desc-icon />
-                </a>
-                <a v-else class="arrow">
-                    <asc-icon />
-                </a>
-            </span>
-        </span>
-    </th>
-    <th
-        class="align-left"
-        @mouseover="mouseOver(AccessGrantsOrderBy.CREATED_AT)"
-        @mouseleave="mouseLeave"
-        @click="sortBy(AccessGrantsOrderBy.CREATED_AT)"
-    >
-        <span class="header__item">
-            <span>Date Created</span>
-            <span :class="{ invisible: dateSortData.isHidden }">
-                <a v-if="dateSortData.isDesc" class="arrow">
-                    <desc-icon />
-                </a>
-                <a v-else class="arrow">
-                    <asc-icon />
-                </a>
-            </span>
-        </span>
-    </th>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { SortDirection } from '@/types/common';
-import { AccessGrantsOrderBy } from '@/types/accessGrants';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import AscIcon from '@/../static/images/objects/asc.svg';
-import DescIcon from '@/../static/images/objects/desc.svg';
-
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const hover = ref<AccessGrantsOrderBy>();
-
-const nameSortData = computed((): { isHidden: boolean, isDesc: boolean } => {
-    return {
-        isHidden: !showArrow(AccessGrantsOrderBy.NAME),
-        isDesc: isDesc(AccessGrantsOrderBy.NAME),
-    };
-});
-
-const dateSortData = computed((): { isHidden: boolean, isDesc: boolean } => {
-    return {
-        isHidden: !showArrow(AccessGrantsOrderBy.CREATED_AT),
-        isDesc: isDesc(AccessGrantsOrderBy.CREATED_AT),
-    };
-});
-
-/**
- * Check if a heading is sorted in descending order.
- */
-function isDesc(sortOrder: AccessGrantsOrderBy): boolean {
-    return agStore.state.cursor.order === sortOrder && agStore.state.cursor.orderDirection === SortDirection.DESCENDING;
-}
-
-/**
- * Check if sorting arrow should be displayed.
- */
-function showArrow(heading: AccessGrantsOrderBy): boolean {
-    return agStore.state.cursor.order === heading || hover.value === heading;
-}
-
-/**
- * Set the heading of the current heading being hovered over.
- */
-function mouseOver(heading: AccessGrantsOrderBy): void {
-    hover.value = heading;
-}
-
-/**
- * Changes sorting parameters and fetches access grants.
- * @param sortBy
- */
-async function sortBy(sortBy: AccessGrantsOrderBy): Promise<void> {
-    if (sortBy === agStore.state.cursor.order) {
-        agStore.toggleSortingDirection();
-    } else {
-        agStore.setSortingBy(sortBy);
-        agStore.setSortingDirection(SortDirection.ASCENDING);
-    }
-
-    try {
-        await agStore.getAccessGrants(agStore.state.page.currentPage, projectsStore.state.selectedProject.id);
-    } catch (error) {
-        await notify.error(`Unable to fetch accesses. ${error.message}`, AnalyticsErrorEventSource.ACCESS_GRANTS_PAGE);
-    }
-}
-
-/**
- * Change the hover property to nothing on mouse leave.
- */
-function mouseLeave(): void {
-    hover.value = undefined;
-}
-</script>
-
-<style scoped lang="scss">
-.header {
-
-    &__item {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-
-        & > .invisible {
-            visibility: hidden;
-        }
-    }
-
-    &__functional {
-        padding: 0 10px;
-        position: relative;
-        cursor: pointer;
-
-        &__dropdown {
-            position: absolute;
-            top: 25px;
-            right: 15px;
-            background: #fff;
-            box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-            border-radius: 6px;
-            width: 255px;
-            z-index: 100;
-
-            &__item {
-                display: flex;
-                align-items: center;
-                padding: 20px 25px;
-                width: calc(100% - 50px);
-
-                &:hover {
-                    background-color: #f4f5f7;
-                }
-            }
-        }
-    }
-}
-
-.delete-confirmation {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    align-items: flex-start;
-    width: 100%;
-
-    &__options {
-        display: flex;
-        gap: 20px;
-        align-items: center;
-
-        &__item {
-            display: flex;
-            gap: 5px;
-            align-items: center;
-
-            &.yes:hover {
-                color: var(--c-red-2);
-
-                svg :deep(path) {
-                    fill: var(--c-red-2);
-                    stroke: var(--c-red-2);
-                }
-            }
-
-            &.no:hover {
-                color: var(--c-blue-3);
-
-                svg :deep(path) {
-                    fill: var(--c-blue-3);
-                    stroke: var(--c-blue-3);
-                }
-            }
-        }
-    }
-}
-
-</style>
diff --git a/web/satellite/src/components/accessGrants/AccessGrantsItem.vue b/web/satellite/src/components/accessGrants/AccessGrantsItem.vue
deleted file mode 100644
index 0559ad80a89b..000000000000
--- a/web/satellite/src/components/accessGrants/AccessGrantsItem.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        :item="itemToRender"
-        :on-click="onClick"
-    >
-        <template #options>
-            <th v-click-outside="closeDropdown" class="grant-item__functional options overflow-visible" @click.stop="openDropdown">
-                <dots-icon />
-                <div v-if="isDropdownOpen" class="grant-item__functional__dropdown">
-                    <div class="grant-item__functional__dropdown__item" @click.stop="onDeleteClick">
-                        <delete-icon />
-                        <p class="grant-item__functional__dropdown__item__label">Delete Access</p>
-                    </div>
-                </div>
-            </th>
-        </template>
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import DeleteIcon from '../../../static/images/objects/delete.svg';
-import DotsIcon from '../../../static/images/objects/dots.svg';
-
-import { AccessGrant } from '@/types/accessGrants';
-import { useResize } from '@/composables/resize';
-
-import TableItem from '@/components/common/TableItem.vue';
-
-const props = withDefaults(defineProps<{
-    itemData: AccessGrant,
-    onClick?: () => void,
-    isDropdownOpen: boolean,
-    dropdownKey: number,
-}>(), {
-    itemData: () => new AccessGrant('', '', new Date(), ''),
-    onClick: () => {},
-    isDropdownOpen: false,
-    dropdownKey: -1,
-});
-
-const emit = defineEmits(['openDropdown', 'deleteClick']);
-
-const { isMobile } = useResize();
-
-const itemToRender = computed((): { [key: string]: string | string[] } => {
-    if (!isMobile.value) return { name: props.itemData.name, date: props.itemData.localDate() };
-
-    return { info: [ props.itemData.name, `Created ${props.itemData.localDate()}` ] };
-});
-
-/**
- * Closes dropdown.
- */
-function closeDropdown(): void {
-    emit('openDropdown', -1);
-}
-
-/**
- * Opens dropdown.
- */
-function openDropdown(): void {
-    emit('openDropdown', props.dropdownKey);
-}
-
-async function onDeleteClick(): Promise<void> {
-    emit('deleteClick', props.itemData);
-    closeDropdown();
-}
-</script>
-
-<style scoped lang="scss">
-    .grant-item {
-
-        &__functional {
-            padding: 0 10px;
-            position: relative;
-            cursor: pointer;
-
-            &__dropdown {
-                position: absolute;
-                top: 55px;
-                right: 15px;
-                background: #fff;
-                box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-                border-radius: 6px;
-                width: 255px;
-                z-index: 100;
-                overflow: hidden;
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    padding: 20px 25px;
-                    width: calc(100% - 50px);
-
-                    &__label {
-                        margin: 0 0 0 10px;
-                    }
-
-                    &:hover {
-                        background-color: #f4f5f7;
-                        font-family: 'font_medium', sans-serif;
-                        color: var(--c-blue-3);
-
-                        svg :deep(path) {
-                            fill: var(--c-blue-3);
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    :deep(.primary) {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    :deep(th) {
-        max-width: 25rem;
-    }
-
-    @media screen and (width <= 940px) {
-
-        :deep(th) {
-            max-width: 10rem;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/CreateAccessGrantFlow.vue b/web/satellite/src/components/accessGrants/createFlow/CreateAccessGrantFlow.vue
deleted file mode 100644
index a84530ef2d37..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/CreateAccessGrantFlow.vue
+++ /dev/null
@@ -1,707 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <component :is="STEP_ICON_AND_TITLE[step].icon" />
-                    <h1 class="modal__header__title">{{ STEP_ICON_AND_TITLE[step].title }}</h1>
-                </div>
-                <CreateNewAccessStep
-                    v-if="step === CreateAccessStep.CreateNewAccess"
-                    :on-select-type="selectAccessType"
-                    :selected-access-types="selectedAccessTypes"
-                    :name="accessName"
-                    :set-name="setAccessName"
-                    :on-continue="setSecondStepBasedOnAccessType"
-                />
-                <EncryptionInfoStep
-                    v-if="step === CreateAccessStep.EncryptionInfo"
-                    :on-back="() => setStep(CreateAccessStep.CreateNewAccess)"
-                    :on-continue="() => setStep(CreateAccessStep.ChoosePermission)"
-                />
-                <ChoosePermissionStep
-                    v-if="step === CreateAccessStep.ChoosePermission"
-                    :on-select-permission="selectPermissions"
-                    :selected-permissions="selectedPermissions"
-                    :on-back="setFirstStepBasedOnAccessType"
-                    :on-continue="() => setStep(
-                        selectedAccessTypes.includes(AccessType.APIKey) ? CreateAccessStep.ConfirmDetails : CreateAccessStep.AccessEncryption
-                    )"
-                    :selected-buckets="selectedBuckets"
-                    :on-select-bucket="selectBucket"
-                    :on-select-all-buckets="selectAllBuckets"
-                    :on-unselect-bucket="unselectBucket"
-                    :not-after="notAfter"
-                    :on-set-not-after="setNotAfter"
-                    :not-after-label="notAfterLabel"
-                    :on-set-not-after-label="setNotAfterLabel"
-                />
-                <AccessEncryptionStep
-                    v-if="step === CreateAccessStep.AccessEncryption"
-                    :on-back="() => setStep(CreateAccessStep.ChoosePermission)"
-                    :on-continue="setStepBasedOnPassphraseOption"
-                    :passphrase-option="passphraseOption"
-                    :set-option="setPassphraseOption"
-                />
-                <EnterPassphraseStep
-                    v-if="step === CreateAccessStep.EnterMyPassphrase"
-                    :on-back="() => setStep(CreateAccessStep.AccessEncryption)"
-                    :on-continue="() => setStep(CreateAccessStep.ConfirmDetails)"
-                    :passphrase="enteredPassphrase"
-                    :set-passphrase="setPassphrase"
-                    info="Enter the encryption passphrase used for this project to create this access grant."
-                />
-                <EnterPassphraseStep
-                    v-if="step === CreateAccessStep.EnterNewPassphrase"
-                    is-new-passphrase
-                    :on-back="() => setStep(CreateAccessStep.AccessEncryption)"
-                    :on-continue="() => setStep(CreateAccessStep.ConfirmDetails)"
-                    :passphrase="enteredPassphrase"
-                    :set-passphrase="setPassphrase"
-                    info="This passphrase will be used to encrypt all the files you upload using this access grant.
-                        You will need it to access these files in the future."
-                />
-                <PassphraseGeneratedStep
-                    v-if="step === CreateAccessStep.PassphraseGenerated"
-                    :on-back="() => setStep(CreateAccessStep.AccessEncryption)"
-                    :on-continue="() => setStep(CreateAccessStep.ConfirmDetails)"
-                    :passphrase="generatedPassphrase"
-                    :name="accessName"
-                />
-                <ConfirmDetailsStep
-                    v-if="step === CreateAccessStep.ConfirmDetails"
-                    :access-types="selectedAccessTypes"
-                    :is-loading="isLoading"
-                    :not-after-label="notAfterLabel"
-                    :selected-buckets="selectedBuckets"
-                    :name="accessName"
-                    :selected-permissions="selectedPermissions"
-                    :on-back="setPreviousStepFromConfirm"
-                    :on-continue="setLastStep"
-                />
-                <AccessCreatedStep
-                    v-if="step === CreateAccessStep.AccessCreated"
-                    :on-continue="() => setStep(CreateAccessStep.CredentialsCreated)"
-                    :access-grant="accessGrant"
-                    :name="accessName"
-                    :access-types="selectedAccessTypes"
-                />
-                <CLIAccessCreatedStep
-                    v-if="step === CreateAccessStep.CLIAccessCreated"
-                    :api-key="cliAccess"
-                    :name="accessName"
-                />
-                <S3CredentialsCreatedStep
-                    v-if="step === CreateAccessStep.CredentialsCreated"
-                    :credentials="edgeCredentials"
-                    :name="accessName"
-                />
-                <div v-if="isLoading" class="modal__blur">
-                    <VLoader width="50px" height="50px" />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { generateMnemonic } from 'bip39-english';
-import { useRoute, useRouter } from 'vue-router';
-
-import { useNotify } from '@/utils/hooks';
-import { RouteConfig } from '@/types/router';
-import {
-    AccessType,
-    CreateAccessStep,
-    PassphraseOption,
-    Permission,
-    STEP_ICON_AND_TITLE,
-} from '@/types/createAccessGrant';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { LocalData } from '@/utils/localData';
-import { AccessGrant, EdgeCredentials } from '@/types/accessGrants';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import CreateNewAccessStep from '@/components/accessGrants/createFlow/steps/CreateNewAccessStep.vue';
-import ChoosePermissionStep from '@/components/accessGrants/createFlow/steps/ChoosePermissionStep.vue';
-import AccessEncryptionStep from '@/components/accessGrants/createFlow/steps/AccessEncryptionStep.vue';
-import EnterPassphraseStep from '@/components/accessGrants/createFlow/steps/EnterPassphraseStep.vue';
-import PassphraseGeneratedStep from '@/components/accessGrants/createFlow/steps/PassphraseGeneratedStep.vue';
-import EncryptionInfoStep from '@/components/accessGrants/createFlow/steps/EncryptionInfoStep.vue';
-import AccessCreatedStep from '@/components/accessGrants/createFlow/steps/AccessCreatedStep.vue';
-import CLIAccessCreatedStep from '@/components/accessGrants/createFlow/steps/CLIAccessCreatedStep.vue';
-import S3CredentialsCreatedStep from '@/components/accessGrants/createFlow/steps/S3CredentialsCreatedStep.vue';
-import ConfirmDetailsStep from '@/components/accessGrants/createFlow/steps/ConfirmDetailsStep.vue';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const agStore = useAccessGrantsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-
-const initPermissions = [
-    Permission.Read,
-    Permission.Write,
-    Permission.Delete,
-    Permission.List,
-];
-
-/**
- * Returns all AG names from store.
- */
-const allAGNames = computed((): string[] => {
-    return agStore.state.allAGNames;
-});
-
-/**
- * Indicates if user has to be prompt to enter project passphrase.
- */
-const isPromptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Returns passphrase from store.
- */
-const storedPassphrase = computed((): string => {
-    return bucketsStore.state.passphrase;
-});
-
-const worker = ref<Worker| null>(null);
-const isLoading = ref<boolean>(true);
-const step = ref<CreateAccessStep>(CreateAccessStep.CreateNewAccess);
-const selectedAccessTypes = ref<AccessType[]>([]);
-const selectedPermissions = ref<Permission[]>(initPermissions);
-const selectedBuckets = ref<string[]>([]);
-const passphraseOption = ref<PassphraseOption>(
-    isPromptForPassphrase.value ? PassphraseOption.SetMyProjectPassphrase : PassphraseOption.UseExistingPassphrase,
-);
-const enteredPassphrase = ref<string>('');
-const generatedPassphrase = ref<string>('');
-const accessName = ref<string>('');
-const notAfter = ref<Date | undefined>(undefined);
-const notAfterLabel = ref<string>('No end date');
-
-// Generated values.
-const cliAccess = ref<string>('');
-const accessGrant = ref<string>('');
-const edgeCredentials = ref<EdgeCredentials>(new EdgeCredentials());
-
-const FIRST_PAGE = 1;
-
-/**
- * Selects access type.
- */
-function selectAccessType(type: AccessType) {
-    // "access grant" and "s3 credentials" can be selected at the same time,
-    // but "API key" cannot be selected if either "access grant" or "s3 credentials" is selected.
-    switch (type) {
-    case AccessType.AccessGrant:
-        // Unselect API key if was selected.
-        unselectAPIKeyAccessType();
-
-        // Unselect Access grant if was selected.
-        if (selectedAccessTypes.value.includes(AccessType.AccessGrant)) {
-            selectedAccessTypes.value = selectedAccessTypes.value.filter(t => t !== AccessType.AccessGrant);
-            return;
-        }
-
-        // Select Access grant.
-        selectedAccessTypes.value.push(type);
-        break;
-    case AccessType.S3:
-        // Unselect API key if was selected.
-        unselectAPIKeyAccessType();
-
-        // Unselect S3 if was selected.
-        if (selectedAccessTypes.value.includes(AccessType.S3)) {
-            selectedAccessTypes.value = selectedAccessTypes.value.filter(t => t !== AccessType.S3);
-            return;
-        }
-
-        // Select S3.
-        selectedAccessTypes.value.push(type);
-        break;
-    case AccessType.APIKey:
-        // Unselect Access grant and S3 if were selected.
-        if (selectedAccessTypes.value.includes(AccessType.AccessGrant) || selectedAccessTypes.value.includes(AccessType.S3)) {
-            selectedAccessTypes.value = selectedAccessTypes.value.filter(t => t === AccessType.APIKey);
-        }
-
-        // Unselect API key if was selected.
-        if (selectedAccessTypes.value.includes(AccessType.APIKey)) {
-            selectedAccessTypes.value = selectedAccessTypes.value.filter(t => t !== AccessType.APIKey);
-            return;
-        }
-
-        // Select API key.
-        selectedAccessTypes.value.push(type);
-    }
-}
-
-/**
- * Sets passphrase option.
- */
-function setPassphraseOption(option: PassphraseOption): void {
-    passphraseOption.value = option;
-}
-
-/**
- * Sets entered passphrase.
- */
-function setPassphrase(value: string): void {
-    enteredPassphrase.value = value;
-}
-
-/**
- * Sets not after (end date) caveat.
- */
-function setNotAfter(date: Date | undefined): void {
-    notAfter.value = date;
-}
-
-/**
- * Sets previous step from confirm step.
- */
-function setPreviousStepFromConfirm(): void {
-    switch (true) {
-    case selectedAccessTypes.value.includes(AccessType.APIKey):
-        step.value = CreateAccessStep.ChoosePermission;
-        break;
-    case passphraseOption.value === PassphraseOption.SetMyProjectPassphrase:
-        step.value = CreateAccessStep.EnterMyPassphrase;
-        break;
-    case passphraseOption.value === PassphraseOption.UseExistingPassphrase:
-        step.value = CreateAccessStep.AccessEncryption;
-        break;
-    case passphraseOption.value === PassphraseOption.EnterNewPassphrase:
-        step.value = CreateAccessStep.EnterNewPassphrase;
-        break;
-    case passphraseOption.value === PassphraseOption.GenerateNewPassphrase:
-        step.value = CreateAccessStep.PassphraseGenerated;
-    }
-}
-
-/**
- * Sets not after (end date) label.
- */
-function setNotAfterLabel(label: string): void {
-    notAfterLabel.value = label;
-}
-
-/**
- * Unselects API key access type.
- */
-function unselectAPIKeyAccessType(): void {
-    if (selectedAccessTypes.value.includes(AccessType.APIKey)) {
-        selectedAccessTypes.value = selectedAccessTypes.value.filter(t => t !== AccessType.APIKey);
-    }
-}
-
-/**
- * Selects access grant permissions.
- */
-function selectPermissions(permission: Permission): void {
-    switch (permission) {
-    case Permission.All:
-        if (selectedPermissions.value.length === 4) {
-            selectedPermissions.value = [];
-            return;
-        }
-
-        selectedPermissions.value = initPermissions;
-        break;
-    case Permission.Delete:
-        handlePermissionSelection(Permission.Delete);
-        break;
-    case Permission.List:
-        handlePermissionSelection(Permission.List);
-        break;
-    case Permission.Write:
-        handlePermissionSelection(Permission.Write);
-        break;
-    case Permission.Read:
-        handlePermissionSelection(Permission.Read);
-    }
-}
-
-/**
- * Handles permission select/unselect.
- */
-function handlePermissionSelection(permission: Permission) {
-    if (selectedPermissions.value.includes(permission)) {
-        selectedPermissions.value = selectedPermissions.value.filter(p => p !== permission);
-        return;
-    }
-
-    selectedPermissions.value.push(permission);
-}
-
-/**
- * Clears bucket selection which means grant access to all buckets.
- */
-function selectAllBuckets() {
-    selectedBuckets.value = [];
-}
-
-/**
- * Select some specific bucket.
- */
-function selectBucket(bucket: string) {
-    selectedBuckets.value.push(bucket);
-}
-
-/**
- * Unselect some specific bucket.
- */
-function unselectBucket(bucket: string) {
-    selectedBuckets.value = selectedBuckets.value.filter(b => b !== bucket);
-}
-
-/**
- * Sets access grant name from input field.
- * @param value
- */
-function setAccessName(value: string): void {
-    accessName.value = value;
-}
-
-/**
- * Sets current step.
- */
-function setStep(stepArg: CreateAccessStep): void {
-    step.value = stepArg;
-}
-
-/**
- * Sets second step based on selected access type.
- * If access types include 'S3' and local storage value is false we set 'Encryption info step'.
- * If not then we set regular second step (Permissions).
- */
-function setSecondStepBasedOnAccessType(): void {
-    if (allAGNames.value.includes(accessName.value)) {
-        notify.error('Provided name is already in use', AnalyticsErrorEventSource.CREATE_AG_MODAL);
-        return;
-    }
-
-    // Unfortunately local storage updates are not reactive so putting it inside computed property doesn't do anything.
-    // That's why we explicitly call it here.
-    const shouldShowInfo = !LocalData.getServerSideEncryptionModalHidden() && selectedAccessTypes.value.includes(AccessType.S3);
-    if (shouldShowInfo) {
-        setStep(CreateAccessStep.EncryptionInfo);
-        return;
-    }
-
-    setStep(CreateAccessStep.ChoosePermission);
-}
-
-/**
- * Sets first step based on selected access type.
- * If access types include 'S3' and local storage value is false we set 'Encryption info step'.
- * If not then we set regular first step (Create access).
- */
-function setFirstStepBasedOnAccessType(): void {
-    // Unfortunately local storage updates are not reactive so putting it inside computed property doesn't do anything.
-    // That's why we explicitly call it here.
-    const shouldShowInfo = !LocalData.getServerSideEncryptionModalHidden() && selectedAccessTypes.value.includes(AccessType.S3);
-    if (shouldShowInfo) {
-        setStep(CreateAccessStep.EncryptionInfo);
-        return;
-    }
-
-    setStep(CreateAccessStep.CreateNewAccess);
-}
-
-/**
- * Sets next step depending on selected passphrase option.
- */
-function setStepBasedOnPassphraseOption(): void {
-    switch (passphraseOption.value) {
-    case PassphraseOption.SetMyProjectPassphrase:
-        step.value = CreateAccessStep.EnterMyPassphrase;
-        break;
-    case PassphraseOption.EnterNewPassphrase:
-        step.value = CreateAccessStep.EnterNewPassphrase;
-        break;
-    case PassphraseOption.GenerateNewPassphrase:
-        step.value = CreateAccessStep.PassphraseGenerated;
-        break;
-    case PassphraseOption.UseExistingPassphrase:
-        step.value = CreateAccessStep.ConfirmDetails;
-    }
-}
-
-/**
- * Closes create access grant flow.
- */
-function closeModal(): void {
-    router.push(RouteConfig.AccessGrants.path);
-}
-
-/**
- * Sets local worker with worker instantiated in store.
- * Also sets worker's onmessage and onerror logic.
- */
-function setWorker(): void {
-    worker.value = agStore.state.accessGrantsWebWorker;
-    if (worker.value) {
-        worker.value.onerror = (error: ErrorEvent) => {
-            notify.error(error.message, AnalyticsErrorEventSource.CREATE_AG_MODAL);
-        };
-    }
-}
-
-/**
- * Generates CLI access.
- */
-async function createCLIAccess(): Promise<void> {
-    if (!worker.value) {
-        throw new Error('Web worker is not initialized.');
-    }
-
-    const projectID = projectsStore.state.selectedProject.id;
-
-    // creates fresh new API key.
-    const cleanAPIKey: AccessGrant = await agStore.createAccessGrant(accessName.value, projectID);
-
-    try {
-        await agStore.getAccessGrants(FIRST_PAGE, projectID);
-    } catch (error) {
-        notify.error(`Unable to fetch Access Grants. ${error.message}`, AnalyticsErrorEventSource.CREATE_AG_MODAL);
-    }
-
-    let permissionsMsg = {
-        'type': 'SetPermission',
-        'buckets': JSON.stringify(selectedBuckets.value),
-        'apiKey': cleanAPIKey.secret,
-        'isDownload': selectedPermissions.value.includes(Permission.Read),
-        'isUpload': selectedPermissions.value.includes(Permission.Write),
-        'isList': selectedPermissions.value.includes(Permission.List),
-        'isDelete': selectedPermissions.value.includes(Permission.Delete),
-        'notBefore': new Date().toISOString(),
-    };
-
-    if (notAfter.value) permissionsMsg = Object.assign(permissionsMsg, { 'notAfter': notAfter.value.toISOString() });
-
-    worker.value.postMessage(permissionsMsg);
-
-    const grantEvent: MessageEvent = await new Promise(resolve => {
-        if (worker.value) {
-            worker.value.onmessage = resolve;
-        }
-    });
-    if (grantEvent.data.error) {
-        throw new Error(grantEvent.data.error);
-    }
-
-    cliAccess.value = grantEvent.data.value;
-
-    if (selectedAccessTypes.value.includes(AccessType.APIKey)) {
-        analyticsStore.eventTriggered(AnalyticsEvent.API_ACCESS_CREATED);
-    }
-}
-
-/**
- * Generates access grant.
- */
-async function createAccessGrant(): Promise<void> {
-    if (!worker.value) {
-        throw new Error('Web worker is not initialized.');
-    }
-
-    // creates access credentials.
-    const satelliteNodeURL = configStore.state.config.satelliteNodeURL;
-
-    const salt = await projectsStore.getProjectSalt(projectsStore.state.selectedProject.id);
-
-    let usedPassphrase = '';
-    switch (passphraseOption.value) {
-    case PassphraseOption.UseExistingPassphrase:
-        usedPassphrase = storedPassphrase.value;
-        break;
-    case PassphraseOption.EnterNewPassphrase:
-    case PassphraseOption.SetMyProjectPassphrase:
-        usedPassphrase = enteredPassphrase.value;
-        break;
-    case PassphraseOption.GenerateNewPassphrase:
-        usedPassphrase = generatedPassphrase.value;
-    }
-
-    if (!usedPassphrase) {
-        throw new Error('Passphrase can\'t be empty');
-    }
-
-    worker.value.postMessage({
-        'type': 'GenerateAccess',
-        'apiKey': cliAccess.value,
-        'passphrase': usedPassphrase,
-        'salt': salt,
-        'satelliteNodeURL': satelliteNodeURL,
-    });
-
-    const accessEvent: MessageEvent = await new Promise(resolve => {
-        if (worker.value) {
-            worker.value.onmessage = resolve;
-        }
-    });
-    if (accessEvent.data.error) {
-        throw new Error(accessEvent.data.error);
-    }
-
-    accessGrant.value = accessEvent.data.value;
-
-    if (selectedAccessTypes.value.includes(AccessType.AccessGrant)) {
-        analyticsStore.eventTriggered(AnalyticsEvent.ACCESS_GRANT_CREATED);
-    }
-}
-
-/**
- * Generates edge credentials.
- */
-async function createEdgeCredentials(): Promise<void> {
-    edgeCredentials.value = await agStore.getEdgeCredentials(accessGrant.value);
-    analyticsStore.eventTriggered(AnalyticsEvent.GATEWAY_CREDENTIALS_CREATED);
-}
-
-/**
- * Generates access and sets the last step depending on selected access type.
- */
-async function setLastStep(): Promise<void> {
-    if (isLoading.value) {
-        return;
-    }
-
-    isLoading.value = true;
-
-    try {
-        switch (true) {
-        case selectedAccessTypes.value.includes(AccessType.APIKey):
-            await createCLIAccess();
-
-            step.value = CreateAccessStep.CLIAccessCreated;
-            break;
-        case selectedAccessTypes.value.includes(AccessType.AccessGrant) && selectedAccessTypes.value.includes(AccessType.S3):
-            await createCLIAccess();
-            await createAccessGrant();
-            await createEdgeCredentials();
-
-            step.value = CreateAccessStep.AccessCreated;
-            break;
-        case selectedAccessTypes.value.includes(AccessType.S3):
-            await createCLIAccess();
-            await createAccessGrant();
-            await createEdgeCredentials();
-
-            step.value = CreateAccessStep.CredentialsCreated;
-            break;
-        case selectedAccessTypes.value.includes(AccessType.AccessGrant):
-            await createCLIAccess();
-            await createAccessGrant();
-
-            step.value = CreateAccessStep.AccessCreated;
-        }
-
-        // This is an action to handle case if user sets project level passphrase.
-        if (
-            passphraseOption.value === PassphraseOption.SetMyProjectPassphrase &&
-            !selectedAccessTypes.value.includes(AccessType.APIKey)
-        ) {
-            bucketsStore.setEdgeCredentials(new EdgeCredentials());
-            bucketsStore.setPassphrase(enteredPassphrase.value);
-            bucketsStore.setPromptForPassphrase(false);
-        }
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.CREATE_AG_MODAL);
-    }
-
-    isLoading.value = false;
-}
-
-onMounted(async () => {
-    if (route.query.accessType) {
-        selectedAccessTypes.value.push(route.query.accessType as AccessType);
-    }
-
-    setWorker();
-    generatedPassphrase.value = generateMnemonic();
-
-    try {
-        const projectID = projectsStore.state.selectedProject.id;
-
-        await Promise.all([
-            agStore.getAllAGNames(projectID),
-            bucketsStore.getAllBucketsNames(projectID),
-        ]);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.CREATE_AG_MODAL);
-    }
-
-    isLoading.value = false;
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    width: 346px;
-    padding: 32px;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-
-    @media screen and (width <= 460px) {
-        width: 280px;
-        padding: 16px;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        @media screen and (width <= 460px) {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-
-        &__title {
-            margin-left: 16px;
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-            text-align: left;
-
-            @media screen and (width <= 460px) {
-                margin: 10px 0 0;
-            }
-        }
-    }
-
-    &__blur {
-        position: absolute;
-        inset: 0;
-        background-color: rgb(0 0 0 / 10%);
-        border-radius: 10px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/ButtonsContainer.vue b/web/satellite/src/components/accessGrants/createFlow/components/ButtonsContainer.vue
deleted file mode 100644
index 6a7caf478565..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/ButtonsContainer.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="buttons">
-        <p v-if="label" class="buttons__label">{{ label }}</p>
-        <div class="buttons__row">
-            <slot name="leftButton" />
-            <slot name="rightButton" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-    label?: string;
-}>(), {
-    label: '',
-});
-</script>
-
-<style scoped lang="scss">
-.buttons {
-    margin-top: 16px;
-
-    &__label {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-grey-6);
-        text-align: left;
-        margin-bottom: 16px;
-    }
-
-    &__row {
-        align-items: center;
-        column-gap: 16px;
-        display: flex;
-
-        @media screen and (width <= 460px) {
-            flex-direction: column-reverse;
-            column-gap: unset;
-            row-gap: 10px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/ContainerWithIcon.vue b/web/satellite/src/components/accessGrants/createFlow/components/ContainerWithIcon.vue
deleted file mode 100644
index 665552db9a91..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/ContainerWithIcon.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="section">
-        <div class="section__wrapper">
-            <component :is="iconAndTitle.icon" class="section__wrapper__icon" />
-            <div class="section__wrapper__functional">
-                <h2 class="section__wrapper__functional__title">{{ iconAndTitle.title }}</h2>
-                <slot name="functional" />
-            </div>
-        </div>
-        <slot v-if="slots.info" name="info" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useSlots } from 'vue';
-
-import { IconAndTitle } from '@/types/createAccessGrant';
-
-const props = defineProps<{
-    iconAndTitle: IconAndTitle;
-}>();
-
-const slots = useSlots();
-</script>
-
-<style scoped lang="scss">
-.section {
-    padding: 16px 0;
-    border-bottom: 1px solid var(--c-grey-2);
-
-    &__wrapper {
-        display: flex;
-        align-items: flex-start;
-
-        &__icon {
-            min-width: 40px;
-        }
-
-        &__functional {
-            margin-left: 16px;
-            width: calc(100% - 56px);
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-black);
-                text-align: left;
-                margin-bottom: 8px;
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/EndDatePicker.vue b/web/satellite/src/components/accessGrants/createFlow/components/EndDatePicker.vue
deleted file mode 100644
index c644722553b8..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/EndDatePicker.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-click-outside="closePicker" class="date-picker">
-        <ul class="date-picker__column">
-            <li class="date-picker__column__item" tabindex="0" @click="onOneDayClick" @keyup.space="onOneDayClick">
-                24 Hours
-            </li>
-            <li class="date-picker__column__item" tabindex="0" @click="onOneWeekClick" @keyup.space="onOneWeekClick">
-                1 Week
-            </li>
-            <li class="date-picker__column__item" tabindex="0" @click="onOneMonthClick" @keyup.space="onOneMonthClick">
-                1 month
-            </li>
-            <li class="date-picker__column__item" tabindex="0" @click="onSixMonthsClick" @keyup.space="onSixMonthsClick">
-                6 Months
-            </li>
-            <li class="date-picker__column__item" tabindex="0" @click="onOneYearClick" @keyup.space="onOneYearClick">
-                1 Year
-            </li>
-            <li class="date-picker__column__item" tabindex="0" @click="onForeverClick" @keyup.space="onForeverClick">
-                No end date
-            </li>
-        </ul>
-        <VDatePicker :on-date-pick="onCustomDatePick" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useAppStore } from '@/store/modules/appStore';
-
-import VDatePicker from '@/components/common/VDatePicker.vue';
-
-const props = defineProps<{
-    setLabel: (label: string) => void;
-    setNotAfter: (date: Date | undefined) => void;
-}>();
-
-const appStore = useAppStore();
-
-/**
- * Closes date picker.
- */
-function closePicker(): void {
-    appStore.closeDropdowns();
-}
-
-/**
- * onCustomDatePick holds logic for choosing custom date.
- * @param date
- */
-function onCustomDatePick(date: Date): void {
-    const to = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59);
-    const toFormattedString = to.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
-    props.setLabel(toFormattedString);
-    props.setNotAfter(to);
-    closePicker();
-}
-
-/**
- * Holds on "No end date" choice click logic.
- */
-function onForeverClick(): void {
-    props.setLabel('No end date');
-    props.setNotAfter(undefined);
-    closePicker();
-}
-
-/**
- * Holds on "1 month" choice click logic.
- */
-function onOneMonthClick(): void {
-    const now = new Date();
-    const inAMonth = new Date(now.setMonth(now.getMonth() + 1));
-
-    props.setLabel('1 Month');
-    props.setNotAfter(inAMonth);
-    closePicker();
-}
-
-/**
- * Holds on "24 hours" choice click logic.
- */
-function onOneDayClick(): void {
-    const now = new Date();
-    const inADay = new Date(now.setDate(now.getDate() + 1));
-
-    props.setLabel('24 Hours');
-    props.setNotAfter(inADay);
-    closePicker();
-}
-
-/**
- * Holds on "1 week" choice click logic.
- */
-function onOneWeekClick(): void {
-    const now = new Date();
-    const inAWeek = new Date(now.setDate(now.getDate() + 7));
-
-    props.setLabel('1 Week');
-    props.setNotAfter(inAWeek);
-    closePicker();
-}
-
-/**
- * Holds on "6 month" choice click logic.
- */
-function onSixMonthsClick(): void {
-    const now = new Date();
-    const inSixMonth = new Date(now.setMonth(now.getMonth() + 6));
-
-    props.setLabel('6 Months');
-    props.setNotAfter(inSixMonth);
-    closePicker();
-}
-
-/**
- * Holds on "1 year" choice click logic.
- */
-function onOneYearClick(): void {
-    const now = new Date();
-    const inOneYear = new Date(now.setFullYear(now.getFullYear() + 1));
-
-    props.setLabel('1 Year');
-    props.setNotAfter(inOneYear);
-    closePicker();
-}
-</script>
-
-<style scoped lang="scss">
-    .date-picker {
-        background: var(--c-white);
-        width: 410px;
-        border: 1px solid var(--c-grey-7);
-        border-radius: 6px;
-        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
-        position: absolute;
-        z-index: 1;
-        top: 100%;
-        left: 0;
-        display: flex;
-        cursor: default;
-
-        @media screen and (width <= 600px) {
-            left: -90px;
-        }
-
-        @media screen and (width <= 460px) {
-            flex-direction: column;
-            width: 320px;
-            left: -78px;
-        }
-
-        &__column {
-            list-style-type: none;
-            padding-left: 0;
-            margin-top: 0;
-
-            @media screen and (width <= 460px) {
-                columns: 2;
-                width: 100%;
-            }
-
-            &__item {
-                font-size: 14px;
-                font-weight: 400;
-                padding: 10px 12px;
-                color: var(--c-grey-8);
-                cursor: pointer;
-                white-space: nowrap;
-                line-height: 33px;
-
-                &:hover {
-                    font-weight: bold;
-                    background: var(--c-grey-0);
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/EndDateSelection.vue b/web/satellite/src/components/accessGrants/createFlow/components/EndDateSelection.vue
deleted file mode 100644
index 381c32c4c0f5..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/EndDateSelection.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="date-select">
-        <div
-            class="date-select__toggle-container"
-            tabindex="0"
-            aria-roledescription="select-date"
-            @click.stop="togglePicker"
-            @keyup.space="togglePicker"
-        >
-            <h1 class="date-select__toggle-container__label">{{ notAfterLabel }}</h1>
-            <ExpandIcon />
-        </div>
-        <EndDatePicker
-            v-if="isDatePickerVisible"
-            :set-label="setNotAfterLabel"
-            :set-not-after="setNotAfter"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import EndDatePicker from './EndDatePicker.vue';
-
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-
-import ExpandIcon from '@/../static/images/common/BlackArrowExpand.svg';
-
-const props = defineProps<{
-    setNotAfter: (date: Date | undefined) => void;
-    setNotAfterLabel: (label: string) => void;
-    notAfterLabel: string;
-}>();
-
-const appStore = useAppStore();
-
-/**
- * Indicates if date picker is shown.
- */
-const isDatePickerVisible = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.AG_DATE_PICKER;
-});
-
-/**
- * Toggles date picker.
- */
-function togglePicker(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.AG_DATE_PICKER);
-}
-</script>
-
-<style scoped lang="scss">
-    .date-select {
-        background-color: var(--c-white);
-        cursor: pointer;
-        border-radius: 6px;
-        border: 1px solid rgb(56 75 101 / 40%);
-        font-family: 'font_regular', sans-serif;
-        position: relative;
-        box-sizing: border-box;
-        width: 100%;
-
-        &__toggle-container {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 16px;
-            width: calc(100% - 32px);
-
-            &__label {
-                font-size: 16px;
-                line-height: 21px;
-                color: var(--c-grey-7);
-                margin: 0;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/LinkButton.vue b/web/satellite/src/components/accessGrants/createFlow/components/LinkButton.vue
deleted file mode 100644
index 900f6849a41f..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/LinkButton.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <a
-        class="link-button"
-        :href="link"
-        target="_blank"
-        rel="noopener noreferrer"
-        @click="trackPageVisit"
-    >
-        <LearnIcon v-if="withIcon" class="link-button__icon" />
-        <p class="link-button__label">{{ label }}</p>
-    </a>
-</template>
-
-<script setup lang="ts">
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import LearnIcon from '@/../static/images/accessGrants/newCreateFlow/learn.svg';
-
-const props = withDefaults(defineProps<{
-    label: string;
-    link: string;
-    withIcon?: boolean;
-}>(), {
-    withIcon: false,
-});
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Sends "trackPageVisit" event to segment.
- */
-function trackPageVisit(): void {
-    analyticsStore.pageVisit(props.link);
-}
-</script>
-
-<style scoped lang="scss">
-.link-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 48px;
-    background: #fff;
-    border: 1px solid #d8dee3;
-    border-radius: 8px;
-
-    &__icon {
-        margin-right: 8px;
-    }
-
-    &__label {
-        font-family: 'font_medium', sans-serif;
-        font-size: 14px;
-        line-height: 24px;
-        letter-spacing: -0.02em;
-        color: #56606d;
-    }
-
-    &:hover {
-        border-color: #2683ff;
-        background-color: #2683ff;
-
-        p {
-            color: #fff;
-        }
-
-        :deep(svg path) {
-            fill: #fff;
-        }
-    }
-
-    &:focus {
-        outline: 2px solid #376fff;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/Radio.vue b/web/satellite/src/components/accessGrants/createFlow/components/Radio.vue
deleted file mode 100644
index ba388c066e72..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/Radio.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="radio">
-        <input :id="id || label" tabindex="0" :checked="checked" type="radio" @change="onCheck">
-        <label class="radio__label" :for="id || label">{{ label }}</label>
-        <VInfo class="radio__info">
-            <template #icon="{onSpace}">
-                <InfoIcon tabindex="0" class="radio__info__icon" @keyup.space="onSpace" />
-            </template>
-            <template #message>
-                <p class="radio__info__message">{{ info }}</p>
-            </template>
-        </VInfo>
-    </div>
-</template>
-
-<script setup lang="ts">
-import VInfo from '@/components/common/VInfo.vue';
-
-import InfoIcon from '@/../static/images/accessGrants/newCreateFlow/info.svg';
-
-const props = withDefaults(defineProps<{
-    checked: boolean;
-    label: string;
-    onCheck: () => void;
-    info: string;
-    id?: string;
-}>(), {
-    id: '',
-});
-</script>
-
-<style scoped lang="scss">
-.radio {
-    display: flex;
-    align-items: center;
-    font-family: 'font_regular', sans-serif;
-
-    input {
-        cursor: pointer;
-        height: 16px;
-        width: 16px;
-    }
-
-    &__label {
-        margin-left: 8px;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        cursor: pointer;
-        text-align: left;
-    }
-
-    &__info {
-        margin-left: 8px;
-        max-height: 16px;
-
-        &__icon {
-            cursor: pointer;
-        }
-
-        &__message {
-            color: var(--c-white);
-        }
-    }
-}
-
-:deep(.info__box) {
-    width: 270px;
-    left: calc(50% - 135px);
-    top: unset;
-    bottom: 15px;
-    cursor: default;
-    filter: none;
-    transform: rotate(-180deg);
-
-    @media screen and (width <= 530px) {
-        left: unset;
-        right: -5px;
-    }
-}
-
-:deep(.info__box__message) {
-    background: var(--c-grey-6);
-    border-radius: 4px;
-    padding: 10px 8px;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__arrow) {
-    background: var(--c-grey-6);
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-
-    @media screen and (width <= 530px) {
-        margin-right: 245px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/Toggle.vue b/web/satellite/src/components/accessGrants/createFlow/components/Toggle.vue
deleted file mode 100644
index 413051a26e18..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/Toggle.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="toggle">
-        <label class="toggle__input-container">
-            <input :id="id || label" :checked="checked" :disabled="disabled" type="checkbox" @change="onCheck">
-            <span />
-        </label>
-        <label class="toggle__label" :for="id || label">{{ label }}</label>
-        <template v-if="onShowHideAll">
-            <ChevronIcon
-                tabindex="0"
-                class="toggle__chevron"
-                :class="{'toggle__chevron--up': allShown}"
-                @click="onShowHideAll"
-                @keyup.space="onShowHideAll"
-            />
-        </template>
-        <VInfo v-if="slots.infoMessage" class="toggle__info">
-            <template #icon="{onSpace}">
-                <InfoIcon tabindex="0" class="toggle__info__icon" @keyup.space="onSpace" />
-            </template>
-            <template #message>
-                <slot name="infoMessage" />
-            </template>
-        </VInfo>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useSlots } from 'vue';
-
-import VInfo from '@/components/common/VInfo.vue';
-
-import InfoIcon from '@/../static/images/accessGrants/newCreateFlow/info.svg';
-import ChevronIcon from '@/../static/images/accessGrants/newCreateFlow/chevron.svg';
-
-const slots = useSlots();
-
-const props = withDefaults(defineProps<{
-    checked: boolean;
-    label: string;
-    onCheck: () => void;
-    id?: string;
-    onShowHideAll?: () => void;
-    allShown?: boolean;
-    disabled?: boolean;
-}>(), {
-    checked: false,
-    label: '',
-    id: '',
-    onCheck: () => {},
-    onShowHideAll: undefined,
-    disabled: false,
-});
-</script>
-
-<style scoped lang="scss">
-.toggle {
-    display: flex;
-    align-items: center;
-    font-family: 'font_regular', sans-serif;
-
-    &__input-container {
-        display: block;
-        position: relative;
-        height: 16px;
-        width: 16px;
-        cursor: pointer;
-
-        input {
-            position: absolute;
-            opacity: 0;
-            cursor: pointer;
-            height: 0;
-            width: 0;
-
-            &:focus + span {
-                outline: 2px solid #376fff;
-            }
-        }
-
-        span {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 16px;
-            width: 16px;
-            border: 1px solid var(--c-grey-4);
-            border-radius: 4px;
-            box-sizing: border-box;
-
-            &:after {
-                content: '';
-                position: absolute;
-                display: none;
-                left: 3.5px;
-                top: 1px;
-                width: 3px;
-                height: 7px;
-                border: solid var(--c-white);
-                border-width: 0 2px 2px 0;
-                transform: rotate(45deg);
-            }
-        }
-
-        input:checked ~ span:after {
-            display: block;
-        }
-
-        input:checked ~ span {
-            border: 2px solid var(--c-light-blue-5);
-            background-color: var(--c-light-blue-5);
-        }
-
-        &:hover {
-
-            input:checked ~ span {
-                border: 2px solid var(--c-light-blue-5);
-                background-color: var(--c-light-blue-5);
-            }
-        }
-    }
-
-    &__label {
-        margin-left: 8px;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        cursor: pointer;
-        text-align: left;
-    }
-
-    &__info {
-        margin-left: 8px;
-        max-height: 16px;
-
-        &__icon {
-            cursor: pointer;
-        }
-    }
-
-    &__chevron {
-        transition: transform 0.3s;
-        margin-left: 8px;
-        cursor: pointer;
-
-        &--up {
-            transform: rotate(180deg);
-        }
-    }
-}
-
-:deep(.info__box) {
-    width: 270px;
-    left: calc(50% - 135px);
-    top: unset;
-    bottom: 15px;
-    cursor: default;
-    filter: none;
-    transform: rotate(-180deg);
-
-    @media screen and (width <= 460px) {
-        left: unset;
-        right: -83px;
-    }
-}
-
-:deep(.info__box__message) {
-    background: var(--c-grey-6);
-    border-radius: 4px;
-    padding: 10px 8px;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__arrow) {
-    background: var(--c-grey-6);
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-
-    @media screen and (width <= 460px) {
-        margin-right: 88px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/components/ValueWithBlur.vue b/web/satellite/src/components/accessGrants/createFlow/components/ValueWithBlur.vue
deleted file mode 100644
index 01f2062718db..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/components/ValueWithBlur.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="blured-container">
-        <div v-if="!isMnemonic" class="blured-container__header">
-            <h2 class="blured-container__header__title">{{ title }}</h2>
-            <VInfo v-if="info" class="blured-container__header__info">
-                <template #icon>
-                    <InfoIcon class="blured-container__header__info__icon" />
-                </template>
-                <template #message>
-                    <p class="blured-container__header__info__text">{{ info }}</p>
-                </template>
-            </VInfo>
-        </div>
-        <div class="blured-container__wrap" :class="{justify: !isMnemonic}">
-            <p v-if="isMnemonic" tabindex="0" class="blured-container__wrap__mnemonic" @keyup.space="onCopy">{{ value }}</p>
-            <p v-else tabindex="0" class="blured-container__wrap__text" :class="{ shown: isValueShown }" @keyup.space="onCopy">{{ value }}</p>
-            <div
-                v-if="!isMnemonic"
-                tabindex="0"
-                class="blured-container__wrap__copy"
-                @click="onCopy"
-                @keyup.space="onCopy"
-            >
-                <CopyIcon />
-            </div>
-            <div v-if="!isValueShown" class="blured-container__wrap__blur">
-                <VButton
-                    :label="buttonLabel"
-                    icon="lock"
-                    width="159px"
-                    height="40px"
-                    font-size="12px"
-                    :is-white="true"
-                    :on-press="showValue"
-                />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VInfo from '@/components/common/VInfo.vue';
-
-import InfoIcon from '@/../static/images/accessGrants/newCreateFlow/info.svg';
-import CopyIcon from '@/../static/images/accessGrants/newCreateFlow/copy.svg';
-
-const props = withDefaults(defineProps<{
-    isMnemonic: boolean;
-    value: string;
-    buttonLabel: string;
-    title?: string;
-    info?: string;
-}>(), {
-    title: '',
-    info: '',
-});
-
-const notify = useNotify();
-
-const analyticsStore = useAnalyticsStore();
-
-const isValueShown = ref<boolean>(false);
-
-/**
- * Makes blurred value to be shown.
- */
-function showValue(): void {
-    isValueShown.value = true;
-}
-
-/**
- * Holds on copy click logic.
- */
-function onCopy(): void {
-    navigator.clipboard.writeText(props.value);
-    analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
-    notify.success(`${props.title} was copied successfully`);
-}
-</script>
-
-<style scoped lang="scss">
-.blured-container {
-    font-family: 'font_regular', sans-serif;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        margin-bottom: 16px;
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-6);
-        }
-
-        &__info {
-            margin-left: 8px;
-            max-height: 16px;
-
-            &__icon {
-                cursor: pointer;
-            }
-
-            &__text {
-                color: var(--c-white);
-            }
-        }
-    }
-
-    &__wrap {
-        padding: 16px;
-        background: var(--c-grey-2);
-        border: 1px solid var(--c-grey-2);
-        border-radius: 10px;
-        position: relative;
-        display: flex;
-        align-items: center;
-
-        &__mnemonic {
-            font-size: 14px;
-            line-height: 26px;
-            color: var(--c-black);
-        }
-
-        &__text {
-            font-size: 14px;
-            color: var(--c-grey-7);
-            margin-right: 16px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            line-height: 24px;
-        }
-
-        &__copy {
-            min-width: 16px;
-            cursor: pointer;
-        }
-
-        &__blur {
-            position: absolute;
-            inset: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 10px;
-            backdrop-filter: blur(10px);
-        }
-    }
-}
-
-.shown {
-    white-space: unset;
-    text-overflow: unset;
-    overflow-wrap: break-word;
-    text-align: left;
-    font-family: 'Courier', monospace;
-}
-
-.justify {
-    justify-content: space-between;
-}
-
-:deep(.info__box) {
-    width: 270px;
-    left: calc(50% - 135px);
-    top: unset;
-    bottom: 15px;
-    cursor: default;
-    filter: none;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__message) {
-    background: var(--c-grey-6);
-    border-radius: 4px;
-    padding: 10px 8px;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__arrow) {
-    background: var(--c-grey-6);
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/AccessCreatedStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/AccessCreatedStep.vue
deleted file mode 100644
index 26aed9ad7fef..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/AccessCreatedStep.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="access-created">
-        <p class="access-created__info">
-            Now copy or download to save the Access Grant as it will only appear once.
-        </p>
-        <ButtonsContainer label="Save your access grant">
-            <template #leftButton>
-                <VButton
-                    :label="isCopied ? 'Copied' : 'Copy'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onCopy"
-                    :icon="isCopied ? 'check' : 'copy'"
-                    :is-white="!isCopied"
-                    :is-white-green="isCopied"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="isDownloaded ? 'Downloaded' : 'Download'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onDownload"
-                    :icon="isDownloaded ? 'check' : 'download'"
-                    :is-white="!isDownloaded"
-                    :is-white-green="isDownloaded"
-                />
-            </template>
-        </ButtonsContainer>
-        <div class="access-created__blurred">
-            <ValueWithBlur
-                button-label="Show Access Grant"
-                :is-mnemonic="false"
-                :value="accessGrant"
-                title="Access Grant"
-            />
-        </div>
-        <p v-if="hasNextStep" class="access-created__disclaimer">To view your S3 credentials, click next.</p>
-        <ButtonsContainer>
-            <template #leftButton>
-                <LinkButton
-                    label="Learn More"
-                    link="https://docs.storj.io/dcs/concepts/access/access-grants"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="hasNextStep ? 'Next' : 'Finish'"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onNextButtonClick"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { Download } from '@/utils/download';
-import { AccessType } from '@/types/createAccessGrant';
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import ValueWithBlur from '@/components/accessGrants/createFlow/components/ValueWithBlur.vue';
-import LinkButton from '@/components/accessGrants/createFlow/components/LinkButton.vue';
-
-const props = defineProps<{
-    accessTypes: AccessType[];
-    name: string;
-    accessGrant: string;
-    onContinue: () => void;
-}>();
-
-const notify = useNotify();
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-const isCopied = ref<boolean>(false);
-const isDownloaded = ref<boolean>(false);
-
-/**
- * Indicates if there are S3 credentials to show.
- */
-const hasNextStep = computed((): boolean => {
-    return props.accessTypes.includes(AccessType.S3) && props.accessTypes.includes(AccessType.AccessGrant);
-});
-
-/**
- * Saves passphrase to clipboard.
- */
-function onCopy(): void {
-    navigator.clipboard.writeText(props.accessGrant);
-    isCopied.value = true;
-    analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
-    notify.success(`Access Grant was copied successfully`);
-}
-
-/**
- * Downloads passphrase into .txt file.
- */
-function onDownload(): void {
-    isDownloaded.value = true;
-    Download.file(props.accessGrant, `Storj-access-${props.name}-${new Date().toISOString()}.txt`);
-    analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
-}
-
-/**
- * Holds on Next/Finish button click logic.
- */
-function onNextButtonClick(): void {
-    if (hasNextStep.value) {
-        props.onContinue();
-        return;
-    }
-
-    router.push(RouteConfig.AccessGrants.path);
-}
-</script>
-
-<style lang="scss" scoped>
-.access-created {
-    font-family: 'font_regular', sans-serif;
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: #091c45;
-        padding: 16px 0;
-        margin-bottom: 16px;
-        border-bottom: 1px solid #ebeef1;
-        text-align: left;
-    }
-
-    &__blurred {
-        margin-top: 16px;
-        padding: 16px 0;
-        border-top: 1px solid #ebeef1;
-        border-bottom: 1px solid #ebeef1;
-    }
-
-    &__disclaimer {
-        font-size: 14px;
-        line-height: 20px;
-        color: #1b2533;
-        margin-top: 16px;
-        text-align: left;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/AccessEncryptionStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/AccessEncryptionStep.vue
deleted file mode 100644
index 0cebb275b516..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/AccessEncryptionStep.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="encryption">
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.EncryptionPassphrase]">
-            <template #functional>
-                <div class="encryption__radios">
-                    <Radio
-                        v-if="!isPromptForPassphrase"
-                        id="currentPassphrase"
-                        :checked="isSelectedOption(_PassphraseOption.UseExistingPassphrase)"
-                        :on-check="() => setOption(_PassphraseOption.UseExistingPassphrase)"
-                        label="Use the current passphrase"
-                        info="Create this access with the same passphrase you use for this project.
-                            This allows you to manage existing data you have uploaded with the same passphrase."
-                    />
-                    <Radio
-                        v-else
-                        id="myPassphrase"
-                        :checked="isSelectedOption(_PassphraseOption.SetMyProjectPassphrase)"
-                        :on-check="() => setOption(_PassphraseOption.SetMyProjectPassphrase)"
-                        label="Enter my project passphrase"
-                        info="You will enter your encryption passphrase on the next step. Make sure it's the same one
-                            you use for this project. This allows you to manage existing data you have uploaded with the
-                            same passphrase."
-                    />
-                    <div tabindex="0" class="encryption__radios__advanced" @click="toggleAdvanced" @keyup.space="toggleAdvanced">
-                        <h2 class="encryption__radios__advanced__label">Advanced</h2>
-                        <ChevronIcon
-                            class="encryption__radios__advanced__chevron"
-                            :class="{'encryption__radios__advanced__chevron--up': advancedShown}"
-                        />
-                    </div>
-                    <Radio
-                        v-show="advancedShown"
-                        id="new passphrase"
-                        :checked="isSelectedOption(_PassphraseOption.EnterNewPassphrase)"
-                        :on-check="() => setOption(_PassphraseOption.EnterNewPassphrase)"
-                        label="Enter a new passphrase"
-                        info="Create this access with a new encryption passphrase that you can enter on the next step.
-                            The access will not be able to manage any existing data."
-                    />
-                    <Radio
-                        v-show="advancedShown"
-                        id="generate passphrase"
-                        :checked="isSelectedOption(_PassphraseOption.GenerateNewPassphrase)"
-                        :on-check="() => setOption(_PassphraseOption.GenerateNewPassphrase)"
-                        label="Generate 12-word passphrase"
-                        info="Create this access with a new encryption passphrase that will be generated for you on
-                            the next step. The access will not be able to manage any existing data."
-                    />
-                </div>
-            </template>
-            <template #info>
-                <div v-if="advancedShown" class="encryption__warning-container">
-                    <OrangeWarningIcon class="encryption__warning-container__icon" />
-                    <div>
-                        <p class="encryption__warning-container__message">
-                            <b>Warning.</b> Creating a new passphrase for this access will prevent it from decrypting
-                            data that has already been uploaded with the current passphrase.
-                        </p>
-                        <br>
-                        <p class="encryption__warning-container__disclaimer">
-                            Proceed only if you understand
-                        </p>
-                    </div>
-                </div>
-            </template>
-        </ContainerWithIcon>
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Back"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onBack"
-                    :is-white="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Create Access ->"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onContinue"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import {
-    FUNCTIONAL_CONTAINER_ICON_AND_TITLE,
-    FunctionalContainer,
-    PassphraseOption,
-} from '@/types/createAccessGrant';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import ContainerWithIcon from '@/components/accessGrants/createFlow/components/ContainerWithIcon.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import Radio from '@/components/accessGrants/createFlow/components/Radio.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import ChevronIcon from '@/../static/images/accessGrants/newCreateFlow/chevron.svg';
-import OrangeWarningIcon from '@/../static/images/accessGrants/newCreateFlow/orangeWarning.svg';
-
-const props = defineProps<{
-    passphraseOption: PassphraseOption;
-    setOption: (option: PassphraseOption) => void;
-    onBack: () => void;
-    onContinue: () => void;
-}>();
-
-const bucketsStore = useBucketsStore();
-
-const advancedShown = ref<boolean>(false);
-
-// We do this because imported enum is not directly accessible in template.
-const _PassphraseOption = PassphraseOption;
-
-/**
- * Indicates if user has to be prompt to enter project passphrase.
- */
-const isPromptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Toggles advanced options visibility.
- */
-function toggleAdvanced(): void {
-    advancedShown.value = !advancedShown.value;
-}
-
-/**
- * Indicates if option is selected in root component.
- */
-function isSelectedOption(option: PassphraseOption): boolean {
-    return props.passphraseOption === option;
-}
-</script>
-
-<style lang="scss" scoped>
-.encryption {
-    font-family: 'font_regular', sans-serif;
-
-    &__radios {
-        display: flex;
-        flex-direction: column;
-        row-gap: 16px;
-
-        &__advanced {
-            display: flex;
-            align-items: center;
-
-            &__label {
-                font-family: 'font_bold', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-black);
-                text-align: left;
-                cursor: pointer;
-            }
-
-            &__chevron {
-                transition: transform 0.3s;
-                margin-left: 8px;
-                cursor: pointer;
-
-                &--up {
-                    transform: rotate(180deg);
-                }
-            }
-        }
-    }
-
-    &__warning-container {
-        background: var(--c-yellow-1);
-        border: 1px solid var(--c-yellow-2);
-        box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-        border-radius: 10px;
-        padding: 16px;
-        display: flex;
-        align-items: flex-start;
-        margin-top: 16px;
-
-        @media screen and (width <= 460px) {
-            flex-direction: column;
-        }
-
-        &__icon {
-            min-width: 32px;
-            margin-right: 16px;
-
-            @media screen and (width <= 460px) {
-                margin: 0 0 16px;
-            }
-        }
-
-        &__message {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-black);
-            text-align: left;
-        }
-
-        &__disclaimer {
-            font-family: 'font_bold', sans-serif;
-            font-size: 14px;
-            line-height: 22px;
-            color: var(--c-black);
-            text-align: left;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/CLIAccessCreatedStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/CLIAccessCreatedStep.vue
deleted file mode 100644
index dd0585719600..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/CLIAccessCreatedStep.vue
+++ /dev/null
@@ -1,160 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="cli-access">
-        <p class="cli-access__info">
-            Now copy and save the Satellite Address and API Key as they will only appear once.
-        </p>
-        <ButtonsContainer label="Save your CLI access">
-            <template #leftButton>
-                <VButton
-                    :label="isCopied ? 'Copied' : 'Copy all'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onCopy"
-                    :icon="isCopied ? 'check' : 'copy'"
-                    :is-white="!isCopied"
-                    :is-white-green="isCopied"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="isDownloaded ? 'Downloaded' : 'Download all'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onDownload"
-                    :icon="isDownloaded ? 'check' : 'download'"
-                    :is-white="!isDownloaded"
-                    :is-white-green="isDownloaded"
-                />
-            </template>
-        </ButtonsContainer>
-        <div class="cli-access__blurred">
-            <ValueWithBlur
-                class="cli-access__blurred__address"
-                button-label="Show Address"
-                :is-mnemonic="false"
-                :value="satelliteAddress"
-                title="Satellite Address"
-            />
-            <ValueWithBlur
-                button-label="Show API Key"
-                :is-mnemonic="false"
-                :value="apiKey"
-                title="API Key"
-            />
-        </div>
-        <ButtonsContainer>
-            <template #leftButton>
-                <LinkButton
-                    label="Learn More"
-                    link="https://docs.storj.io/dcs/concepts/access/access-grants/api-key"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Finish"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onFinishButtonClick"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { Download } from '@/utils/download';
-import { RouteConfig } from '@/types/router';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import ValueWithBlur from '@/components/accessGrants/createFlow/components/ValueWithBlur.vue';
-import LinkButton from '@/components/accessGrants/createFlow/components/LinkButton.vue';
-
-const props = defineProps<{
-    name: string;
-    apiKey: string;
-}>();
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const notify = useNotify();
-const router = useRouter();
-
-const isCopied = ref<boolean>(false);
-const isDownloaded = ref<boolean>(false);
-
-/**
- * Returns the web address of this satellite from the store.
- */
-const satelliteAddress = computed((): string => {
-    return configStore.state.config.satelliteNodeURL;
-});
-
-/**
- * Saves CLI access to clipboard.
- */
-function onCopy(): void {
-    navigator.clipboard.writeText(`${satelliteAddress.value} ${props.apiKey}`);
-    isCopied.value = true;
-    analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
-    notify.success(`CLI access was copied successfully`);
-}
-
-/**
- * Downloads CLI access into .txt file.
- */
-function onDownload(): void {
-    isDownloaded.value = true;
-
-    const fileContent = `Satellite address:\n${satelliteAddress.value}\n\nAPI Key:\n${props.apiKey}`;
-    Download.file(fileContent, `Storj-CLI-access-${props.name}-${new Date().toISOString()}.txt`);
-    analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
-}
-
-/**
- * Holds on Finish button click logic.
- */
-function onFinishButtonClick(): void {
-    router.push(RouteConfig.AccessGrants.path);
-}
-</script>
-
-<style lang="scss" scoped>
-.cli-access {
-    font-family: 'font_regular', sans-serif;
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: #091c45;
-        padding: 16px 0;
-        margin-bottom: 16px;
-        border-bottom: 1px solid #ebeef1;
-        text-align: left;
-    }
-
-    &__blurred {
-        margin-top: 16px;
-        padding: 16px 0;
-        border-top: 1px solid #ebeef1;
-        border-bottom: 1px solid #ebeef1;
-
-        &__address {
-            margin-bottom: 16px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/ChoosePermissionStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/ChoosePermissionStep.vue
deleted file mode 100644
index e5eb8e13da93..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/ChoosePermissionStep.vue
+++ /dev/null
@@ -1,370 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="choose">
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Permissions]">
-            <template #functional>
-                <div class="choose__toggles">
-                    <Toggle
-                        id="allPermissions"
-                        :checked="selectedPermissions.length === 4"
-                        label="All"
-                        :on-check="() => onSelectPermission(Permission.All)"
-                        :on-show-hide-all="togglePermissionsVisibility"
-                        :all-shown="allPermissionsShown"
-                    />
-                    <template v-if="allPermissionsShown">
-                        <Toggle
-                            :checked="selectedPermissions.includes(Permission.Read)"
-                            label="Read"
-                            :on-check="() => onSelectPermission(Permission.Read)"
-                        />
-                        <Toggle
-                            :checked="selectedPermissions.includes(Permission.Write)"
-                            label="Write"
-                            :on-check="() => onSelectPermission(Permission.Write)"
-                        />
-                        <Toggle
-                            :checked="selectedPermissions.includes(Permission.List)"
-                            label="List"
-                            :on-check="() => onSelectPermission(Permission.List)"
-                        />
-                        <Toggle
-                            :checked="selectedPermissions.includes(Permission.Delete)"
-                            label="Delete"
-                            :on-check="() => onSelectPermission(Permission.Delete)"
-                        />
-                    </template>
-                </div>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Buckets]">
-            <template #functional>
-                <Toggle
-                    id="allBuckets"
-                    :checked="selectedBuckets.length === 0"
-                    label="All"
-                    :disabled="selectedBuckets.length === 0"
-                    :on-check="selectAllBuckets"
-                    :on-show-hide-all="toggleBucketsVisibility"
-                    :all-shown="searchBucketsShown"
-                />
-                <template v-if="searchBucketsShown">
-                    <div v-if="selectedBuckets.length" class="choose__selected-container">
-                        <div v-for="bucket in selectedBuckets" :key="bucket" class="choose__selected-container__item">
-                            <p class="choose__selected-container__item__label">{{ bucket }}</p>
-                            <CloseIcon tabindex="0" @click="() => onUnselectBucket(bucket)" @keyup.space="() => onUnselectBucket(bucket)" />
-                        </div>
-                    </div>
-                    <div class="choose__search-container">
-                        <SearchIcon />
-                        <input v-model="searchQuery" placeholder="Search by name">
-                    </div>
-                    <div v-if="searchQuery" class="choose__bucket-results">
-                        <template v-if="bucketsList.length">
-                            <p
-                                v-for="bucket in bucketsList"
-                                :key="bucket"
-                                tabindex="0"
-                                class="choose__bucket-results__item"
-                                @click="() => selectBucket(bucket)"
-                                @keyup.space="() => selectBucket(bucket)"
-                            >
-                                {{ bucket }}
-                            </p>
-                        </template>
-                        <template v-else>
-                            <p class="choose__bucket-results__empty">No Buckets found.</p>
-                        </template>
-                    </div>
-                </template>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.EndDate]">
-            <template #functional>
-                <div class="choose__date-selection">
-                    <p
-                        v-if="!settingDate && !notAfter"
-                        tabindex="0"
-                        class="choose__date-selection__label"
-                        @click="toggleSettingDate"
-                        @keyup.space="toggleSettingDate"
-                    >
-                        Add Date (optional)
-                    </p>
-                    <EndDateSelection
-                        v-else
-                        :set-not-after="onSetNotAfter"
-                        :not-after-label="notAfterLabel"
-                        :set-not-after-label="onSetNotAfterLabel"
-                    />
-                </div>
-            </template>
-        </ContainerWithIcon>
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Back"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onBack"
-                    :is-white="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Continue ->"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="handleContinue"
-                    :is-disabled="isButtonDisabled"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import {
-    FUNCTIONAL_CONTAINER_ICON_AND_TITLE,
-    FunctionalContainer,
-    Permission,
-} from '@/types/createAccessGrant';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import ContainerWithIcon from '@/components/accessGrants/createFlow/components/ContainerWithIcon.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import EndDateSelection from '@/components/accessGrants/createFlow/components/EndDateSelection.vue';
-import Toggle from '@/components/accessGrants/createFlow/components/Toggle.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import SearchIcon from '@/../static/images/common/search.svg';
-import CloseIcon from '@/../static/images/accessGrants/newCreateFlow/close.svg';
-
-const props = withDefaults(defineProps<{
-    selectedPermissions: Permission[];
-    onSelectPermission: (type: Permission) => void;
-    selectedBuckets: string[];
-    onSelectBucket: (bucket: string) => void;
-    onUnselectBucket: (bucket: string) => void;
-    onSelectAllBuckets: () => void;
-    onSetNotAfter: (date: Date | undefined) => void;
-    onSetNotAfterLabel: (label: string) => void;
-    notAfterLabel: string;
-    onBack: () => void;
-    onContinue: () => void;
-    notAfter?: Date;
-}>(), {
-    notAfter: undefined,
-});
-
-const bucketsStore = useBucketsStore();
-const notify = useNotify();
-
-const allPermissionsShown = ref<boolean>(false);
-const searchBucketsShown = ref<boolean>(false);
-const settingDate = ref<boolean>(false);
-const searchQuery = ref<string>('');
-
-/**
- * Indicates if button should be disabled.
- */
-const isButtonDisabled = computed((): boolean => {
-    return !props.selectedPermissions.length;
-});
-
-/**
- * Returns stored bucket names list filtered by search string.
- */
-const bucketsList = computed((): string[] => {
-    const NON_EXIST_INDEX = -1;
-    const buckets: string[] = bucketsStore.state.allBucketNames;
-
-    return buckets.filter((name: string) => {
-        return name.indexOf(searchQuery.value.toLowerCase()) !== NON_EXIST_INDEX && !props.selectedBuckets.includes(name);
-    });
-});
-
-/**
- * Selects bucket and clears search.
- */
-function selectBucket(bucket: string): void {
-    props.onSelectBucket(bucket);
-    searchQuery.value = '';
-}
-
-/**
- * Handles continue button click.
- */
-function handleContinue(): void {
-    if (props.notAfter) {
-        const now = new Date();
-        now.setHours(0, 0, 0, 0);
-
-        if (props.notAfter.getTime() < now.getTime()) {
-            notify.error('End date must be later or equal to today.', AnalyticsErrorEventSource.CREATE_AG_MODAL);
-            return;
-        }
-    }
-
-    props.onContinue();
-}
-
-/**
- * Selects all buckets and clears search.
- */
-function selectAllBuckets(): void {
-    props.onSelectAllBuckets();
-    searchQuery.value = '';
-}
-
-/**
- * Toggles end date selection visibility.
- */
-function toggleSettingDate(): void {
-    settingDate.value = true;
-}
-
-/**
- * Toggles full list of permissions visibility.
- */
-function togglePermissionsVisibility(): void {
-    allPermissionsShown.value = !allPermissionsShown.value;
-}
-
-/**
- * Toggles bucket search/select visibility.
- */
-function toggleBucketsVisibility(): void {
-    searchBucketsShown.value = !searchBucketsShown.value;
-}
-</script>
-
-<style lang="scss" scoped>
-.choose {
-    font-family: 'font_regular', sans-serif;
-
-    &__toggles {
-        display: flex;
-        flex-direction: column;
-        row-gap: 16px;
-    }
-
-    &__search-container {
-        display: flex;
-        align-items: center;
-        background: var(--c-white);
-        border: 1px solid var(--c-grey-3);
-        border-radius: 8px;
-        padding: 12px;
-        margin-top: 16px;
-
-        svg {
-            min-width: 17px;
-            margin-right: 12px;
-        }
-
-        input {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-black);
-            border: none;
-            outline: none;
-        }
-    }
-
-    &__selected-container {
-        flex-wrap: wrap;
-        display: flex;
-        align-items: center;
-        margin-top: 16px;
-        gap: 4px 4px;
-
-        &__item {
-            max-width: 100%;
-            display: flex;
-            align-items: center;
-            box-sizing: border-box;
-            padding: 6px 16px;
-            border: 1px solid var(--c-grey-3);
-            box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-            border-radius: 8px;
-
-            &__label {
-                margin-right: 8px;
-                font-family: 'font_bold', sans-serif;
-                font-size: 12px;
-                line-height: 20px;
-                color: var(--c-black);
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-
-        svg {
-            cursor: pointer;
-            min-width: 14px;
-        }
-    }
-
-    &__bucket-results {
-        padding: 4px 0;
-        max-height: 120px;
-        overflow-y: auto;
-        border: 1px solid var(--c-grey-3);
-        box-shadow: 0 4px 6px -2px rgb(0 0 0 / 5%);
-        border-radius: 6px;
-        max-width: 100%;
-        box-sizing: border-box;
-
-        &__item {
-            background-color: var(--c-white);
-            font-weight: 500;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-black);
-            padding: 10px 16px;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            text-align: left;
-            cursor: pointer;
-
-            &:hover {
-                background-color: var(--c-grey-2);
-            }
-        }
-
-        &__empty {
-            padding: 10px 16px;
-            font-weight: 500;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-black);
-            text-align: left;
-        }
-    }
-
-    &__date-selection {
-        margin-top: -8px;
-
-        &__label {
-            font-size: 14px;
-            line-height: 22px;
-            text-decoration: underline;
-            text-underline-position: under;
-            color: var(--c-grey-6);
-            text-align: left;
-            cursor: pointer;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/ConfirmDetailsStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/ConfirmDetailsStep.vue
deleted file mode 100644
index cf9bf8ba5dac..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/ConfirmDetailsStep.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="confirm">
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Type]">
-            <template #functional>
-                <p class="confirm__label">{{ accessTypes.join(', ') }}</p>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Name]">
-            <template #functional>
-                <p class="confirm__label">{{ name }}</p>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Permissions]">
-            <template #functional>
-                <p class="confirm__label">{{ selectedPermissions.length === 4 ? 'All' : selectedPermissions.join(', ') }}</p>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Buckets]">
-            <template #functional>
-                <p class="confirm__label">{{ selectedBuckets.length === 0 ? 'All' : selectedBuckets.join(', ') }}</p>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.EndDate]">
-            <template #functional>
-                <p class="confirm__label">{{ notAfterLabel }}</p>
-            </template>
-        </ContainerWithIcon>
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Back"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onBack"
-                    :is-white="true"
-                    :is-disabled="isLoading"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Confirm"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onContinue"
-                    :is-disabled="isLoading"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import {
-    AccessType,
-    FUNCTIONAL_CONTAINER_ICON_AND_TITLE,
-    FunctionalContainer,
-    Permission,
-} from '@/types/createAccessGrant';
-
-import ContainerWithIcon from '@/components/accessGrants/createFlow/components/ContainerWithIcon.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const props = defineProps<{
-    name: string;
-    accessTypes: AccessType[];
-    selectedPermissions: Permission[];
-    selectedBuckets: string[];
-    notAfterLabel: string;
-    onBack: () => void;
-    onContinue: () => void;
-    isLoading: boolean;
-}>();
-</script>
-
-<style lang="scss" scoped>
-.confirm {
-    font-family: 'font_regular', sans-serif;
-
-    &__label {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        text-align: left;
-        word-break: break-word;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/CreateNewAccessStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/CreateNewAccessStep.vue
deleted file mode 100644
index 4b3978b11903..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/CreateNewAccessStep.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="create">
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Type]">
-            <template #functional>
-                <div class="create__toggles">
-                    <Toggle
-                        :checked="selectedAccessTypes.includes(AccessType.AccessGrant)"
-                        label="Access Grant"
-                        :on-check="() => onSelectType(AccessType.AccessGrant)"
-                    >
-                        <template #infoMessage>
-                            <p class="create__toggles__info">
-                                Keys to upload, delete, and view your project's data.
-                                <a
-                                    tabindex="0"
-                                    class="create__toggles__info__link"
-                                    href="https://docs.storj.io/dcs/concepts/access/access-grants"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                    @click="() => trackPageVisit('https://docs.storj.io/dcs/concepts/access/access-grants')"
-                                >Learn More</a>
-                            </p>
-                        </template>
-                    </Toggle>
-                    <Toggle
-                        :checked="selectedAccessTypes.includes(AccessType.S3)"
-                        label="S3 Credentials"
-                        :on-check="() => onSelectType(AccessType.S3)"
-                    >
-                        <template #infoMessage>
-                            <p class="create__toggles__info">
-                                Generates access key, secret key, and endpoint to use in your S3-supporting application.
-                                <a
-                                    tabindex="0"
-                                    class="create__toggles__info__link"
-                                    href="https://docs.storj.io/dcs/api-reference/s3-compatible-gateway"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                    @click="() => trackPageVisit('https://docs.storj.io/dcs/api-reference/s3-compatible-gateway')"
-                                >Learn More</a>
-                            </p>
-                        </template>
-                    </Toggle>
-                    <Toggle
-                        :checked="selectedAccessTypes.includes(AccessType.APIKey)"
-                        label="CLI Access"
-                        :on-check="() => onSelectType(AccessType.APIKey)"
-                    >
-                        <template #infoMessage>
-                            <p class="create__toggles__info">
-                                Creates access grant to run in the command line.
-                                <a
-                                    tabindex="0"
-                                    class="create__toggles__info__link"
-                                    href="https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/generate-access-grants-and-tokens/generate-a-token"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                    @click="() => trackPageVisit('https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/generate-access-grants-and-tokens/generate-a-token')"
-                                >Learn More</a>
-                            </p>
-                        </template>
-                    </Toggle>
-                </div>
-            </template>
-        </ContainerWithIcon>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.Name]">
-            <template #functional>
-                <VInput
-                    class="create__input"
-                    placeholder="Input Access Name"
-                    :init-value="name"
-                    @setData="setName"
-                />
-            </template>
-        </ContainerWithIcon>
-        <ButtonsContainer>
-            <template #leftButton>
-                <LinkButton
-                    label="Learn more"
-                    link="https://docs.storj.io/dcs/concepts/access/access-grants/api-key"
-                    :with-icon="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Continue ->"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onContinue"
-                    :is-disabled="isButtonDisabled"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { AccessType, FUNCTIONAL_CONTAINER_ICON_AND_TITLE, FunctionalContainer } from '@/types/createAccessGrant';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import ContainerWithIcon from '@/components/accessGrants/createFlow/components/ContainerWithIcon.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import LinkButton from '@/components/accessGrants/createFlow/components/LinkButton.vue';
-import Toggle from '@/components/accessGrants/createFlow/components/Toggle.vue';
-import VInput from '@/components/common/VInput.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const props = defineProps<{
-    name: string;
-    setName: (value: string) => void;
-    selectedAccessTypes: AccessType[];
-    onSelectType: (type: AccessType) => void;
-    onContinue: () => void;
-}>();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Indicates if button should be disabled.
- */
-const isButtonDisabled = computed((): boolean => {
-    return !props.name || !props.selectedAccessTypes.length;
-});
-
-/**
- * Sends "trackPageVisit" event to segment.
- */
-function trackPageVisit(link: string): void {
-    analyticsStore.pageVisit(link);
-}
-</script>
-
-<style lang="scss" scoped>
-.create {
-    font-family: 'font_regular', sans-serif;
-
-    &__toggles {
-        display: flex;
-        flex-direction: column;
-        row-gap: 16px;
-
-        &__info {
-            color: var(--c-white);
-
-            &__link {
-                color: var(--c-white);
-                text-decoration: underline !important;
-                text-underline-position: under;
-
-                &:visited {
-                    color: var(--c-white);
-                }
-
-                &:focus {
-                    outline: 2px solid #fff;
-                }
-            }
-        }
-    }
-
-    &__input {
-        margin-top: 0;
-    }
-}
-
-:deep(.label-container) {
-    display: none;
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/EncryptionInfoStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/EncryptionInfoStep.vue
deleted file mode 100644
index e53e3c47c8fa..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/EncryptionInfoStep.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="warning-step">
-        <p class="warning-step__info">
-            By generating S3 credentials, you are opting in to
-            <a
-                class="warning-step__info__link"
-                href="https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption/"
-                target="_blank"
-                rel="noopener noreferrer"
-                @click="trackPageVisit"
-            >server-side encryption</a>.
-        </p>
-        <Toggle
-            :checked="isDontShow"
-            :on-check="toggleDontShow"
-            label="I understand, don’t show this again."
-        />
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Back"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="backClick"
-                    :is-white="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Continue ->"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="continueClick"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { LocalData } from '@/utils/localData';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import Toggle from '@/components/accessGrants/createFlow/components/Toggle.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const props = defineProps<{
-    onBack: () => void;
-    onContinue: () => void;
-}>();
-
-const analyticsStore = useAnalyticsStore();
-
-const isDontShow = ref<boolean>(false);
-
-/**
- * Sends "trackPageVisit" event to segment.
- */
-function trackPageVisit(): void {
-    analyticsStore.pageVisit('https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption/');
-}
-
-/**
- * Toggles 'passphrase is saved' checkbox.
- */
-function toggleDontShow(): void {
-    isDontShow.value = !isDontShow.value;
-}
-
-/**
- * Holds on continue click button logic.
- */
-function continueClick(): void {
-    if (isDontShow.value) {
-        LocalData.setServerSideEncryptionModalHidden(true);
-    }
-    props.onContinue();
-}
-
-/**
- * Holds on back click button logic.
- */
-function backClick(): void {
-    if (isDontShow.value) {
-        LocalData.setServerSideEncryptionModalHidden(true);
-    }
-    props.onBack();
-}
-</script>
-
-<style lang="scss" scoped>
-.warning-step {
-    font-family: 'font_regular', sans-serif;
-
-    &__info {
-        font-size: 16px;
-        line-height: 24px;
-        color: var(--c-blue-6);
-        padding: 16px 0;
-        text-align: left;
-
-        &__link {
-            font-size: 16px;
-            line-height: 24px;
-            color: var(--c-blue-6);
-            text-decoration: underline !important;
-            text-underline-position: under;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/EnterPassphraseStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/EnterPassphraseStep.vue
deleted file mode 100644
index 7f717807cf67..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/EnterPassphraseStep.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="enter-passphrase">
-        <p class="enter-passphrase__info">{{ info }}</p>
-        <div class="enter-passphrase__input-container">
-            <VInput
-                label="Encryption Passphrase"
-                placeholder="Enter Encryption Passphrase"
-                is-password
-                :autocomplete="autocompleteValue"
-                :init-value="passphrase"
-                @setData="setPassphrase"
-            />
-        </div>
-        <div v-if="isNewPassphrase" class="enter-passphrase__toggle-container">
-            <Toggle
-                :checked="isPassphraseSaved"
-                :on-check="togglePassphraseSaved"
-                label="Yes, I saved my encryption passphrase."
-            />
-        </div>
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Back"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onBack"
-                    :is-white="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="isProjectPassphrase ? 'Continue ->' : 'Create Access ->'"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onContinue"
-                    :is-disabled="isButtonDisabled"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import Toggle from '@/components/accessGrants/createFlow/components/Toggle.vue';
-import VButton from '@/components/common/VButton.vue';
-import VInput from '@/components/common/VInput.vue';
-
-const props = withDefaults(defineProps<{
-    isProjectPassphrase?: boolean;
-    isNewPassphrase?: boolean;
-    info: string;
-    passphrase: string;
-    setPassphrase: (value: string) => void;
-    onBack: () => void;
-    onContinue: () => void;
-}>(), {
-    isProjectPassphrase: false,
-    isNewPassphrase: false,
-});
-
-const projectsStore = useProjectsStore();
-
-const isPassphraseSaved = ref<boolean>(false);
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    const projectID = projectsStore.state.selectedProject.id;
-    return `section-${projectID?.toLowerCase()} new-password`;
-});
-
-/**
- * Indicates if continue button is disabled.
- */
-const isButtonDisabled = computed((): boolean => {
-    if (props.isNewPassphrase) {
-        return !(props.passphrase && isPassphraseSaved.value);
-    }
-
-    return !props.passphrase;
-});
-
-/**
- * Toggles 'passphrase is saved' checkbox.
- */
-function togglePassphraseSaved(): void {
-    isPassphraseSaved.value = !isPassphraseSaved.value;
-}
-</script>
-
-<style lang="scss" scoped>
-.enter-passphrase {
-    font-family: 'font_regular', sans-serif;
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        padding: 16px 0;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__input-container {
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-
-    &__toggle-container {
-        padding: 16px 0;
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/PassphraseGeneratedStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/PassphraseGeneratedStep.vue
deleted file mode 100644
index f161aa3f2f56..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/PassphraseGeneratedStep.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="generated">
-        <p v-if="isProjectPassphrase" class="generated__info">
-            Please note that Storj does not know or store your encryption passphrase. If you lose it, you will not be
-            able to recover your files.
-        </p>
-        <p v-else class="generated__info">
-            This passphrase will be used to encrypt all the files you upload using this access grant. You will need it
-            to access these files in the future.
-        </p>
-        <ButtonsContainer label="Save your encryption passphrase">
-            <template #leftButton>
-                <VButton
-                    :label="isPassphraseCopied ? 'Copied' : 'Copy'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onCopy"
-                    :icon="isPassphraseCopied ? 'check' : 'copy'"
-                    :is-white="!isPassphraseCopied"
-                    :is-white-green="isPassphraseCopied"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="isPassphraseDownloaded ? 'Downloaded' : 'Download'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onDownload"
-                    :icon="isPassphraseDownloaded ? 'check' : 'download'"
-                    :is-white="!isPassphraseDownloaded"
-                    :is-white-green="isPassphraseDownloaded"
-                />
-            </template>
-        </ButtonsContainer>
-        <div class="generated__blurred">
-            <ValueWithBlur
-                button-label="Show Passphrase"
-                :is-mnemonic="true"
-                :value="passphrase"
-            />
-        </div>
-        <div class="generated__toggle-container">
-            <Toggle
-                :checked="isPassphraseSaved"
-                :on-check="togglePassphraseSaved"
-                label="Yes, I saved my encryption passphrase."
-            />
-        </div>
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Back"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onBack"
-                    :is-white="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="isProjectPassphrase ? 'Continue ->' : 'Create Access ->'"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onContinue"
-                    :is-disabled="isButtonDisabled"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { Download } from '@/utils/download';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import ValueWithBlur from '@/components/accessGrants/createFlow/components/ValueWithBlur.vue';
-import Toggle from '@/components/accessGrants/createFlow/components/Toggle.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const props = withDefaults(defineProps<{
-    name: string;
-    passphrase: string;
-    onBack: () => void;
-    onContinue: () => void;
-    isProjectPassphrase?: boolean;
-}>(), {
-    isProjectPassphrase: false,
-});
-
-const analyticsStore = useAnalyticsStore();
-
-const notify = useNotify();
-
-const isPassphraseSaved = ref<boolean>(false);
-const isPassphraseCopied = ref<boolean>(false);
-const isPassphraseDownloaded = ref<boolean>(false);
-
-/**
- * Indicates if continue button is disabled.
- */
-const isButtonDisabled = computed((): boolean => {
-    return !(props.passphrase && isPassphraseSaved.value);
-});
-
-/**
- * Toggles 'passphrase is saved' checkbox.
- */
-function togglePassphraseSaved(): void {
-    isPassphraseSaved.value = !isPassphraseSaved.value;
-}
-
-/**
- * Saves passphrase to clipboard.
- */
-function onCopy(): void {
-    isPassphraseCopied.value = true;
-    navigator.clipboard.writeText(props.passphrase);
-    analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
-    notify.success(`Passphrase was copied successfully`);
-}
-
-/**
- * Downloads passphrase into .txt file.
- */
-function onDownload(): void {
-    isPassphraseDownloaded.value = true;
-    Download.file(props.passphrase, `passphrase-${props.name}-${new Date().toISOString()}.txt`);
-    analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
-}
-</script>
-
-<style lang="scss" scoped>
-.generated {
-    font-family: 'font_regular', sans-serif;
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        padding: 16px 0;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__toggle-container {
-        padding: 16px 0;
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-
-    &__blurred {
-        margin-top: 16px;
-        padding: 16px 0;
-        border-top: 1px solid var(--c-grey-2);
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-}
-</style>
diff --git a/web/satellite/src/components/accessGrants/createFlow/steps/S3CredentialsCreatedStep.vue b/web/satellite/src/components/accessGrants/createFlow/steps/S3CredentialsCreatedStep.vue
deleted file mode 100644
index 40a9a4be32f4..000000000000
--- a/web/satellite/src/components/accessGrants/createFlow/steps/S3CredentialsCreatedStep.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="credentials">
-        <p class="credentials__info">
-            Now copy and save the S3 credentials as they will only appear once.
-        </p>
-        <ButtonsContainer label="Save your S3 credentials">
-            <template #leftButton>
-                <VButton
-                    :label="isCopied ? 'Copied' : 'Copy all'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onCopy"
-                    :icon="isCopied ? 'check' : 'copy'"
-                    :is-white="!isCopied"
-                    :is-white-green="isCopied"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    :label="isDownloaded ? 'Downloaded' : 'Download all'"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    :on-press="onDownload"
-                    :icon="isDownloaded ? 'check' : 'download'"
-                    :is-white="!isDownloaded"
-                    :is-white-green="isDownloaded"
-                />
-            </template>
-        </ButtonsContainer>
-        <div class="credentials__blurred">
-            <ValueWithBlur
-                class="credentials__blurred__with-margin"
-                button-label="Show Access Key"
-                :is-mnemonic="false"
-                :value="credentials.accessKeyId"
-                title="Access Key"
-            />
-            <ValueWithBlur
-                class="credentials__blurred__with-margin"
-                button-label="Show Secret Key"
-                :is-mnemonic="false"
-                :value="credentials.secretKey"
-                title="Secret Key"
-            />
-            <ValueWithBlur
-                button-label="Show Endpoint"
-                :is-mnemonic="false"
-                :value="credentials.endpoint"
-                title="Endpoint"
-            />
-        </div>
-        <ButtonsContainer>
-            <template #leftButton>
-                <LinkButton
-                    label="View Docs"
-                    link="https://docs.storj.io/dcs/api-reference/s3-compatible-gateway"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Finish"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onFinishButtonClick"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { Download } from '@/utils/download';
-import { RouteConfig } from '@/types/router';
-import { EdgeCredentials } from '@/types/accessGrants';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import ValueWithBlur from '@/components/accessGrants/createFlow/components/ValueWithBlur.vue';
-import LinkButton from '@/components/accessGrants/createFlow/components/LinkButton.vue';
-
-const props = defineProps<{
-    name: string;
-    credentials: EdgeCredentials;
-}>();
-
-const notify = useNotify();
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-const isCopied = ref<boolean>(false);
-const isDownloaded = ref<boolean>(false);
-
-/**
- * Saves CLI access to clipboard.
- */
-function onCopy(): void {
-    const { credentials } = props;
-    navigator.clipboard.writeText(`${credentials.accessKeyId} ${credentials.secretKey} ${credentials.endpoint}`);
-
-    isCopied.value = true;
-    analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
-    notify.success(`S3 credentials were copied successfully`);
-}
-
-/**
- * Downloads CLI access into .txt file.
- */
-function onDownload(): void {
-    isDownloaded.value = true;
-
-    const fileContent = `Access Key:\n${props.credentials.accessKeyId}\n\nSecret Key:\n${props.credentials.secretKey}\n\nEndpoint:\n${props.credentials.endpoint}`;
-    Download.file(fileContent, `Storj-S3-credentials-${props.name}-${new Date().toISOString()}.txt`);
-    analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
-}
-
-/**
- * Holds on Finish button click logic.
- */
-function onFinishButtonClick(): void {
-    router.push(RouteConfig.AccessGrants.path);
-}
-</script>
-
-<style lang="scss" scoped>
-.credentials {
-    font-family: 'font_regular', sans-serif;
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: #091c45;
-        padding: 16px 0;
-        margin-bottom: 16px;
-        border-bottom: 1px solid #ebeef1;
-        text-align: left;
-    }
-
-    &__blurred {
-        margin-top: 16px;
-        padding: 16px 0;
-        border-top: 1px solid #ebeef1;
-        border-bottom: 1px solid #ebeef1;
-
-        &__with-margin {
-            margin-bottom: 16px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/account/AccountArea.vue b/web/satellite/src/components/account/AccountArea.vue
deleted file mode 100644
index 61b003bc4205..000000000000
--- a/web/satellite/src/components/account/AccountArea.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="account-area-container">
-        <router-view />
-    </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-    ::-webkit-scrollbar,
-    ::-webkit-scrollbar-track,
-    ::-webkit-scrollbar-thumb {
-        width: 4px;
-        background-color: #f5f6fa;
-    }
-
-    ::-webkit-scrollbar-track-piece {
-        background-color: #f5f6fa;
-    }
-
-    ::-webkit-scrollbar-thumb {
-        background-color: #afb7c1;
-    }
-
-    .account-area-container {
-        padding: 0 30px;
-        height: 100%;
-    }
-</style>
diff --git a/web/satellite/src/components/account/NewSettingsArea.vue b/web/satellite/src/components/account/NewSettingsArea.vue
deleted file mode 100644
index f3bf0b49a2f7..000000000000
--- a/web/satellite/src/components/account/NewSettingsArea.vue
+++ /dev/null
@@ -1,279 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="settings">
-        <h1 class="settings__title" aria-roledescription="title">Account Settings</h1>
-
-        <div class="settings__section">
-            <p class="settings__section__title">Profile</p>
-            <div class="settings__section__content">
-                <div class="settings__section__content__row">
-                    <span class="settings__section__content__row__title">Full Name</span>
-                    <span class="settings__section__content__row__subtitle">{{ user.fullName }}</span>
-                    <div class="settings__section__content__row__actions">
-                        <VButton
-                            class="button"
-                            font-size="14px"
-                            width="110px"
-                            is-white
-                            :on-press="toggleEditProfileModal"
-                            label="Change Name"
-                        />
-                    </div>
-                </div>
-
-                <div class="settings__section__content__row">
-                    <span class="settings__section__content__row__title">Email</span>
-                    <span class="settings__section__content__row__subtitle">{{ user.email }}</span>
-                    <div class="settings__section__content__row__empty-actions" />
-                </div>
-            </div>
-        </div>
-
-        <div class="settings__section">
-            <p class="settings__section__title">Security</p>
-            <div class="settings__section__content">
-                <div class="settings__section__content__row">
-                    <span class="settings__section__content__row__title">Password</span>
-                    <span class="settings__section__content__row__subtitle">**************</span>
-                    <div class="settings__section__content__row__actions">
-                        <VButton
-                            class="button"
-                            is-white
-                            font-size="14px"
-                            width="136px"
-                            :on-press="toggleChangePasswordModal"
-                            label="Change Password"
-                        />
-                    </div>
-                </div>
-
-                <div class="settings__section__content__row">
-                    <div class="settings__section__content__row__title">
-                        <p>Two-Factor</p>
-                        <p>Authentication</p>
-                    </div>
-                    <span v-if="!user.isMFAEnabled" class="settings__section__content__row__subtitle">Improve account security by enabling 2FA.</span>
-                    <span v-else class="settings__section__content__row__subtitle">2FA is enabled.</span>
-                    <div class="settings__section__content__row__actions">
-                        <VButton
-                            v-if="user.isMFAEnabled"
-                            class="button"
-                            font-size="14px"
-                            width="208px"
-                            label="Regenerate Recovery Codes"
-                            is-white
-                            :on-press="toggleMFACodesModal"
-                            :is-disabled="isLoading"
-                        />
-                        <VButton
-                            class="button"
-                            font-size="14px"
-                            width="90px"
-                            :is-white="user.isMFAEnabled"
-                            :on-press="!user.isMFAEnabled ? enableMFA : toggleDisableMFAModal"
-                            :label="!user.isMFAEnabled ? 'Enable 2FA' : 'Disable 2FA'"
-                        />
-                    </div>
-                </div>
-
-                <div class="settings__section__content__row">
-                    <span class="settings__section__content__row__title">Session Timeout</span>
-                    <span v-if="userDuration" class="settings__section__content__row__subtitle">{{ userDuration.shortString }} of inactivity will log you out.</span>
-                    <span v-else class="settings__section__content__row__subtitle">Duration of inactivity that will log you out.</span>
-                    <div class="settings__section__content__row__actions">
-                        <VButton
-                            class="button"
-                            is-white
-                            font-size="14px"
-                            width="100px"
-                            :on-press="toggleEditSessionTimeoutModal"
-                            label="Set Timeout"
-                        />
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted } from 'vue';
-
-import { User } from '@/types/users';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useLoading } from '@/composables/useLoading';
-import { Duration } from '@/utils/time';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const { isLoading, withLoading } = useLoading();
-
-/**
- * Returns user info from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * Returns duration from store.
- */
-const userDuration = computed((): Duration | null => {
-    return usersStore.state.settings.sessionDuration;
-});
-
-/**
- * Toggles enable MFA modal visibility.
- */
-function toggleEnableMFAModal(): void {
-    appStore.updateActiveModal(MODALS.enableMFA);
-}
-
-/**
- * Toggles disable MFA modal visibility.
- */
-function toggleDisableMFAModal(): void {
-    appStore.updateActiveModal(MODALS.disableMFA);
-}
-
-/**
- * Toggles MFA recovery codes modal visibility.
- */
-function toggleMFACodesModal(): void {
-    appStore.updateActiveModal(MODALS.mfaRecovery);
-}
-
-/**
- * Opens change password popup.
- */
-function toggleChangePasswordModal(): void {
-    appStore.updateActiveModal(MODALS.changePassword);
-}
-
-/**
- * Opens edit session timeout modal.
- */
-function toggleEditSessionTimeoutModal(): void {
-    appStore.updateActiveModal(MODALS.editSessionTimeout);
-}
-
-/**
- * Opens edit account info modal.
- */
-function toggleEditProfileModal(): void {
-    appStore.updateActiveModal(MODALS.editProfile);
-}
-
-/**
- * Generates user's MFA secret and opens popup.
- */
-async function enableMFA(): Promise<void> {
-    await withLoading(async () => {
-        try {
-            await usersStore.generateUserMFASecret();
-            toggleEnableMFAModal();
-        } catch (error) {
-            notify.notifyError(error, AnalyticsErrorEventSource.ACCOUNT_SETTINGS_AREA);
-        }
-    });
-}
-
-/**
- * Lifecycle hook after initial render where user info is fetching.
- */
-onMounted(() => {
-    usersStore.getUser();
-});
-</script>
-
-<style scoped lang="scss">
-.settings {
-    padding-bottom: 35px;
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-    }
-
-    &__section {
-        margin-top: 40px;
-
-        &__title {
-            font-family: 'font_medium', sans-serif;
-            font-size: 18px;
-            line-height: 27px;
-        }
-
-        &__content {
-            margin-top: 20px;
-
-            &__row {
-                background: var(--c-white);
-                box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-                border-radius: 8px;
-                padding: 10px 30px;
-                margin-bottom: 20px;
-                height: 88px;
-                box-sizing: border-box;
-                display: grid;
-                grid-template-columns: 1fr 1fr 1fr;
-                align-items: center;
-
-                @media screen and (width <= 500px) {
-                    display: flex;
-                    flex-direction: column;
-                    align-items: flex-start;
-                    justify-content: center;
-                    gap: 10px;
-                    height: unset;
-                }
-
-                &__title {
-                    font-family: 'font_medium', sans-serif;
-                    font-size: 14px;
-                    line-height: 20px;
-                }
-
-                &__subtitle {
-                    font-family: 'font_regular', sans-serif;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    word-wrap: break-word;
-                    overflow: hidden;
-
-                    @media screen and (width <= 500px) {
-                        width: 100%;
-                    }
-                }
-
-                &__actions {
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-end;
-                    gap: 5px;
-
-                    @media screen and (width <= 500px) {
-                        width: 100%;
-                        justify-content: flex-start;
-                    }
-                }
-            }
-        }
-    }
-}
-
-.button {
-    padding: 5px;
-}
-</style>
diff --git a/web/satellite/src/components/account/billing/BillingArea.vue b/web/satellite/src/components/account/billing/BillingArea.vue
deleted file mode 100644
index eb8a4e077f39..000000000000
--- a/web/satellite/src/components/account/billing/BillingArea.vue
+++ /dev/null
@@ -1,280 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="content" class="account-billing-area">
-        <div class="account-billing-area__wrap">
-            <div class="account-billing-area__wrap__title">
-                <h1 class="account-billing-area__wrap__title__text">Billing</h1>
-            </div>
-            <v-banner
-                v-if="isLowBalance && content"
-                class="account-billing-area__wrap__low-balance"
-                message="Your STORJ Token balance is low. Deposit more STORJ tokens or make sure you have a credit card on file to avoid interruptions in service."
-                link-text="Deposit tokens"
-                severity="warning"
-                :dashboard-ref="content"
-                :on-link-click="onAddTokensClick"
-            />
-            <div class="account-billing-area__wrap__header">
-                <div
-                    :class="`account-billing-area__wrap__header__tab first-header-tab ${routeHas('overview') ? 'selected-tab' : ''}`"
-                    @click="routeToOverview"
-                >
-                    <p>Overview</p>
-                </div>
-                <div
-                    :class="`account-billing-area__wrap__header__tab ${routeHas('methods') ? 'selected-tab' : ''}`"
-                    @click="routeToPaymentMethods"
-                >
-                    <p>Payment Methods</p>
-                </div>
-                <div
-                    :class="`account-billing-area__wrap__header__tab ${routeHas('history') ? 'selected-tab' : ''}`"
-                    @click="routeToBillingHistory"
-                >
-                    <p>Billing History</p>
-                </div>
-                <div
-                    :class="`account-billing-area__wrap__header__tab last-header-tab ${routeHas('coupons') ? 'selected-tab' : ''}`"
-                    @click="routeToCoupons"
-                >
-                    <p>Coupons</p>
-                </div>
-            </div>
-            <div class="account-billing-area__wrap__divider" />
-        </div>
-        <router-view />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { APP_STATE_DROPDOWNS, MODALS } from '@/utils/constants/appStatePopUps';
-import { NavigationLink } from '@/types/navigation';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useLowTokenBalance } from '@/composables/useLowTokenBalance';
-
-import VBanner from '@/components/common/VBanner.vue';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const billingStore = useBillingStore();
-const configStore = useConfigStore();
-
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-const isLowBalance = useLowTokenBalance();
-
-const content = ref<HTMLElement | null>(null);
-
-/**
- * Indicates if free credits dropdown shown.
- */
-const isCreditsDropdownShown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.FREE_CREDITS;
-});
-
-/**
- * Indicates if available balance dropdown shown.
- */
-const isBalanceDropdownShown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.AVAILABLE_BALANCE;
-});
-
-/**
- * Returns whether we're on the settings/billing page on the all projects dashboard.
- */
-const isOnAllDashboardSettings = computed((): boolean => {
-    return route.path.includes(RouteConfig.AccountSettings.path);
-});
-
-/**
- * Returns the base account route based on if we're on all projects dashboard.
- */
-const baseAccountRoute = computed((): NavigationLink => {
-    if (isOnAllDashboardSettings.value) {
-        return RouteConfig.AccountSettings;
-    }
-
-    return RouteConfig.Account;
-});
-
-/**
- * Holds on add tokens button click logic.
- * Triggers Add funds popup.
- */
-function onAddTokensClick(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
-    appStore.updateActiveModal(MODALS.addTokenFunds);
-}
-
-/**
- * Whether current route name contains term.
- */
-function routeHas(term: string): boolean {
-    return (route.name as string).toLowerCase().includes(term);
-}
-
-/**
- * Closes free credits and balance dropdowns.
- */
-function closeDropdown(): void {
-    if (!isCreditsDropdownShown.value && !isBalanceDropdownShown.value) return;
-
-    appStore.toggleActiveDropdown('none');
-}
-
-/**
- * Routes for new billing screens.
- */
-function routeToOverview(): void {
-    const overviewPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path;
-    if (route.path !== overviewPath) {
-        analyticsStore.pageVisit(overviewPath);
-        router.push(overviewPath);
-    }
-}
-
-function routeToPaymentMethods(): void {
-    const payMethodsPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingPaymentMethods).path;
-    if (route.path !== payMethodsPath) {
-        analyticsStore.pageVisit(payMethodsPath);
-        router.push(payMethodsPath);
-    }
-}
-
-function routeToBillingHistory(): void {
-    const billingPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingHistory).path;
-    if (route.path !== billingPath) {
-        analyticsStore.pageVisit(billingPath);
-        router.push(billingPath);
-    }
-}
-
-function routeToCoupons(): void {
-    const couponsPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingCoupons).path;
-    if (route.path !== couponsPath) {
-        analyticsStore.pageVisit(couponsPath);
-        router.push(couponsPath);
-    }
-}
-
-onMounted(async () => {
-    if (!configStore.state.config.nativeTokenPaymentsEnabled) {
-        return;
-    }
-
-    try {
-        await Promise.all([
-            billingStore.getBalance(),
-            billingStore.getCreditCards(),
-            billingStore.getNativePaymentsHistory(),
-        ]);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_AREA);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.selected-tab {
-    border-bottom: 5px solid black;
-}
-
-.account-billing-area {
-    padding-bottom: 40px;
-
-    &__wrap {
-
-        &__title {
-            padding-top: 20px;
-
-            &__text {
-                font-family: 'font_regular', sans-serif;
-            }
-        }
-
-        &__low-balance {
-            margin-top: 25px;
-        }
-
-        &__header {
-            width: 100%;
-            max-width: 750px;
-            height: 40px;
-            display: flex;
-            place-content: center space-between;
-            padding-top: 25px;
-            overflow-y: auto;
-
-            /* Hide scrollbar for IE, Edge and Firefox */
-            -ms-overflow-style: none;  /* IE and Edge */
-            scrollbar-width: none;  /* Firefox */
-
-            /* Hide scrollbar for Chrome, Safari and Opera */
-
-            &::-webkit-scrollbar {
-                display: none;
-            }
-
-            &__tab {
-                font-family: 'font_regular', sans-serif;
-                color: var(--c-grey-6);
-                font-size: 16px;
-                height: auto;
-                width: auto;
-                transition-duration: 50ms;
-                white-space: nowrap;
-                padding: 0 8px;
-            }
-
-            &__tab:hover {
-                border-bottom: 5px solid black;
-                cursor: pointer;
-            }
-        }
-
-        &__divider {
-            width: 100%;
-            border-bottom: 1px solid #dadfe7;
-        }
-    }
-}
-
-@media only screen and (width <= 625px) {
-
-    .account-billing-area {
-
-        &__wrap {
-            margin-right: -24px;
-            margin-left: -24px;
-
-            &__title {
-                margin-left: 24px;
-            }
-
-            &__low-balance {
-                margin: 25px 24px 0;
-            }
-        }
-    }
-
-    .first-header-tab {
-        margin-left: 24px;
-    }
-
-    .last-header-tab {
-        margin-right: 24px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/BillingHistory.vue b/web/satellite/src/components/account/billing/billingTabs/BillingHistory.vue
deleted file mode 100644
index 4d252a571b24..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/BillingHistory.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="billing-history">
-        <h1 class="billing-history__title">
-            Billing History
-        </h1>
-
-        <v-table
-            simple-pagination
-            :total-items-count="historyItems.length"
-            class="billing-history__table"
-            :on-next-clicked="nextClicked"
-            :on-previous-clicked="previousClicked"
-            :on-page-size-changed="sizeChanged"
-        >
-            <template #head>
-                <BillingHistoryHeader />
-            </template>
-            <template #body>
-                <BillingHistoryItem
-                    v-for="item in historyItems"
-                    :key="item.id"
-                    :item="item"
-                />
-            </template>
-        </v-table>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import {
-    PaymentsHistoryItem,
-    PaymentsHistoryItemStatus,
-    PaymentHistoryPage,
-} from '@/types/payments';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
-
-import BillingHistoryHeader
-    from '@/components/account/billing/billingTabs/BillingHistoryHeader.vue';
-import BillingHistoryItem
-    from '@/components/account/billing/billingTabs/BillingHistoryItem.vue';
-import VTable from '@/components/common/VTable.vue';
-
-const billingStore = useBillingStore();
-const notify = useNotify();
-
-const limit = ref(DEFAULT_PAGE_LIMIT);
-
-const historyPage = computed((): PaymentHistoryPage => {
-    return billingStore.state.paymentsHistory;
-});
-
-const historyItems = computed((): PaymentsHistoryItem[] => {
-    return historyPage.value.items;
-});
-
-async function fetchHistory(endingBefore = '', startingAfter = ''): Promise<void> {
-    try {
-        await billingStore.getPaymentsHistory({
-            limit: limit.value,
-            startingAfter,
-            endingBefore,
-        });
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_HISTORY_TAB);
-    }
-}
-
-async function sizeChanged(size: number) {
-    limit.value = size;
-    await fetchHistory();
-}
-
-async function nextClicked(): Promise<void> {
-    const length = historyItems.value.length;
-    if (!historyPage.value.hasNext || !length) {
-        return;
-    }
-    await fetchHistory('', historyItems.value[length - 1].id);
-}
-
-async function previousClicked(): Promise<void> {
-    if (!historyPage.value.hasPrevious || !historyItems.value.length) {
-        return;
-    }
-    await fetchHistory(historyItems.value[0].id, '');
-}
-
-onMounted(() => {
-    fetchHistory();
-});
-</script>
-
-<style scoped lang="scss">
-    .billing-history {
-        margin-top: 2rem;
-
-        &__title {
-            font-family: 'font_regular', sans-serif;
-            font-size: 1.5rem;
-        }
-
-        &__table {
-            margin-top: 1.5rem;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/BillingHistoryHeader.vue b/web/satellite/src/components/account/billing/billingTabs/BillingHistoryHeader.vue
deleted file mode 100644
index bc58900ed8d5..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/BillingHistoryHeader.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <th class="align-left">DATE</th>
-    <th class="align-left">STATUS</th>
-    <th class="align-left">AMOUNT</th>
-    <th class="align-left">DOWNLOAD</th>
-</template>
-
-<script setup lang="ts"></script>
diff --git a/web/satellite/src/components/account/billing/billingTabs/BillingHistoryItem.vue b/web/satellite/src/components/account/billing/billingTabs/BillingHistoryItem.vue
deleted file mode 100644
index 2499d1b764ae..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/BillingHistoryItem.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <tr @click="downloadInvoice">
-        <th class="align-left data mobile">
-            <div class="few-items">
-                <p class="array-val date">
-                    <span><Calendar /></span>
-                    <span>{{ item.formattedStart }}</span>
-                </p>
-                <p class="array-val status">
-                    <span v-if="item.status === 'paid'"> <CheckIcon class="checkmark" /> </span>
-                    <span>{{ item.formattedStatus }}</span>
-                </p>
-                <p class="array-val">
-                    {{ centsToDollars(item.amount) }}
-                </p>
-            </div>
-        </th>
-        <th class="align-left data tablet-laptop">
-            <p class="date">
-                <span><Calendar /></span>
-                <span>{{ item.formattedStart }}</span>
-            </p>
-        </th>
-        <th class="align-left data tablet-laptop">
-            <p class="status">
-                <span v-if="item.status === 'paid'"> <CheckIcon class="checkmark" /> </span>
-                <span>{{ item.formattedStatus }}</span>
-            </p>
-        </th>
-        <th class="align-left data tablet-laptop">
-            <p>
-                {{ centsToDollars(item.amount) }}
-            </p>
-        </th>
-        <th class="align-left data tablet-laptop">
-            <a :href="item.link" target="_blank" rel="noreferrer noopener" download>Invoice PDF</a>
-        </th>
-    </tr>
-</template>
-
-<script setup lang="ts">
-import { centsToDollars } from '@/utils/strings';
-import { PaymentsHistoryItem, PaymentsHistoryItemStatus } from '@/types/payments';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useResize } from '@/composables/resize';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CheckIcon from '@/../static/images/billing/check-green-circle.svg';
-import Calendar from '@/../static/images/billing/calendar.svg';
-
-const props = withDefaults(defineProps<{
-    item: PaymentsHistoryItem;
-}>(), {
-    item: () => new PaymentsHistoryItem('', '', 0, 0, PaymentsHistoryItemStatus.Pending, '', new Date(), new Date(), 0, 0),
-});
-
-const analyticsStore = useAnalyticsStore();
-const { isMobile, isTablet } = useResize();
-
-function downloadInvoice() {
-    analyticsStore.eventTriggered(AnalyticsEvent.INVOICE_DOWNLOADED);
-
-    if (isMobile.value || isTablet.value) {
-        window.open(props.item.link, '_blank', 'noreferrer');
-    }
-}
-</script>
-
-<style scoped lang="scss">
-    a {
-        color: var(--c-blue-3);
-        text-decoration: underline;
-    }
-
-    .date {
-        display: flex;
-        gap: 0.7rem;
-        align-items: center;
-    }
-
-    .status {
-        display: flex;
-        gap: 0.7rem;
-        align-items: center;
-    }
-
-    .few-items {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .array-val {
-        font-family: 'font_regular', sans-serif;
-        font-size: 0.75rem;
-        line-height: 1.25rem;
-
-        &:first-of-type {
-            font-family: 'font_bold', sans-serif;
-            font-size: 0.875rem;
-            margin-bottom: 3px;
-        }
-    }
-
-    @media only screen and (width <= 425px) {
-
-        .mobile {
-            display: table-cell;
-        }
-
-        .tablet-laptop {
-            display: none;
-        }
-    }
-
-    @media only screen and (width >= 426px) {
-
-        .tablet-laptop {
-            display: table-cell;
-        }
-
-        .mobile {
-            display: none;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/Coupons.vue b/web/satellite/src/components/account/billing/billingTabs/Coupons.vue
deleted file mode 100644
index bcf3c526bb62..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/Coupons.vue
+++ /dev/null
@@ -1,255 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="coupon-area">
-        <h1 class="coupon-area__title">Coupons</h1>
-        <VLoader v-if="isCouponFetching" />
-        <div class="coupon-area__wrapper">
-            <div v-if="coupon" class="coupon-area__wrapper__coupon">
-                <div class="coupon-area__wrapper__coupon__icon" :class="{'expired': !isActive}">
-                    <CloudIcon v-if="coupon.partnered" />
-                    <CouponIcon v-else />
-                </div>
-                <h2 class="coupon-area__wrapper__coupon__title">{{ coupon.name }}</h2>
-                <p class="coupon-area__wrapper__coupon__price">{{ discount }}</p>
-                <p class="coupon-area__wrapper__coupon__status" :class="{'expired': !isActive}">{{ isActive ? 'Active' : 'Expired' }}</p>
-                <p class="coupon-area__wrapper__coupon__expiration">{{ expiration }}</p>
-            </div>
-            <div
-                v-if="couponCodeBillingUIEnabled"
-                class="coupon-area__wrapper__add-coupon"
-                @click="toggleCreateModal"
-            >
-                <span class="coupon-area__wrapper__add-coupon__plus-icon">+&nbsp;</span>
-                <span class="coupon-area__wrapper__add-coupon__text">Apply New Coupon</span>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { Coupon, CouponDuration } from '@/types/payments';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { SHORT_MONTHS_NAMES } from '@/utils/constants/date';
-import { useNotify } from '@/utils/hooks';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VLoader from '@/components/common/VLoader.vue';
-
-import CouponIcon from '@/../static/images/billing/coupon.svg';
-import CloudIcon from '@/../static/images/onboardingTour/cloudIcon.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const billingStore = useBillingStore();
-const notify = useNotify();
-
-const isCouponFetching = ref<boolean>(true);
-
-/**
- * Returns the coupon applied to the user's account.
- */
-const coupon = computed((): Coupon | null => {
-    return billingStore.state.coupon;
-});
-
-/**
- * Returns the expiration date of the coupon.
- */
-const expiration = computed((): string => {
-    const c = coupon.value;
-    if (!c) return '';
-
-    const exp = c.expiresAt;
-    if (!exp || c.duration === CouponDuration.Forever) {
-        return 'No expiration';
-    }
-    return `Expires on ${exp.getDate()} ${SHORT_MONTHS_NAMES[exp.getMonth()]} ${exp.getFullYear()}`;
-});
-
-/**
- * Returns the coupon's discount amount.
- */
-const discount = computed((): string => {
-    const c = coupon.value;
-    if (!c) return '';
-
-    if (c.percentOff !== 0) {
-        return `${parseFloat(c.percentOff.toFixed(2)).toString()}% off`;
-    }
-    return `$${(c.amountOff / 100).toFixed(2).replace('.00', '')} off`;
-});
-
-/**
- * Returns the whether the coupon is active.
- */
-const isActive = computed((): boolean => {
-    const now = Date.now();
-    const c = coupon.value;
-    return !!c && (c.duration === 'forever' || (!!c.expiresAt && now < c.expiresAt.getTime()));
-});
-
-/**
- * Returns the whether applying a new coupon is enabled.
- */
-const couponCodeBillingUIEnabled = computed((): boolean => {
-    return configStore.state.config.couponCodeBillingUIEnabled;
-});
-
-/**
- * Opens Add Coupon modal.
- */
-function toggleCreateModal(): void {
-    if (!couponCodeBillingUIEnabled.value) {
-        return;
-    }
-    analyticsStore.eventTriggered(AnalyticsEvent.APPLY_NEW_COUPON_CLICKED);
-    appStore.updateActiveModal(MODALS.newBillingAddCoupon);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Fetches coupon.
- */
-onMounted(async () => {
-    try {
-        await billingStore.getCoupon();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_COUPONS_TAB);
-    }
-
-    isCouponFetching.value = false;
-});
-</script>
-
-<style scoped lang="scss">
-    .coupon-area {
-        margin-top: 16px;
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 18px;
-            line-height: 27px;
-        }
-
-        &__wrapper {
-            margin-top: 19px;
-            display: flex;
-            gap: 16px;
-
-            &__coupon {
-                width: 340px;
-                box-sizing: border-box;
-                padding: 24px;
-                display: flex;
-                flex-direction: column;
-                align-items: flex-start;
-                gap: 8px;
-                border-radius: 20px;
-                background-color: var(--c-white);
-
-                &__icon {
-                    width: 40px;
-                    height: 40px;
-                    box-sizing: border-box;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    border-radius: 10px;
-                    background-color: rgba(0 172 38 / 10%);
-
-                    :deep(path) {
-                        fill: var(--c-green-5);
-                    }
-
-                    &.expired {
-                        background-color: rgb(255 138 0 / 10%);
-
-                        :deep(path) {
-                            fill: var(--c-yellow-5);
-                        }
-                    }
-                }
-
-                &__title {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 24px;
-                    line-height: 31px;
-                }
-
-                &__price {
-                    font-family: 'font_medium', sans-serif;
-                    font-size: 14px;
-                    line-height: 20px;
-                }
-
-                &__status {
-                    box-sizing: border-box;
-                    padding: 4px 11px;
-                    background-color: var(--c-green-5);
-                    border-radius: 4px;
-                    font-family: 'font_medium', sans-serif;
-                    font-size: 12px;
-                    color: var(--c-white);
-
-                    &.expired {
-                        background-color: var(--c-yellow-5);
-                    }
-                }
-
-                &__expiration {
-                    font-family: 'font_regular', sans-serif;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                }
-            }
-
-            &__add-coupon {
-                width: 340px;
-                min-height: 213px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border: 2px dashed var(--c-grey-5);
-                border-radius: 20px;
-                color: var(--c-blue-3);
-                font-family: 'font_regular', sans-serif;
-                cursor: pointer;
-
-                &:hover {
-                    background-color: var(--c-blue-1);
-                }
-
-                &__plus-icon {
-                    font-size: 24px;
-                }
-
-                &__text {
-                    font-size: 18px;
-                    text-decoration: underline;
-                }
-            }
-        }
-    }
-
-    @media only screen and (width <= 768px) {
-
-        .coupon-area__wrapper {
-            flex-direction: column;
-
-            &__coupon,
-            &__add-coupon {
-                width: unset;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/CreditCardContainer.vue b/web/satellite/src/components/account/billing/billingTabs/CreditCardContainer.vue
deleted file mode 100644
index 359d3347409f..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/CreditCardContainer.vue
+++ /dev/null
@@ -1,258 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="payment-methods-container__card-container">
-        <div class="payment-methods-container__card-container__info-area__card-logo">
-            <component :is="cardIcon" />
-        </div>
-        <div class="payment-methods-container__card-container__info-area__card-text">
-            Card Number
-        </div>
-        <div class="payment-methods-container__card-container__info-area__expiration-text">
-            Exp. Date
-        </div>
-
-        <div class="payment-methods-container__card-container__info-area__info-container">
-            <img src="@/../static/images/payments/cardStars.png" alt="Hidden card digits stars image" class="payment-methods-container__card-container__info-area__info-container__image">
-            {{ props.creditCard.last4 }}
-        </div>
-        <div class="payment-methods-container__card-container__info-area__expire-container">
-            {{ props.creditCard.expMonth }}/{{ props.creditCard.expYear }}
-        </div>
-        <div v-if="props.creditCard.isDefault" class="payment-methods-container__card-container__default-area">
-            <div class="payment-methods-container__card-container__default-text">Default</div>
-        </div>
-        <div class="payment-methods-container__card-container__function-buttons">
-            <div class="remove-button" @click="remove">
-                <div class="remove-button__text">Remove</div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { CreditCard } from '@/types/payments';
-
-import AmericanExpressIcon from '@/../static/images/payments/cardIcons/americanexpress.svg';
-import DefaultIcon from '@/../static/images/payments/cardIcons/default.svg';
-import DinersIcon from '@/../static/images/payments/cardIcons/smalldinersclub.svg';
-import DiscoverIcon from '@/../static/images/payments/cardIcons/discover.svg';
-import JCBIcon from '@/../static/images/payments/cardIcons/smalljcb.svg';
-import MastercardIcon from '@/../static/images/payments/cardIcons/smallmastercard.svg';
-import UnionPayIcon from '@/../static/images/payments/cardIcons/smallunionpay.svg';
-import VisaIcon from '@/../static/images/payments/cardIcons/visa.svg';
-
-const icons = {
-    'jcb': JCBIcon,
-    'diners': DinersIcon,
-    'mastercard': MastercardIcon,
-    'amex': AmericanExpressIcon,
-    'discover': DiscoverIcon,
-    'unionpay': UnionPayIcon,
-    'visa': VisaIcon,
-};
-
-const props = withDefaults(defineProps<{
-    creditCard?: CreditCard;
-}>(), {
-    creditCard: () => new CreditCard(),
-});
-
-const emit = defineEmits(['edit', 'remove']);
-
-const cardIcon = computed(() => {
-    return icons[props.creditCard.brand] || DefaultIcon;
-});
-
-function edit(): void {
-    emit('edit', props.creditCard);
-}
-
-function remove(): void {
-    emit('remove', props.creditCard);
-}
-</script>
-
-<style scoped lang="scss">
-.medium {
-    font-family: 'font_regular', sans-serif;
-    font-size: 16px;
-    line-height: 21px;
-    color: #61666b;
-    margin-right: 5px;
-}
-
-.remove-button:hover > .remove-button__text {
-    background-color: #2683ff;
-    color: white !important;
-}
-
-.remove-button {
-    cursor: pointer;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    background: white;
-    border: 1px solid var(--c-grey-3);
-    box-shadow: 0 0 3px rgb(0 0 0 / 8%);
-    border-radius: 6px;
-    width: 70px;
-    height: 30px;
-    font-size: 13px;
-    line-height: 23px;
-    margin: 0 7px 0 0;
-    white-space: nowrap;
-    color: #354049;
-    align-self: end;
-
-    &:hover {
-        background-color: #2683ff;
-        color: white;
-    }
-
-    &__text {
-        font-family: 'font_medium', sans-serif;
-        line-height: 23px;
-        white-space: nowrap;
-        color: #354049 !important;
-        margin: 4px 0 0 9px;
-    }
-}
-
-.edit-button {
-    cursor: pointer;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    width: 70px;
-    height: 30px;
-    background: white;
-    border: 1px solid var(--c-grey-3);
-    box-shadow: 0 0 3px rgb(0 0 0 / 8%);
-    border-radius: 6px;
-    font-family: 'font_medium', sans-serif;
-    line-height: 23px;
-    margin: 0;
-    white-space: nowrap;
-    color: #354049 !important;
-
-    &__text {
-        font-family: 'font_medium', sans-serif;
-        line-height: 23px;
-        white-space: nowrap;
-        color: #354049 !important;
-        font-size: 13px;
-        margin: 4px 0 0 22px;
-    }
-}
-
-.payment-methods-container__card-container {
-    justify-content: space-between;
-    border-radius: 6px;
-    display: grid;
-    grid-template-columns: 4fr 2fr;
-    grid-template-rows: 1fr 0fr 1fr 1fr;
-    height: 100%;
-    font-family: 'font_regular', sans-serif;
-
-    &__function-buttons {
-        grid-column: 1;
-        grid-row: 4;
-        display: flex;
-    }
-
-    &__info-area {
-        width: 75%;
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-
-        &__card-logo {
-            grid-column: 1;
-            grid-row: 1;
-        }
-
-        &__card-text {
-            grid-column: 1;
-            grid-row: 2;
-            font-family: 'font_bold', sans-serif;
-            font-size: 12px;
-            line-height: 18px;
-            color: var(--c-grey-6);
-        }
-
-        &__expiration-text {
-            grid-column: 2;
-            grid-row: 2;
-            font-family: 'font_bold', sans-serif;
-            font-size: 12px;
-            line-height: 18px;
-            color: var(--c-grey-6);
-        }
-
-        &__last-four {
-            grid-row: 3;
-            grid-column: 1;
-        }
-
-        &__info-container {
-            grid-row: 3;
-            grid-column: 1;
-            font-family: 'font_bold', sans-serif;
-            font-size: 16px;
-            line-height: 24px;
-            color: #000;
-
-            &__image {
-                width: 50%;
-            }
-        }
-
-        &__expire-container {
-            grid-row: 3;
-            grid-column: 2;
-            font-family: 'font_bold', sans-serif;
-            font-size: 16px;
-            line-height: 24px;
-            color: #000;
-        }
-    }
-
-    &__default-area {
-        grid-row: 1;
-        grid-column: 2;
-        width: 42px;
-        height: 18px;
-        background: var(--c-blue-1);
-        border: 1px solid var(--c-blue-2);
-        border-radius: 4px;
-        justify-self: end;
-        padding: 3px 8px;
-    }
-
-    &__default-text {
-        font-family: 'font_bold', sans-serif;
-        font-size: 12px;
-        line-height: 20px;
-        color: var(--c-blue-4);
-    }
-
-    &__dots-container {
-        width: 20px;
-        height: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-left: 10px;
-        cursor: pointer;
-        position: relative;
-    }
-}
-
-.discover-svg-path {
-    max-width: 80px;
-}
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/Overview.vue b/web/satellite/src/components/account/billing/billingTabs/Overview.vue
deleted file mode 100644
index 8de1d5950b87..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/Overview.vue
+++ /dev/null
@@ -1,397 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="total-cost">
-        <div class="total-cost__header-container">
-            <h3 class="total-cost__header-container__title">Total Cost</h3>
-            <div class="total-cost__header-container__date"><CalendarIcon />&nbsp;&nbsp;{{ currentDate }}</div>
-        </div>
-        <div class="total-cost__card-container">
-            <div class="total-cost__card">
-                <EstimatedChargesIcon class="total-cost__card__main-icon" />
-                <p class="total-cost__card__money-text">{{ centsToDollars(priceSummary) }}</p>
-                <p class="total-cost__card__label-text">
-                    Total Estimated Usage
-                    <VInfo class="total-cost__card__label-text__info">
-                        <template #icon>
-                            <InfoIcon />
-                        </template>
-                        <template #message>
-                            <span class="total-cost__card__label-text__info__inner">
-                                This estimate includes all use before subtracting any discounts.
-                                Pro accounts will only be charged for usage above the free tier limits,
-                                and free accounts will not be charged.
-                            </span>
-                        </template>
-                    </VInfo>
-                </p>
-                <p
-                    class="total-cost__card__link-text"
-                    @click="routeToBillingHistory"
-                >
-                    View Billing History →
-                </p>
-            </div>
-            <div class="total-cost__card">
-                <AvailableBalanceIcon class="total-cost__card__main-icon" />
-                <p class="total-cost__card__money-text">{{ balance.formattedCoins }}</p>
-                <p class="total-cost__card__label-text">STORJ Token Balance</p>
-                <p
-                    class="total-cost__card__link-text"
-                    @click="balanceClicked"
-                >
-                    {{ hasZeroCoins ? "Add Funds" : "See Balance" }} →
-                </p>
-            </div>
-
-            <div v-if="balance.hasCredits()" class="total-cost__card">
-                <AvailableBalanceIcon class="total-cost__card__main-icon" />
-                <p class="total-cost__card__money-text">{{ balance.formattedCredits }}</p>
-                <p class="total-cost__card__label-text">Legacy STORJ Payments and Bonuses</p>
-            </div>
-        </div>
-        <div class="total-cost__report">
-            <h3 class="total-cost__report__title">Detailed Usage Report</h3>
-            <p class="total-cost__report__info">Get a complete usage report for all your projects.</p>
-            <v-button
-                class="total-cost__report__button"
-                label="Download Report"
-                icon="date"
-                width="fit-content"
-                height="30px"
-                is-transparent
-                :on-press="downloadUsageReport"
-            />
-        </div>
-    </div>
-    <div v-if="isDataFetching">
-        <v-loader />
-    </div>
-    <div v-else class="cost-by-project">
-        <h3 class="cost-by-project__title">Cost by Project</h3>
-        <div class="cost-by-project__buttons">
-            <v-button
-                label="Edit Payment Method"
-                font-size="13px"
-                width="auto"
-                height="30px"
-                icon="lock"
-                :is-transparent="true"
-                class="cost-by-project__buttons__none-assigned"
-                :on-press="routeToPaymentMethods"
-            />
-            <v-button
-                label="See Payments"
-                font-size="13px"
-                width="auto"
-                height="30px"
-                icon="document"
-                :is-transparent="true"
-                class="cost-by-project__buttons__none-assigned"
-                :on-press="routeToBillingHistory"
-            />
-        </div>
-        <UsageAndChargesItem
-            v-for="id in projectIDs"
-            :key="id"
-            :project-id="id"
-            class="cost-by-project__item"
-        />
-        <router-view />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { centsToDollars } from '@/utils/strings';
-import { RouteConfig } from '@/types/router';
-import { SHORT_MONTHS_NAMES } from '@/utils/constants/date';
-import { AccountBalance } from '@/types/payments';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-
-import UsageAndChargesItem from '@/components/account/billing/billingTabs/UsageAndChargesItem.vue';
-import VButton from '@/components/common/VButton.vue';
-import VInfo from '@/components/common/VInfo.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-import EstimatedChargesIcon from '@/../static/images/account/billing/totalEstimatedChargesIcon.svg';
-import AvailableBalanceIcon from '@/../static/images/account/billing/availableBalanceIcon.svg';
-import CalendarIcon from '@/../static/images/account/billing/calendar-icon.svg';
-import InfoIcon from '@/../static/images/billing/blueInfoIcon.svg';
-
-const analyticsStore = useAnalyticsStore();
-const billingStore = useBillingStore();
-const projectsStore = useProjectsStore();
-const appStore = useAppStore();
-
-const notify = useNotify();
-const router = useRouter();
-
-const isDataFetching = ref<boolean>(true);
-const currentDate = ref<string>('');
-
-/**
- * Returns account balance from store.
- */
-const balance = computed((): AccountBalance => {
-    return billingStore.state.balance as AccountBalance;
-});
-
-/**
- * Returns whether the user's STORJ balance is empty.
- */
-const hasZeroCoins = computed((): boolean => {
-    return balance.value.coins === 0;
-});
-
-/**
- * projectIDs is an array of all of the project IDs for which there exist project usage charges.
- */
-const projectIDs = computed((): string[] => {
-    return projectsStore.state.projects
-        .filter(proj => billingStore.state.projectCharges.hasProject(proj.id))
-        .sort((proj1, proj2) => proj1.name.localeCompare(proj2.name))
-        .map(proj => proj.id);
-});
-
-/**
- * priceSummary returns price summary of usages for all the projects.
- */
-const priceSummary = computed((): number => {
-    return billingStore.state.projectCharges.getPrice();
-});
-
-function routeToBillingHistory(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.SEE_PAYMENTS_CLICKED);
-    router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingHistory).path);
-}
-
-function routeToPaymentMethods(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.EDIT_PAYMENT_METHOD_CLICKED);
-    router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingPaymentMethods).path);
-}
-
-function balanceClicked(): void {
-    router.push({
-        name: RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingPaymentMethods).name,
-        query: { action: hasZeroCoins.value ? 'add tokens' : 'token history' },
-    });
-}
-
-/**
- * Handles download usage report click logic.
- */
-function downloadUsageReport(): void {
-    appStore.updateActiveModal(MODALS.detailedUsageReport);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Fetches projects and usage rollup.
- */
-onMounted(async () => {
-    try {
-        await Promise.all([
-            projectsStore.getProjects(),
-            billingStore.getBalance(),
-        ]);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_OVERVIEW_TAB);
-        isDataFetching.value = false;
-        return;
-    }
-
-    try {
-        await billingStore.getProjectUsagePriceModel();
-        await billingStore.getProjectUsageAndChargesCurrentRollup();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_OVERVIEW_TAB);
-    } finally {
-        isDataFetching.value = false;
-    }
-
-    const rawDate = new Date();
-    const currentYear = rawDate.getFullYear();
-    currentDate.value = `${SHORT_MONTHS_NAMES[rawDate.getMonth()]} ${currentYear}`;
-});
-</script>
-
-<style scoped lang="scss">
-    .total-cost {
-        font-family: 'font_regular', sans-serif;
-        margin: 20px 0;
-
-        &__report {
-            box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-            border-radius: 10px;
-            background-color: #fff;
-            padding: 20px;
-            margin-top: 20px;
-
-            &__title,
-            &__info {
-                margin-bottom: 10px;
-            }
-
-            &__button {
-                padding: 0 16px;
-            }
-        }
-
-        &__header-container {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            &__title {
-                padding-bottom: 10px;
-            }
-
-            &__date {
-                display: flex;
-                justify-content: space-between;
-                align-items: flex-end;
-                color: var(--c-grey-6);
-                font-family: 'font_bold', sans-serif;
-                border-radius: 5px;
-                height: 15px;
-                width: auto;
-                padding: 10px;
-            }
-        }
-
-        &__card-container {
-            display: grid;
-            grid-template-columns: 1fr 1fr 1fr;
-            gap: 10px;
-
-            @media screen and (width <= 786px) {
-                grid-template-columns: 1fr 1fr;
-            }
-
-            @media screen and (width <= 425px) {
-                grid-template-columns: auto;
-            }
-        }
-
-        &__card {
-            box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-            border-radius: 10px;
-            background-color: #fff;
-            padding: 20px;
-            display: flex;
-            flex-direction: column;
-            justify-content: left;
-            position: relative;
-
-            &__money-text {
-                font-weight: 800;
-                font-size: 32px;
-                margin-top: 10px;
-            }
-
-            &__label-text {
-                font-weight: 400;
-                margin-top: 10px;
-                min-width: 200px;
-                display: flex;
-                align-items: center;
-
-                &__info {
-                    margin-left: 8px;
-                    max-height: 15px;
-
-                    svg {
-                        cursor: pointer;
-                        width: 15px;
-                        height: 15px;
-
-                        :deep(path) {
-                            fill: var(--c-black);
-                        }
-                    }
-
-                    &__inner {
-                        color: var(--c-white);
-                    }
-                }
-            }
-
-            &__link-text {
-                width: fit-content;
-                font-family: 'font-medium', sans-serif;
-                text-decoration: underline;
-                text-underline-position: under;
-                margin-top: 10px;
-                cursor: pointer;
-            }
-
-            &__main-icon {
-
-                :deep(g) {
-                    filter: none;
-                }
-            }
-        }
-    }
-
-    .cost-by-project {
-        font-family: 'font_regular', sans-serif;
-
-        &__title {
-            padding-bottom: 10px;
-        }
-
-        &__buttons {
-            display: flex;
-            align-self: center;
-            flex-wrap: wrap;
-
-            &__none-assigned {
-                padding: 5px 10px;
-                margin-right: 5px;
-            }
-        }
-    }
-
-    :deep(.info__box) {
-        width: 310px;
-        left: calc(50% - 155px);
-        top: unset;
-        bottom: 15px;
-        cursor: default;
-        filter: none;
-        transform: rotate(-180deg);
-
-        @media screen and (width <= 385px) {
-            left: calc(50% - 210px);
-        }
-    }
-
-    :deep(.info__box__message) {
-        background: var(--c-grey-6);
-        border-radius: 6px;
-        padding: 10px 8px;
-        transform: rotate(-180deg);
-    }
-
-    :deep(.info__box__arrow) {
-        background: var(--c-grey-6);
-        width: 10px;
-        height: 10px;
-        margin-bottom: -3px;
-
-        @media screen and (width <= 385px) {
-            margin: 0 0 -3px -111px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/PaymentMethods.vue b/web/satellite/src/components/account/billing/billingTabs/PaymentMethods.vue
deleted file mode 100644
index 375c8065ae07..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/PaymentMethods.vue
+++ /dev/null
@@ -1,1003 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="payments-area">
-        <div class="payments-area__top-container">
-            <h1 class="payments-area__title">
-                <span class="payments-area__title__back" @click="hideTransactionsTable">Payment Methods</span>{{ showTransactions? ' > Storj Tokens':null }}
-            </h1>
-        </div>
-        <div v-if="!showTransactions" class="payments-area__container">
-            <v-loader
-                v-if="nativePayIsLoading"
-            />
-            <add-token-card-native
-                v-else-if="nativeTokenPaymentsEnabled"
-                class="payments-area__container__token-card"
-                :parent-init-loading="parentInitLoading"
-                @showTransactions="showTransactionsTable"
-            />
-            <add-token-card
-                v-else
-                class="payments-area__container__token-card"
-                :total-count="transactionCount"
-            />
-            <div v-for="card in creditCards" :key="card.id" class="payments-area__container__cards">
-                <CreditCardContainer
-                    :credit-card="card"
-                    @remove="removePaymentMethodHandler"
-                />
-            </div>
-            <div class="payments-area__container__new-payments" :class="{ 'white-background': isAddingPayment }">
-                <div v-if="!isAddingPayment" class="payments-area__container__new-payments__text-area">
-                    <span>+&nbsp;</span>
-                    <span
-                        class="payments-area__container__new-payments__text-area__text"
-                        @click="addPaymentMethodHandler"
-                    >Add New Payment Method</span>
-                </div>
-                <div v-else class="payments-area__container__new-payments__add-card">
-                    <div class="close-add-payment" @click="closeAddPayment">
-                        <CloseCrossIcon />
-                    </div>
-                    <div class="payments-area__create-header">Credit Card</div>
-                    <div class="payments-area__create-subheader">Add Card Info</div>
-                    <StripeCardElement
-                        v-if="paymentElementEnabled"
-                        ref="stripeCardInput"
-                        class="add-card-area__stripe stripe_input"
-                        @pm-created="addCard"
-                    />
-                    <StripeCardInput
-                        v-else
-                        ref="stripeCardInput"
-                        :on-stripe-response-callback="addCard"
-                    />
-                    <VButton
-                        class="add-card-button"
-                        label="Add Credit Card"
-                        width="115px"
-                        height="30px"
-                        font-size="13px"
-                        :on-press="onConfirmAddStripe"
-                        :is-disabled="isLoading"
-                    />
-                </div>
-            </div>
-        </div>
-
-        <div v-if="isRemovePaymentMethodsModalOpen || isChangeDefaultPaymentModalOpen" class="edit_payment_method">
-            <div v-if="isChangeDefaultPaymentModalOpen" class="change-default-modal-container">
-                <CreditCardImage />
-                <div class="edit_payment_method__container__close-cross-container-default" @click="onCloseClickDefault">
-                    <CloseCrossIcon class="close-icon" />
-                </div>
-                <div class="edit_payment_method__header">Select Default Card</div>
-                <label v-for="card in creditCards" :key="card.id" :for="card.id" class="change-default-input-container">
-                    <AmericanExpressIcon v-if="card.brand === 'amex' " class="cardIcons" />
-                    <DiscoverIcon v-if="card.brand === 'discover' " class="cardIcons" />
-                    <JCBIcon v-if="card.brand === 'jcb' " class="cardIcons jcb-icon" />
-                    <MastercardIcon v-if="card.brand === 'mastercard' " class="cardIcons mastercard-icon" />
-                    <UnionPayIcon v-if="card.brand === 'unionpay' " class="cardIcons union-icon" />
-                    <VisaIcon v-if="card.brand === 'visa' " class="cardIcons" />
-                    <DinersIcon v-if="card.brand === 'diners' " class="cardIcons diners-icon" />
-                    <img src="@/../static/images/payments/cardStars.png" alt="Hidden card digits stars image" class="payment-methods-container__card-container__info-area__info-container__image">
-                    {{ card.last4 }}
-                    <input
-                        :id="card.id"
-                        v-model="defaultCreditCardSelection"
-                        :value="card.id"
-                        class="change-default-input"
-                        type="radio"
-                        name="defaultCreditCardSelection"
-                    >
-                </label>
-                <div class="default-card-button" @click="updatePaymentMethod">
-                    Update Default Card
-                </div>
-            </div>
-            <div v-if="isRemovePaymentMethodsModalOpen" class="edit_payment_method__container">
-                <CreditCardImage />
-                <div class="edit_payment_method__container__close-cross-container" @click="onCloseClick">
-                    <CloseCrossIcon class="close-icon" />
-                </div>
-                <div class="edit_payment_method__header">Remove Credit Card</div>
-                <div v-if="cardBeingEdited.isDefault" class="edit_payment_method__header-subtext-default">This is your default payment card.<br>It can't be deleted.</div>
-                <div v-else class="edit_payment_method__header-subtext">This is not your default payment card.</div>
-                <div class="edit_payment_method__header-change-default" @click="changeDefault">
-                    <a class="edit-card-text">Edit default card -></a>
-                </div>
-                <div
-                    v-if="!cardBeingEdited.isDefault"
-                    class="remove-card-button"
-                    @click="removePaymentMethod"
-                    @mouseover="deleteHover = true"
-                    @mouseleave="deleteHover = false"
-                >
-                    <Trash v-if="!deleteHover" />
-                    <Trash v-if="deleteHover" class="red-trash" />
-                    Remove
-                </div>
-            </div>
-        </div>
-        <div v-if="showTransactions">
-            <div class="payments-area__address-card">
-                <div class="payments-area__address-card__left">
-                    <canvas ref="canvas" class="payments-area__address-card__left__canvas" />
-                    <div class="payments-area__address-card__left__balance">
-                        <p class="payments-area__address-card__left__balance__label">
-                            Available Balance (USD)
-                        </p>
-                        <p class="payments-area__address-card__left__balance__value">
-                            {{ wallet.balance.value }}
-                        </p>
-                    </div>
-                </div>
-
-                <div class="payments-area__address-card__right">
-                    <div class="payments-area__address-card__right__address">
-                        <p class="payments-area__address-card__right__address__label">
-                            Deposit Address
-                        </p>
-                        <p class="payments-area__address-card__right__address__value">
-                            {{ wallet.address }}
-                        </p>
-                    </div>
-                    <div class="payments-area__address-card__right__copy">
-                        <VButton
-                            class="modal__address__copy-button"
-                            label="Copy Address"
-                            width="8.6rem"
-                            height="2.5rem"
-                            font-size="0.9rem"
-                            icon="copy"
-                            :on-press="onCopyAddressClick"
-                        />
-                    </div>
-                </div>
-            </div>
-
-            <div class="payments-area__transactions-area">
-                <h2 class="payments-area__transactions-area__title">Transactions</h2>
-                <v-table
-                    class="payments-area__transactions-area__table"
-                    items-label="transactions"
-                    :limit="DEFAULT_PAGE_LIMIT"
-                    :total-page-count="pageCount"
-                    :total-items-count="transactionCount"
-                    :on-page-change="paginationController"
-                >
-                    <template #head>
-                        <SortingHeader @sortFunction="sortFunction" />
-                    </template>
-                    <template #body>
-                        <token-transaction-item
-                            v-for="(item, index) in displayedHistory"
-                            :key="index"
-                            :item="item"
-                        />
-                    </template>
-                </v-table>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, nextTick, onMounted, ref } from 'vue';
-import QRCode from 'qrcode';
-import { useRoute, useRouter } from 'vue-router';
-
-import {
-    CreditCard,
-    Wallet,
-    NativePaymentHistoryItem,
-} from '@/types/payments';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-import { useLoading } from '@/composables/useLoading';
-
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import CreditCardContainer from '@/components/account/billing/billingTabs/CreditCardContainer.vue';
-import SortingHeader from '@/components/account/billing/billingTabs/SortingHeader.vue';
-import AddTokenCard from '@/components/account/billing/paymentMethods/AddTokenCard.vue';
-import AddTokenCardNative from '@/components/account/billing/paymentMethods/AddTokenCardNative.vue';
-import TokenTransactionItem from '@/components/account/billing/paymentMethods/TokenTransactionItem.vue';
-import VTable from '@/components/common/VTable.vue';
-import StripeCardElement from '@/components/account/billing/paymentMethods/StripeCardElement.vue';
-import StripeCardInput from '@/components/account/billing/paymentMethods/StripeCardInput.vue';
-
-import CloseCrossIcon from '@/../static/images/common/closeCross.svg';
-import AmericanExpressIcon from '@/../static/images/payments/cardIcons/smallamericanexpress.svg';
-import DinersIcon from '@/../static/images/payments/cardIcons/smalldinersclub.svg';
-import DiscoverIcon from '@/../static/images/payments/cardIcons/discover.svg';
-import JCBIcon from '@/../static/images/payments/cardIcons/smalljcb.svg';
-import MastercardIcon from '@/../static/images/payments/cardIcons/smallmastercard.svg';
-import UnionPayIcon from '@/../static/images/payments/cardIcons/smallunionpay.svg';
-import VisaIcon from '@/../static/images/payments/cardIcons/smallvisa.svg';
-import Trash from '@/../static/images/account/billing/trash.svg';
-import CreditCardImage from '@/../static/images/billing/credit-card.svg';
-
-interface StripeForm {
-    onSubmit(): Promise<void>;
-}
-
-interface CardEdited {
-    id?: string,
-    isDefault?: boolean
-}
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-const { isLoading: parentInitLoading, withLoading } = useLoading();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const showTransactions = ref<boolean>(false);
-const nativePayIsLoading = ref<boolean>(false);
-const deleteHover = ref<boolean>(false);
-const isLoading = ref<boolean>(false);
-const isAddingPayment = ref<boolean>(false);
-const isChangeDefaultPaymentModalOpen = ref<boolean>(false);
-const isRemovePaymentMethodsModalOpen = ref<boolean>(false);
-const displayedHistory = ref<NativePaymentHistoryItem[]>([]);
-const transactionCount = ref<number>(0);
-const defaultCreditCardSelection = ref<string>('');
-const cardBeingEdited = ref<CardEdited>({});
-const stripeCardInput = ref<StripeForm>();
-const canvas = ref<HTMLCanvasElement>();
-
-const pageCount = computed((): number => {
-    return Math.ceil(transactionCount.value / DEFAULT_PAGE_LIMIT);
-});
-
-/**
- * Indicates whether stripe payment element is enabled.
- */
-const paymentElementEnabled = computed(() => {
-    return configStore.state.config.stripePaymentElementEnabled;
-});
-
-/**
- * Indicates whether native token payments are enabled.
- */
-const nativeTokenPaymentsEnabled = computed((): boolean => {
-    return configStore.state.config.nativeTokenPaymentsEnabled;
-});
-
-/**
- * Returns deposit history items.
- */
-const nativePaymentHistoryItems = computed((): NativePaymentHistoryItem[] => {
-    return billingStore.state.nativePaymentsHistory as NativePaymentHistoryItem[];
-});
-
-/**
- * Returns wallet entity from store.
- */
-const wallet = computed((): Wallet => {
-    return billingStore.state.wallet as Wallet;
-});
-
-/**
- * Indicates if user has own project.
- */
-const userHasOwnProject = computed((): boolean => {
-    return projectsStore.projectsCount(usersStore.state.user.id) > 0;
-});
-
-const creditCards = computed((): CreditCard[] => {
-    return billingStore.state.creditCards;
-});
-
-function onCopyAddressClick(): void {
-    navigator.clipboard.writeText(wallet.value.address);
-    notify.success('Address copied to your clipboard');
-}
-
-async function fetchHistory(): Promise<void> {
-    nativePayIsLoading.value = true;
-
-    try {
-        await billingStore.getNativePaymentsHistory();
-        transactionCount.value = nativePaymentHistoryItems.value.length;
-        displayedHistory.value = nativePaymentHistoryItems.value.slice(0, DEFAULT_PAGE_LIMIT);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-    } finally {
-        nativePayIsLoading.value = false;
-    }
-}
-
-async function hideTransactionsTable(): Promise<void> {
-    showTransactions.value = false;
-}
-
-async function showTransactionsTable(): Promise<void> {
-    await fetchHistory();
-    showTransactions.value = true;
-    nextTick(async () => {
-        await prepQRCode();
-    });
-}
-
-async function prepQRCode(): Promise<void> {
-    try {
-        await QRCode.toCanvas(canvas.value, wallet.value.address);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-    }
-}
-
-async function updatePaymentMethod(): Promise<void> {
-    if (!defaultCreditCardSelection.value) {
-        notify.error('Default card is not selected', AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-        return;
-    }
-
-    const card = creditCards.value.find(c => c.id === defaultCreditCardSelection.value);
-    if (card && card.isDefault) {
-        notify.error('Chosen card is already default', AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-        return;
-    }
-
-    try {
-        await billingStore.makeCardDefault(defaultCreditCardSelection.value);
-        notify.success('Default payment card updated');
-        isChangeDefaultPaymentModalOpen.value = false;
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-    }
-}
-
-async function removePaymentMethod(): Promise<void> {
-    if (!cardBeingEdited.value.isDefault) {
-        if (!cardBeingEdited.value.id) {
-            return;
-        }
-
-        try {
-            await billingStore.removeCreditCard(cardBeingEdited.value.id);
-            analyticsStore.eventTriggered(AnalyticsEvent.CREDIT_CARD_REMOVED);
-            notify.success('Credit card removed');
-        } catch (error) {
-            notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-        }
-
-        isRemovePaymentMethodsModalOpen.value = false;
-    } else {
-        notify.error('You cannot delete the default payment method.', AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-    }
-}
-
-function changeDefault(): void {
-    isChangeDefaultPaymentModalOpen.value = true;
-    isRemovePaymentMethodsModalOpen.value = false;
-}
-
-function closeAddPayment(): void {
-    isAddingPayment.value = false;
-}
-
-/**
- * Adds card after Stripe confirmation.
- *
- * @param res - the response from stripe. Could be a token or a payment method id.
- * depending on the paymentElementEnabled flag.
- */
-async function addCard(res: string): Promise<void> {
-    isLoading.value = true;
-    try {
-        const action = paymentElementEnabled.value ? billingStore.addCardByPaymentMethodID : billingStore.addCreditCard;
-        await action(res);
-        closeAddPayment();
-
-        analyticsStore.eventTriggered(AnalyticsEvent.CREDIT_CARD_ADDED_FROM_BILLING);
-
-        // We fetch User one more time to update their Paid Tier status.
-        await usersStore.getUser();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-        return;
-    } finally {
-        isLoading.value = false;
-    }
-
-    notify.success('Card successfully added');
-    try {
-        await billingStore.getCreditCards();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-    }
-
-    if (!userHasOwnProject.value) {
-        handleCreateProjectClick();
-    }
-}
-
-async function onConfirmAddStripe(): Promise<void> {
-    if (isLoading.value || !stripeCardInput.value) return;
-
-    isLoading.value = true;
-    await stripeCardInput.value.onSubmit();
-    isLoading.value = false;
-}
-
-function addPaymentMethodHandler(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.ADD_NEW_PAYMENT_METHOD_CLICKED);
-
-    if (!usersStore.state.user.paidTier) {
-        appStore.updateActiveModal(MODALS.upgradeAccount);
-        return;
-    }
-
-    isAddingPayment.value = true;
-}
-
-function removePaymentMethodHandler(creditCard: CreditCard): void {
-    cardBeingEdited.value = {
-        id: creditCard.id,
-        isDefault: creditCard.isDefault,
-    };
-    isRemovePaymentMethodsModalOpen.value = true;
-}
-
-function onCloseClick(): void {
-    isRemovePaymentMethodsModalOpen.value = false;
-}
-
-function onCloseClickDefault(): void {
-    isChangeDefaultPaymentModalOpen.value = false;
-}
-
-/**
- * controls sorting the transaction table
- */
-function sortFunction(key: string): void {
-    switch (key) {
-    case 'date-ascending':
-        nativePaymentHistoryItems.value.sort((a, b) => {return a.timestamp.getTime() - b.timestamp.getTime();});
-        break;
-    case 'date-descending':
-        nativePaymentHistoryItems.value.sort((a, b) => {return b.timestamp.getTime() - a.timestamp.getTime();});
-        break;
-    case 'amount-ascending':
-        nativePaymentHistoryItems.value.sort((a, b) => {return a.amount.value - b.amount.value;});
-        break;
-    case 'amount-descending':
-        nativePaymentHistoryItems.value.sort((a, b) => {return b.amount.value - a.amount.value;});
-        break;
-    case 'status-ascending':
-        nativePaymentHistoryItems.value.sort((a, b) => {
-            if (a.status < b.status) return -1;
-            if (a.status > b.status) return 1;
-
-            return 0;
-        });
-        break;
-    case 'status-descending':
-        nativePaymentHistoryItems.value.sort((a, b) => {
-            if (b.status < a.status) return -1;
-            if (b.status > a.status) return 1;
-
-            return 0;
-        });
-    }
-
-    displayedHistory.value = nativePaymentHistoryItems.value.slice(0, 10);
-}
-
-/**
- * controls transaction table pagination
- */
-function paginationController(page: number, limit: number): void {
-    displayedHistory.value = nativePaymentHistoryItems.value.slice((page - 1) * limit, ((page - 1) * limit) + limit);
-}
-
-onMounted(async (): Promise<void> => {
-    defaultCreditCardSelection.value = creditCards.value.find(c => c.isDefault)?.id ?? '';
-
-    if (route.query.action === 'token history') {
-        showTransactionsTable();
-    }
-
-    await withLoading(async () => {
-        try {
-            await Promise.all([
-                billingStore.getWallet(),
-                billingStore.getCreditCards(),
-            ]);
-        } catch (error) {
-            notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
-        }
-    });
-});
-</script>
-
-<style scoped lang="scss">
-$flex: flex;
-$align: center;
-
-:deep(.loader) {
-    width: 40px;
-    height: 40px;
-    padding: 81.5px 154px;
-}
-
-.divider {
-    height: 1px;
-    width: calc(100% + 30px);
-    background-color: #e5e7eb;
-    align-self: center;
-}
-
-.union-icon {
-    margin-top: -6px;
-}
-
-.jcb-icon {
-    margin-top: -10px;
-}
-
-.mastercard-icon {
-    margin-top: -10px;
-}
-
-.diners-icon {
-    margin-top: -10px;
-}
-
-.cardIcons {
-    flex: none;
-}
-
-.edit-card-text {
-    color: var(--c-blue-3);
-    font-family: 'font_regular', sans-serif;
-}
-
-.red-trash {
-
-    :deep(path) {
-        fill: #ac1a00;
-    }
-}
-
-.change-default-input-container {
-    font-family: 'font_regular', sans-serif;
-    display: $flex;
-    align-items: center;
-    padding: 16px;
-    gap: 10px;
-    width: 100%;
-    box-sizing: border-box;
-    border: 1px solid var(--c-grey-4);
-    border-radius: 8px;
-    margin: 7px auto auto;
-    cursor: pointer;
-}
-
-.change-default-input {
-    margin-left: auto;
-    background: #fff;
-    border: 1px solid var(--c-grey-4);
-    border-radius: 24px;
-}
-
-.default-card-button {
-    margin-top: 20px;
-    cursor: pointer;
-    height: 24px;
-    padding: 16px;
-    background: var(--c-blue-3);
-    box-shadow: 0 0 1px rgb(9 28 69 / 80%);
-    border-radius: 8px;
-    font-family: 'font_bold', sans-serif;
-    font-size: 14px;
-    line-height: 24px;
-    letter-spacing: -0.02em;
-    color: white;
-
-    &:hover {
-        background-color: #0059d0;
-    }
-}
-
-.remove-card-button {
-    cursor: pointer;
-    padding: 16px;
-    background: #fff;
-    gap: 8px;
-    border: 1px solid var(--c-grey-3);
-    box-shadow: 0 0 3px rgb(0 0 0 / 8%);
-    border-radius: 8px;
-    font-family: 'font_bold', sans-serif;
-    font-size: 14px;
-    line-height: 24px;
-    display: $flex;
-    align-items: $align;
-    letter-spacing: -0.02em;
-    color: var(--c-grey-6);
-
-    &:hover {
-        border: 1px solid #e30011 !important;
-        color: #e30011;
-    }
-}
-
-.close-add-payment {
-    position: absolute;
-    right: 0;
-    top: 0;
-    cursor: pointer;
-}
-
-.change-default-modal-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 320px;
-    padding: 20px;
-    box-sizing: border-box;
-    background: var(--c-white);
-    border-radius: 6px;
-    position: relative;
-}
-
-.edit_payment_method {
-    position: fixed;
-    inset: 0;
-    z-index: 100;
-    background: rgb(27 37 51 / 75%);
-    display: $flex;
-    align-items: $align;
-    justify-content: $align;
-
-    &__header-change-default {
-        margin: 16px 0;
-    }
-
-    &__header {
-        font-family: 'font_bold', sans-serif;
-        font-size: 24px;
-        line-height: 31px;
-        text-align: $align;
-        letter-spacing: -0.02em;
-        color: #1b2533;
-        align-self: center;
-        margin-top: 16px;
-    }
-
-    &__header-subtext,
-    &__header-subtext-default {
-        font-family: 'font_regular', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        text-align: $align;
-        color: var(--c-grey-6);
-    }
-
-    &__container {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        width: 320px;
-        padding: 20px;
-        box-sizing: border-box;
-        background: var(--c-white);
-        border-radius: 6px;
-        position: relative;
-
-        &__close-cross-container,
-        &__close-cross-container-default {
-            position: absolute;
-            top: 20px;
-            right: 20px;
-            cursor: pointer;
-        }
-    }
-}
-
-.add-card-button {
-    margin-top: 2px;
-}
-
-.active-discount {
-    background: var(--c-green-1);
-    color: var(--c-green-5);
-}
-
-.inactive-discount {
-    background: #ffe1df;
-    color: #ac1a00;
-}
-
-.active-status {
-    background: var(--c-green-5);
-}
-
-.inactive-status {
-    background: #ac1a00;
-}
-
-.stripe_input {
-    grid-row: 3;
-    grid-column: 1;
-    width: 100%;
-}
-
-.payments-area {
-
-    &__top-container {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-
-    &__create-header {
-        grid-row: 1;
-        grid-column: 1;
-        font-family: 'font_bold', sans-serif;
-        font-size: 18px;
-        line-height: 27px;
-    }
-
-    &__create-subheader {
-        grid-row: 2;
-        grid-column: 1;
-        font-family: 'font_regular', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-grey-6);
-    }
-
-    &__title {
-        font-family: 'font_regular', sans-serif;
-        font-size: 24px;
-        margin: 20px 0;
-
-        &__back {
-            cursor: pointer;
-
-            &:hover {
-                color: #000000bd;
-            }
-        }
-    }
-
-    &__container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 10px;
-
-        &__cards, &__token-card {
-            height: 203px;
-            width: 348px;
-            box-sizing: border-box;
-            margin-right: 10px;
-        }
-
-        &__cards {
-            padding: 24px;
-            background: #fff;
-            box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-            border-radius: 10px;
-        }
-
-        &__new-payments {
-            width: 348px;
-            min-height: 203px;
-            padding: 24px;
-            box-sizing: border-box;
-            border: 2px dashed var(--c-grey-5);
-            border-radius: 10px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            &.white-background {
-                background: var(--c-white);
-            }
-
-            &__text-area {
-                display: flex;
-                align-items: center;
-                font-size: 16px;
-                font-family: 'font_regular', sans-serif;
-                color: var(--c-blue-3);
-                cursor: pointer;
-
-                &__text {
-                    text-decoration: underline;
-                    text-underline-position: under;
-                }
-            }
-
-            &__add-card {
-                position: relative;
-                width: 100%;
-                height: 100%;
-                display: flex;
-                flex-direction: column;
-                justify-content: space-between;
-            }
-        }
-
-        &__transactions {
-            margin: 20px 0;
-            background-color: #fff;
-            border-radius: 10px;
-            box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-            padding: 0 15px;
-            display: flex;
-            flex-direction: column;
-        }
-    }
-
-    .pagination {
-        display: flex;
-        justify-content: space-between;
-        font-family: 'font_regular', sans-serif;
-        padding: 15px 0;
-        color: #6b7280;
-
-        &__right-container {
-            display: flex;
-            width: 150px;
-            justify-content: space-between;
-
-            &__buttons {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                width: 25%;
-
-                &__left {
-                    transform: rotate(180deg);
-                    cursor: pointer;
-                    padding: 1px 0 0;
-                }
-
-                &__right {
-                    cursor: pointer;
-                }
-            }
-        }
-    }
-
-    &__address-card {
-        display: flex;
-        justify-content: space-between;
-        flex-wrap: wrap;
-        background: #fff;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        border-radius: 0.6rem;
-        padding: 1rem 1.5rem;
-        font-family: 'font_regular', sans-serif;
-
-        &__left {
-            display: flex;
-            align-items: center;
-            gap: 1.5rem;
-
-            &__canvas {
-                height: 4rem !important;
-                width: 4rem !important;
-            }
-
-            &__balance {
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                gap: 0.3rem;
-
-                &__label {
-                    font-size: 0.9rem;
-                    color: rgb(0 0 0 / 75%);
-                }
-
-                &__value {
-                    font-family: 'font_bold', sans-serif;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                    overflow: hidden;
-
-                    @media screen and (width <= 375px) {
-                        width: 16rem;
-                    }
-                }
-            }
-        }
-
-        &__right {
-            width: 60%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            flex-wrap: wrap;
-            gap: 0.3rem;
-
-            @media screen and (width <= 650px) {
-                width: 100%;
-            }
-
-            &__address {
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                width: 100%;
-                gap: 0.3rem;
-
-                &__label {
-                    font-size: 0.9rem;
-                    color: rgb(0 0 0 / 75%);
-                }
-
-                &__value {
-                    font-family: 'font_bold', sans-serif;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
-            }
-        }
-    }
-
-    &__transactions-area {
-        margin-top: 1.5rem;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 1.5rem;
-
-        &__title {
-            font-family: 'font_regular', sans-serif;
-            font-size: 1.5rem;
-            line-height: 1.8rem;
-        }
-
-        &__table {
-            width: 100%;
-        }
-    }
-}
-
-@mixin reset-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-@mixin horizontal-list {
-    @include reset-list;
-
-    li {
-        display: inline-block;
-        margin: {
-            left: -2px;
-            right: 2em;
-        }
-    }
-}
-
-nav ul {
-    @include horizontal-list;
-}
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/SortingHeader.vue b/web/satellite/src/components/account/billing/billingTabs/SortingHeader.vue
deleted file mode 100644
index 4f3d998cc2b8..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/SortingHeader.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <th @click="sortFunction('date')">
-        <div class="th-content">
-            <span>DATE</span>
-            <VerticalArrows
-                :is-active="arrowController.date"
-                :direction="dateSortDirection"
-            />
-        </div>
-    </th>
-    <th>
-        <div class="th-content">
-            <span>TRANSACTION</span>
-        </div>
-    </th>
-    <th @click="sortFunction('amount')">
-        <div class="th-content">
-            <span>AMOUNT(USD)</span>
-            <VerticalArrows
-                :is-active="arrowController.amount"
-                :direction="amountSortDirection"
-            />
-        </div>
-    </th>
-    <th @click="sortFunction('status')">
-        <div class="th-content">
-            <span>STATUS</span>
-            <VerticalArrows
-                :is-active="arrowController.status"
-                :direction="statusSortDirection"
-            />
-        </div>
-    </th>
-    <th class="laptop">
-        <div class="th-content">
-            <span>DETAILS</span>
-        </div>
-    </th>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { SortDirection } from '@/types/common';
-
-import VerticalArrows from '@/components/common/VerticalArrows.vue';
-
-const dateSorting = ref<string>('date-descending');
-const amountSorting = ref<string>('amount-descending');
-const statusSorting = ref<string>('status-descending');
-
-const emit = defineEmits(['sortFunction']);
-
-const dateSortDirection = ref<SortDirection>(SortDirection.ASCENDING);
-const amountSortDirection = ref<SortDirection>(SortDirection.ASCENDING);
-const statusSortDirection = ref<SortDirection>(SortDirection.ASCENDING);
-const arrowController = ref<{date: boolean, amount: boolean, status: boolean}>({ date: false, amount: false, status: false });
-
-/**
- * sorts table by date
- */
-function sortFunction(key): void {
-    switch (key) {
-    case 'date':
-        emit('sortFunction', dateSorting.value);
-        dateSorting.value = dateSorting.value === 'date-ascending' ? 'date-descending' : 'date-ascending';
-        arrowController.value = { date: true, amount: false, status: false };
-        dateSortDirection.value = dateSortDirection.value === SortDirection.DESCENDING ? SortDirection.ASCENDING : SortDirection.DESCENDING;
-        break;
-    case 'amount':
-        emit('sortFunction', amountSorting.value);
-        amountSorting.value = amountSorting.value === 'amount-ascending' ? 'amount-descending' : 'amount-ascending';
-        arrowController.value = { date: false, amount: true, status: false };
-        amountSortDirection.value = amountSortDirection.value === SortDirection.DESCENDING ? SortDirection.ASCENDING : SortDirection.DESCENDING;
-        break;
-    case 'status':
-        emit('sortFunction', statusSorting.value);
-        statusSorting.value = statusSorting.value === 'status-ascending' ? 'status-descending' : 'status-ascending';
-        arrowController.value = { date: false, amount: false, status: true };
-        statusSortDirection.value = statusSortDirection.value === SortDirection.DESCENDING ? SortDirection.ASCENDING : SortDirection.DESCENDING;
-        break;
-    default:
-        break;
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.th-content {
-    display: flex;
-    text-align: left;
-}
-
-@media screen and (width <= 1024px) and (width >= 426px) {
-
-    .laptop {
-        display: none;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/account/billing/billingTabs/UsageAndChargesItem.vue b/web/satellite/src/components/account/billing/billingTabs/UsageAndChargesItem.vue
deleted file mode 100644
index 6d47e2610048..000000000000
--- a/web/satellite/src/components/account/billing/billingTabs/UsageAndChargesItem.vue
+++ /dev/null
@@ -1,417 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="usage-charges-item-container">
-        <div class="usage-charges-item-container__summary" @click="toggleDetailedInfo">
-            <div class="usage-charges-item-container__summary__name-container">
-                <GreyChevron :class="`chevron-${isDetailedInfoShown?'down':'up'}`" />
-                <span class="usage-charges-item-container__summary__name-container__name">{{ projectName }}</span>
-            </div>
-            <span class="usage-charges-item-container__summary__text">
-                Estimated Total &nbsp;
-                <span
-                    class="usage-charges-item-container__summary__amount"
-                >{{ centsToDollars(projectCharges.getProjectPrice(projectId)) }}
-                </span>
-            </span>
-        </div>
-        <template v-if="isDetailedInfoShown">
-            <div
-                v-for="[partner, charge] in partnerCharges"
-                :key="partner"
-                class="usage-charges-item-container__detailed-info-container"
-            >
-                <p v-if="partnerCharges.length > 1 || partner" class="usage-charges-item-container__detailed-info-container__partner">
-                    {{ partner || 'Standard Usage' }}
-                </p>
-                <div class="usage-charges-item-container__detailed-info-container__info-header">
-                    <span class="resource-header">RESOURCE</span>
-                    <span class="period-header">PERIOD</span>
-                    <span class="usage-header">USAGE</span>
-                    <span class="cost-header">COST</span>
-                </div>
-                <div class="usage-charges-item-container__detailed-info-container__content-area">
-                    <div class="usage-charges-item-container__detailed-info-container__content-area__resource-container">
-                        <p>Storage <span class="price-per-month">({{ getStoragePrice(partner) }} per Gigabyte-Month)</span></p>
-                        <p>Egress <span class="price-per-month">({{ getEgressPrice(partner) }} per GB)</span></p>
-                        <p>Segments <span class="price-per-month">({{ getSegmentPrice(partner) }} per Segment-Month)</span></p>
-                    </div>
-                    <div class="usage-charges-item-container__detailed-info-container__content-area__period-container">
-                        <p v-for="i in 3" :key="i">{{ getPeriod(charge) }}</p>
-                    </div>
-                    <div class="usage-charges-item-container__detailed-info-container__content-area__usage-container">
-                        <p>{{ getStorageFormatted(charge) }} Gigabyte-month</p>
-                        <p>{{ getEgressAmountAndDimension(charge) }}</p>
-                        <p>{{ getSegmentCountFormatted(charge) }} Segment-month</p>
-                    </div>
-                    <div class="usage-charges-item-container__detailed-info-container__content-area__cost-container">
-                        <p class="price">{{ centsToDollars(charge.storagePrice) }}</p>
-                        <p class="price">{{ centsToDollars(charge.egressPrice) }}</p>
-                        <p class="price">{{ centsToDollars(charge.segmentPrice) }}</p>
-                    </div>
-                </div>
-                <v-button
-                    class="usage-charges-item-container__detailed-info-container__btn"
-                    label="Download Report"
-                    icon="date"
-                    width="160px"
-                    height="30px"
-                    font-size="14px"
-                    is-transparent
-                    :on-press="downloadUsageReport"
-                />
-            </div>
-        </template>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { centsToDollars, decimalShift, formatPrice, CENTS_MB_TO_DOLLARS_GB_SHIFT } from '@/utils/strings';
-import { ProjectCharge, ProjectCharges, ProjectUsagePriceModel } from '@/types/payments';
-import { Project } from '@/types/projects';
-import { Size } from '@/utils/bytesSize';
-import { SHORT_MONTHS_NAMES } from '@/utils/constants/date';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-
-import VButton from '@/components/common/VButton.vue';
-
-import GreyChevron from '@/../static/images/common/greyChevron.svg';
-
-/**
- * HOURS_IN_MONTH constant shows amount of hours in 30-day month.
- */
-const HOURS_IN_MONTH = 720;
-
-const props = withDefaults(defineProps<{
-    /**
-     * The ID of the project for which to show the usage and charge information.
-     */
-    projectId?: string;
-}>(), {
-    projectId: '',
-});
-
-const billingStore = useBillingStore();
-const projectsStore = useProjectsStore();
-const appStore = useAppStore();
-
-const notify = useNotify();
-
-/**
- * isDetailedInfoShown indicates if area with detailed information about project charges is expanded.
- */
-const isDetailedInfoShown = ref<boolean>(false);
-
-/**
- * An array of tuples containing the partner name and usage charge for the specified project ID.
- */
-const partnerCharges = computed((): [partner: string, charge: ProjectCharge][] => {
-    const arr = billingStore.state.projectCharges.toArray();
-    arr.sort(([partner1], [partner2]) => partner1.localeCompare(partner2));
-    const tuple = arr.find(tuple => tuple[0] === props.projectId);
-    return tuple ? tuple[1] : [];
-});
-
-/**
- * projectName returns project name.
- */
-const projectName = computed((): string => {
-    const projects: Project[] = projectsStore.state.projects;
-    const project: Project | undefined = projects.find(project => project.id === props.projectId);
-
-    return project?.name || '';
-});
-
-/**
- * Returns project usage price model from store.
- */
-const projectCharges = computed((): ProjectCharges => {
-    return billingStore.state.projectCharges as ProjectCharges;
-});
-
-/**
- * Handles download usage report click logic.
- */
-function downloadUsageReport(): void {
-    appStore.setUsageReportProjectID(props.projectId);
-    appStore.updateActiveModal(MODALS.detailedUsageReport);
-}
-
-/**
- * Returns project usage price model from store.
- */
-function getPriceModel(partner: string): ProjectUsagePriceModel {
-    return projectCharges.value.getUsagePriceModel(partner) || billingStore.state.usagePriceModel;
-}
-
-/**
- * Returns string of date range.
- */
-function getPeriod(charge: ProjectCharge): string {
-    const since = `${SHORT_MONTHS_NAMES[charge.since.getUTCMonth()]} ${charge.since.getUTCDate()}`;
-    const before = `${SHORT_MONTHS_NAMES[charge.before.getUTCMonth()]} ${charge.before.getUTCDate()}`;
-
-    return `${since} - ${before}`;
-}
-
-/**
- * Returns formatted egress depending on amount of bytes.
- */
-function egressFormatted(charge: ProjectCharge): Size {
-    return new Size(charge.egress, 2);
-}
-
-/**
- * Returns formatted storage used in GB x month dimension.
- */
-function getStorageFormatted(charge: ProjectCharge): string {
-    const bytesInGB = 1000000000;
-
-    return (charge.storage / HOURS_IN_MONTH / bytesInGB).toFixed(2);
-}
-
-/**
- * Returns formatted segment count in segment x month dimension.
- */
-function getSegmentCountFormatted(charge: ProjectCharge): string {
-    return (charge.segmentCount / HOURS_IN_MONTH).toFixed(2);
-}
-
-/**
- * Returns storage price per GB.
- */
-function getStoragePrice(partner: string): string {
-    return formatPrice(decimalShift(getPriceModel(partner).storageMBMonthCents, CENTS_MB_TO_DOLLARS_GB_SHIFT));
-}
-
-/**
- * Returns egress price per GB.
- */
-function getEgressPrice(partner: string): string {
-    return formatPrice(decimalShift(getPriceModel(partner).egressMBCents, CENTS_MB_TO_DOLLARS_GB_SHIFT));
-}
-
-/**
- * Returns segment price.
- */
-function getSegmentPrice(partner: string): string {
-    return formatPrice(decimalShift(getPriceModel(partner).segmentMonthCents, 2));
-}
-
-/**
- * Returns string of egress amount and dimension.
- */
-function getEgressAmountAndDimension(charge: ProjectCharge): string {
-    const egress = egressFormatted(charge);
-    return `${egress.formattedBytes} ${egress.label}`;
-}
-
-/**
- * toggleDetailedInfo expands an area with detailed information about project charges.
- */
-function toggleDetailedInfo(): void {
-    isDetailedInfoShown.value = !isDetailedInfoShown.value;
-}
-</script>
-
-<style scoped lang="scss">
-    p {
-        margin: 0;
-    }
-
-    .divider {
-        margin-top: 15px;
-        background-color: var(--c-grey-2);
-        width: calc(100% + 40px);
-        height: 1px;
-        align-self: center;
-    }
-
-    .chevron-up {
-        transition: 200ms;
-        transform: rotate(-90deg);
-    }
-
-    .chevron-down {
-        transition: 200ms;
-    }
-
-    .usage-charges-item-container {
-        color: var(--c-black);
-        font-size: 16px;
-        line-height: 21px;
-        margin-top: 10px;
-        font-family: 'font_regular', sans-serif;
-        background-color: var(--c-white);
-        border-radius: 8px;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-
-        &__summary {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            flex-wrap: wrap;
-            padding: 20px;
-            cursor: pointer;
-
-            &__name-container {
-                display: flex;
-                align-items: center;
-
-                &__name {
-                    margin-left: 10px;
-                }
-
-                &__expand-image,
-                &__hide-image {
-                    width: 14px;
-                    height: 14px;
-                    margin-right: 12px;
-                }
-
-                &__expand-image {
-                    height: 8px;
-                }
-            }
-
-            &__text {
-                font-size: 17px;
-                line-height: 21px;
-                text-align: right;
-                display: flex;
-                align-items: center;
-            }
-
-            &__amount {
-                font-family: 'font_bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                text-align: right;
-            }
-        }
-
-        &__detailed-info-container {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            justify-content: space-between;
-            padding: 24px 20px;
-            border-top: 1px solid var(--c-grey-2);
-
-            &__partner {
-                font-size: 17px;
-                margin-bottom: 16px;
-            }
-
-            &__info-header {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                font-size: 12px;
-                line-height: 19px;
-                color: var(--c-grey-6);
-                font-weight: 600;
-                height: 25px;
-                width: 100%;
-            }
-
-            &__content-area {
-                width: 100%;
-                padding: 5px 0 0;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-
-                &__resource-container,
-                &__period-container,
-                &__cost-container,
-                &__usage-container {
-                    width: 20%;
-                    font-size: 16px;
-                    line-height: 19px;
-                    color: #354049;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-
-                    :nth-child(1),
-                    :nth-child(2) {
-                        margin-bottom: 3px;
-                    }
-                }
-
-                &__resource-container {
-                    width: 40%;
-                }
-            }
-
-            &__btn {
-                margin-top: 16px;
-            }
-        }
-    }
-
-    .resource-header {
-        width: 40%;
-    }
-
-    .cost-header,
-    .period-header,
-    .usage-header {
-        width: 20%;
-    }
-
-    .cost-header,
-    .price {
-        text-align: right;
-    }
-
-    @media only screen and (width <= 1040px) {
-
-        .price-per-month {
-            display: none;
-        }
-
-        .usage-charges-item-container__detailed-info-container__content-area__resource-container,
-        .resource-header,
-        .usage-charges-item-container__detailed-info-container__content-area__cost-container,
-        .cost-header {
-            width: 15%;
-        }
-
-        .usage-charges-item-container__detailed-info-container__content-area__period-container,
-        .period-header,
-        .usage-charges-item-container__detailed-info-container__content-area__usage-container,
-        .usage-header {
-            width: 25%;
-        }
-    }
-
-    @media only screen and (width <= 768px) {
-
-        .usage-charges-item-container__detailed-info-container__content-area__period-container,
-        .period-header {
-            display: none;
-        }
-    }
-
-    @media only screen and (width <= 625px) {
-
-        .usage-charges-item-container__detailed-info-container__content-area__usage-container,
-        .usage-header {
-            display: none;
-        }
-
-        .usage-charges-item-container__detailed-info-container__content-area__resource-container,
-        .usage-charges-item-container__detailed-info-container__content-area__cost-container {
-            width: auto;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/paymentMethods/AddTokenCard.vue b/web/satellite/src/components/account/billing/paymentMethods/AddTokenCard.vue
deleted file mode 100644
index f3d59245895a..000000000000
--- a/web/satellite/src/components/account/billing/paymentMethods/AddTokenCard.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="token">
-        <div class="token__large-icon-container">
-            <div class="token__large-icon">
-                <StorjLarge />
-            </div>
-        </div>
-        <div class="token__add-funds">
-            <h3 class="token__add-funds__title">
-                STORJ Token
-            </h3>
-            <p class="token__add-funds__support-info">
-                To deposit STORJ token and request higher limits, please contact
-                <a target="_blank" rel="noopener noreferrer" href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212">Support</a>
-            </p>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import StorjLarge from '@/../static/images/billing/storj-icon-large.svg';
-</script>
-
-<style scoped lang="scss">
-    .token {
-        border-radius: 10px;
-        box-sizing: border-box;
-        padding: 24px;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        background: #fff;
-        position: relative;
-        font-family: 'font_regular', sans-serif;
-
-        &__large-icon-container {
-            position: absolute;
-            top: 0;
-            right: 0;
-            height: 120px;
-            width: 120px;
-            border-radius: 10px;
-            overflow: hidden;
-        }
-
-        &__large-icon {
-            position: absolute;
-            top: -25px;
-            right: -24px;
-        }
-
-        &__add-funds {
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            gap: 1rem;
-            height: 100%;
-            width: 100%;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-            }
-
-            &__support-info {
-                font-size: 14px;
-                line-height: 20px;
-                color: #000;
-
-                a {
-                    color: var(--c-blue-3);
-                    text-decoration: underline !important;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/paymentMethods/AddTokenCardNative.vue b/web/satellite/src/components/account/billing/paymentMethods/AddTokenCardNative.vue
deleted file mode 100644
index 63ef950520ee..000000000000
--- a/web/satellite/src/components/account/billing/paymentMethods/AddTokenCardNative.vue
+++ /dev/null
@@ -1,405 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="token">
-        <div class="token__icon">
-            <div class="token__icon__wrapper">
-                <StorjLarge />
-            </div>
-        </div>
-
-        <div class="token__content">
-            <div v-if="isLoading || parentInitLoading" class="token__content__loader-container">
-                <v-loader />
-            </div>
-            <div v-else-if="!wallet.address" class="token__content__add-funds">
-                <h3 class="token__content__add-funds__title">
-                    STORJ Token
-                </h3>
-                <p class="token__content__add-funds__info">Deposit STORJ Token to your account and receive a 10% bonus, or $10 for every $100.</p>
-                <!-- Claim wallet button -->
-                <VButton
-                    label="Add STORJ Tokens"
-                    width="140px"
-                    height="32px"
-                    font-size="13px"
-                    border-radius="6px"
-                    :on-press="claimWalletClick"
-                />
-            </div>
-            <template v-else>
-                <div class="token__content__title-area">
-                    <div class="token__content__title-area__small-icon">
-                        <StorjSmall />
-                    </div>
-                    <div class="token__content__title-area__default-wrapper">
-                        <p class="token__content__title-area__default-wrapper__label">Default</p>
-                        <VInfo>
-                            <template #icon>
-                                <InfoIcon />
-                            </template>
-                            <template #message>
-                                <p class="token__content__title-area__default-wrapper__message">
-                                    If the STORJ token balance runs out, the default credit card will be charged.
-                                    <a
-                                        class="token__content__title-area__default-wrapper__message__link"
-                                        href="https://docs.storj.io/support/account-management-billing/payment-methods"
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                    >
-                                        Learn More
-                                    </a>
-                                </p>
-                            </template>
-                        </VInfo>
-                    </div>
-                </div>
-                <div class="token__content__info-area">
-                    <div class="token__content__info-area__option">
-                        <h2 class="token__content__info-area__option__title">STORJ Token Deposit Address</h2>
-                        <p class="token__content__info-area__option__value">{{ wallet.address }}</p>
-                    </div>
-                    <div class="token__content__info-area__option">
-                        <h2 class="token__content__info-area__option__title">Total Balance</h2>
-                        <p class="token__content__info-area__option__value">{{ wallet.balance.value }}</p>
-                    </div>
-                </div>
-                <div class="token__content__action-area">
-                    <VButton
-                        class="token__content__action-area__history-btn"
-                        label="See transactions"
-                        :is-transparent="true"
-                        height="32px"
-                        font-size="13px"
-                        border-radius="6px"
-                        :on-press="() => $emit('showTransactions')"
-                    />
-
-                    <v-button
-                        label="Add funds"
-                        width="96px"
-                        height="32px"
-                        font-size="13px"
-                        border-radius="6px"
-                        :on-press="onAddTokensClick"
-                    />
-                </div>
-            </template>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { Wallet } from '@/types/payments';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import VInfo from '@/components/common/VInfo.vue';
-
-import InfoIcon from '@/../static/images/billing/blueInfoIcon.svg';
-import StorjSmall from '@/../static/images/billing/storj-icon-small.svg';
-import StorjLarge from '@/../static/images/billing/storj-icon-large.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const props = defineProps<{
-    parentInitLoading: boolean
-}>();
-
-const isLoading = ref<boolean>(false);
-
-/**
- * Indicates if user is in paid tier.
- */
-const isUserInPaidTier = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * Returns wallet from store.
- */
-const wallet = computed((): Wallet => {
-    return billingStore.state.wallet as Wallet;
-});
-
-/**
- * claimWallet claims a wallet for the current account.
- */
-async function claimWallet(): Promise<void> {
-    if (!wallet.value.address) {
-        await billingStore.claimWallet();
-    }
-}
-
-/**
- * Called when "Add STORJ Tokens" button is clicked.
- */
-async function claimWalletClick(): Promise<void> {
-    isLoading.value = true;
-
-    try {
-        await claimWallet();
-        // wallet claimed; open token modal
-        onAddTokensClick();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.BILLING_STORJ_TOKEN_CONTAINER);
-    }
-
-    isLoading.value = false;
-}
-
-/**
- * Holds on add tokens button click logic.
- * Triggers Add funds popup.
- */
-function onAddTokensClick(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
-
-    if (!isUserInPaidTier.value) {
-        appStore.updateActiveModal(MODALS.upgradeAccount);
-    } else {
-        appStore.updateActiveModal(MODALS.addTokenFunds);
-    }
-}
-
-onMounted(async (): Promise<void> => {
-    // check if user navigated here from Billing overview screen
-    if (route.query.action !== 'add tokens') {
-        return;
-    }
-    // user clicked 'Add Funds' on Billing overview screen.
-    if (wallet.value.address) {
-        onAddTokensClick();
-    } else {
-        await claimWalletClick();
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .token {
-        border-radius: 10px;
-        padding: 24px;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        position: relative;
-        font-family: 'font_regular', sans-serif;
-        background-color: #fff;
-
-        &__icon {
-            position: absolute;
-            top: 0;
-            right: 0;
-            width: 120px;
-            height: 120px;
-            overflow: hidden;
-
-            &__wrapper {
-                position: absolute;
-                top: -20px;
-                right: -20px;
-            }
-        }
-
-        &__content {
-            position: relative;
-            height: 100%;
-
-            &__loader-container {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                height: 100%;
-                width: 100%;
-
-                :deep(.loader) {
-                    padding: 0;
-                }
-            }
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 18px;
-                line-height: 27px;
-                color: #000;
-                margin-bottom: 5px;
-            }
-
-            &__info {
-                position: relative;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-                margin-bottom: 23px;
-                max-width: 232px;
-            }
-
-            &__title-area {
-                position: relative;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-
-                &__small-icon {
-                    background: var(--c-blue-1);
-                    border-radius: 4px;
-                    width: 32px;
-                    height: 24px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
-
-                &__default-wrapper {
-                    display: flex;
-                    align-items: center;
-                    padding: 7px 8px;
-                    background: var(--c-blue-1);
-                    border: 1px solid #fff;
-                    border-radius: 4px;
-
-                    &__label {
-                        font-family: 'font_bold', sans-serif;
-                        font-size: 12px;
-                        color: var(--c-blue-4);
-                        margin-right: 4px;
-                    }
-
-                    &__message {
-                        font-size: 12px;
-                        line-height: 18px;
-                        text-align: center;
-                        color: #fff;
-                        transform: rotate(180deg);
-
-                        &__link {
-                            color: #fff;
-                            text-decoration: underline !important;
-                            text-underline-position: under;
-                        }
-                    }
-
-                    svg {
-                        cursor: pointer;
-                    }
-                }
-            }
-
-            &__add-funds {
-                display: flex;
-                flex-direction: column;
-                justify-content: space-between;
-                height: 100%;
-                width: 100%;
-
-                &__title {
-                    font-family: 'font_bold', sans-serif;
-                }
-
-                &__info {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: #000;
-
-                    a {
-                        color: var(--c-blue-3);
-                        text-decoration: underline !important;
-                    }
-                }
-            }
-
-            &__info-area {
-                position: relative;
-                display: flex;
-                align-items: center;
-                margin: 32px 0 25px;
-
-                &__option {
-
-                    &:first-of-type {
-                        margin-right: 16px;
-                        max-width: 185px;
-                    }
-
-                    &__title {
-                        font-family: 'font_medium', sans-serif;
-                        font-size: 12px;
-                        line-height: 18px;
-                        color: var(--c-grey-6);
-                    }
-
-                    &__value {
-                        font-family: 'font_bold', sans-serif;
-                        font-size: 16px;
-                        line-height: 24px;
-                        color: #000;
-
-                        &:first-of-type {
-                            white-space: nowrap;
-                            text-overflow: ellipsis;
-                            overflow: hidden;
-                        }
-                    }
-                }
-            }
-
-            &__action-area {
-                display: flex;
-                justify-content: flex-start;
-                align-items: center;
-                gap: 10px;
-
-                &__history-btn {
-                    cursor: pointer;
-                    padding: 0 10px;
-
-                    span {
-                        font-size: 13px;
-                        color: var(--c-grey-6);
-                        font-family: 'font_medium', sans-serif;
-                        line-height: 23px;
-                        margin: 0;
-                        white-space: nowrap;
-                    }
-                }
-            }
-        }
-    }
-
-    :deep(.info__box) {
-        transform: rotate(-180deg);
-        top: calc(100% - 100px);
-        left: calc(100% - 123px);
-        filter: none;
-    }
-
-    :deep(.info__box__message) {
-        padding: 8px 8px 13px;
-        width: 235px;
-        background: var(--c-grey-6);
-        border-radius: 4px;
-    }
-
-    :deep(.info__box__arrow) {
-        width: 10px;
-        height: 10px;
-        background: var(--c-grey-6);
-        margin-bottom: -3px;
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/paymentMethods/TokenTransactionItem.vue b/web/satellite/src/components/account/billing/paymentMethods/TokenTransactionItem.vue
deleted file mode 100644
index 241eddc8bc92..000000000000
--- a/web/satellite/src/components/account/billing/paymentMethods/TokenTransactionItem.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <tr @click="goToTxn">
-        <th class="align-left data mobile">
-            <div class="few-items">
-                <p class="array-val">
-                    STORJ {{ item.formattedType }}
-                </p>
-                <p class="array-val">
-                    <span class="amount">+ {{ item.formattedAmount }}</span>
-                </p>
-                <p
-                    class="array-val" :class="{
-                        pending_txt: item.status === 'pending',
-                        confirmed_txt: item.status === 'confirmed' || item.status === 'complete',
-                        rejected_txt: item.status === 'rejected',
-                    }"
-                >
-                    {{ item.formattedStatus }}
-                </p>
-                <p class="array-val">
-                    {{ item.timestamp.toLocaleDateString('en-US', {day:'numeric', month:'short', year:'numeric'}) }},
-                    {{ item.timestamp.toLocaleTimeString('en-US', {hour:'numeric', minute:'numeric'}) }}
-                </p>
-            </div>
-        </th>
-
-        <th class="align-left data tablet-laptop">
-            <p class="date">{{ item.timestamp.toLocaleDateString('en-US', {day:'2-digit', month:'2-digit', year:'numeric'}) }}</p>
-            <p class="time">{{ item.timestamp.toLocaleTimeString('en-US', {hour:'numeric', minute:'numeric'}) }}</p>
-        </th>
-        <th class="align-left data tablet-laptop">
-            <p>STORJ {{ item.formattedType }}</p>
-            <p class="laptop">{{ item.wallet }}</p>
-        </th>
-
-        <th class="align-left data tablet-laptop">
-            <p class="amount">+ {{ item.formattedAmount }}</p>
-        </th>
-
-        <th class="align-left data tablet-laptop">
-            <div class="status">
-                <span
-                    class="status__dot" :class="{
-                        pending: item.status === 'pending',
-                        confirmed: item.status === 'confirmed' || item.status === 'complete',
-                        rejected: item.status === 'rejected'
-                    }"
-                />
-                <span class="status__text">{{ item.formattedStatus }}</span>
-            </div>
-        </th>
-
-        <th class="align-left data laptop">
-            <a
-                v-if="item.link" class="download-link" target="_blank"
-                rel="noopener noreferrer" :href="item.link"
-            >View</a>
-        </th>
-    </tr>
-</template>
-
-<script setup lang="ts">
-import { formatPrice } from '@/utils/strings';
-import { NativePaymentHistoryItem, NativePaymentType } from '@/types/payments';
-import { useResize } from '@/composables/resize';
-
-const props = withDefaults(defineProps<{
-    item: NativePaymentHistoryItem,
-}>(), {
-    item: () => new NativePaymentHistoryItem(),
-});
-
-const { isMobile, isTablet } = useResize();
-
-function goToTxn() {
-    if (isMobile.value || isTablet.value) {
-        window.open(props.item.link, '_blank', 'noreferrer');
-    }
-}
-</script>
-
-<style scoped lang="scss">
-    .amount {
-        color: var(--c-green-5);
-    }
-
-    p,
-    span {
-        line-height: 20px;
-    }
-
-    .time {
-        color: var(--c-grey-5);
-    }
-
-    .pending {
-        background: var(--c-yellow-4);
-    }
-
-    .pending_txt {
-        color: var(--c-yellow-4);
-    }
-
-    .confirmed {
-        background: var(--c-green-5);
-    }
-
-    .confirmed_txt {
-        color: var(--c-green-5);
-    }
-
-    .rejected {
-        background: #ac1a00;
-    }
-
-    .rejected_txt {
-        color: #ac1a00;
-    }
-
-    .status {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-
-        &__dot {
-            height: 0.8rem;
-            width: 0.8rem;
-            border-radius: 100%;
-        }
-    }
-
-    .download-link {
-        color: #2683ff;
-        text-decoration: underline !important;
-
-        &:hover {
-            color: #0059d0;
-        }
-    }
-
-    .few-items {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .array-val {
-        font-family: 'font_regular', sans-serif;
-        font-size: 0.75rem;
-        line-height: 1.25rem;
-
-        &:first-of-type {
-            font-family: 'font_bold', sans-serif;
-            font-size: 0.875rem;
-            margin-bottom: 3px;
-        }
-    }
-
-    @media only screen and (width <= 425px) {
-
-        .mobile {
-            display: table-cell;
-        }
-
-        .laptop,
-        .tablet-laptop {
-            display: none;
-        }
-    }
-
-    @media only screen and (width >= 426px) {
-
-        .tablet-laptop {
-            display: table-cell;
-        }
-
-        .mobile {
-            display: none;
-        }
-    }
-
-    @media only screen and (width <= 1024px) and (width >= 426px) {
-
-        .laptop {
-            display: none;
-        }
-    }
-
-    @media only screen and (width >= 1024px) {
-
-        .laptop {
-            display: table-cell;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/account/billing/pricingPlans/PricingPlanContainer.vue b/web/satellite/src/components/account/billing/pricingPlans/PricingPlanContainer.vue
deleted file mode 100644
index 4451551d62cb..000000000000
--- a/web/satellite/src/components/account/billing/pricingPlans/PricingPlanContainer.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="pricing-container">
-        <p v-if="isPartner" class="pricing-container__tag">Best Value</p>
-        <div class="pricing-container__inner" :class="{partner: isPartner}">
-            <div class="pricing-container__inner__section">
-                <div class="pricing-container__inner__section__header">
-                    <div class="pricing-container__inner__section__header__icon">
-                        <CloudIcon v-if="isPartner" />
-                        <StarIcon v-else-if="isPro" />
-                        <GlobeIcon v-else />
-                    </div>
-                    <div>
-                        <h2 class="pricing-container__inner__section__header__title">{{ plan.title }}</h2>
-                        <p>{{ plan.containerSubtitle }}</p>
-                    </div>
-                </div>
-                <p class="pricing-container__inner__section__description">{{ plan.containerDescription }}</p>
-                <!-- eslint-disable-next-line vue/no-v-html -->
-                <p v-if="plan.containerFooterHTML" class="pricing-container__inner__section__footer" v-html="plan.containerFooterHTML" />
-            </div>
-            <div class="pricing-container__inner__section">
-                <VButton
-                    class="pricing-container__inner__section__button"
-                    :label="plan.activationButtonText || ('Activate ' + plan.title)"
-                    font-size="13px"
-                    :on-press="onActivateClick"
-                    :is-green="isPartner"
-                    :is-white="isFree"
-                >
-                    <template #icon-right>
-                        <ArrowIcon :class="{'arrow-dark': isFree}" />
-                    </template>
-                </VButton>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { PricingPlanInfo, PricingPlanType } from '@/types/common';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-import ArrowIcon from '@/../static/images/onboardingTour/arrowRight.svg';
-import CloudIcon from '@/../static/images/onboardingTour/cloudIcon.svg';
-import GlobeIcon from '@/../static/images/onboardingTour/globeIcon.svg';
-import StarIcon from '@/../static/images/onboardingTour/starIcon.svg';
-
-const props = defineProps<{
-    plan: PricingPlanInfo;
-}>();
-
-const appStore = useAppStore();
-
-/**
- * Sets the selected pricing plan and displays the pricing plan modal.
- */
-function onActivateClick(): void {
-    appStore.setPricingPlan(props.plan);
-    appStore.updateActiveModal(MODALS.pricingPlan);
-}
-
-const isPartner = computed((): boolean => props.plan.type === PricingPlanType.PARTNER);
-const isPro = computed((): boolean => props.plan.type === PricingPlanType.PRO);
-const isFree = computed((): boolean => props.plan.type === PricingPlanType.FREE);
-</script>
-
-<style scoped lang="scss">
-.pricing-container {
-    width: 270px;
-    min-height: 324px;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    &__tag {
-        position: absolute;
-        transform: translateY(-50%);
-        padding: 3px 8px;
-        box-sizing: border-box;
-        background-color: white;
-        border: 1px solid var(--c-green-5);
-        border-radius: 24px;
-        color: var(--c-green-5);
-        font-family: 'font_medium', sans-serif;
-        font-size: 12px;
-        line-height: 18px;
-        text-transform: uppercase;
-    }
-
-    &__inner {
-        width: 100%;
-        height: 100%;
-        padding: 32px;
-        box-sizing: border-box;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        gap: 10px;
-        background-color: #fff;
-        border: 1px solid var(--c-grey-3);
-        border-radius: 10px;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        font-family: 'font_regular', sans-serif;
-        line-height: 20px;
-        text-align: center;
-
-        &.partner {
-            border: 2px solid var(--c-green-5);
-            box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-        }
-
-        &__section {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            gap: 10px;
-
-            &__header {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                gap: 10px;
-
-                &__icon {
-                    min-width: 40px;
-                    height: 40px;
-                    box-sizing: border-box;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    border: 1px solid var(--c-grey-2);
-                    border-radius: 10px;
-                }
-
-                &__title {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 14px;
-                }
-            }
-
-            &__description {
-                margin-bottom: 20px;
-            }
-
-            &__footer {
-                line-height: 22px;
-
-                :deep(b) {
-                    font-family: 'font_bold', sans-serif;
-                }
-            }
-
-            &__button {
-                padding: 10px 16px;
-
-                & .arrow-dark :deep(path) {
-                    fill: var(--c-grey-6);
-                }
-
-                &:hover {
-
-                    :deep(path) {
-                        stroke: none !important;
-                    }
-
-                    &.arrow-dark :deep(path) {
-                        fill: white;
-                    }
-                }
-            }
-        }
-    }
-}
-
-@media screen and (width <= 963px) {
-
-    .pricing-container {
-        width: 100%;
-        min-height: unset;
-
-        &__inner {
-            padding: 21px 24px;
-            text-align: left;
-
-            &__section {
-
-                &__header {
-                    width: 100%;
-                    flex-direction: row;
-                    margin-bottom: 0;
-                }
-
-                &__description {
-                    width: 100%;
-                }
-
-                &__price {
-                    text-align: center;
-                }
-
-                &__button {
-                    width: 100% !important;
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/account/mfa/ConfirmMFAInput.vue b/web/satellite/src/components/account/mfa/ConfirmMFAInput.vue
deleted file mode 100644
index b1f4b611e265..000000000000
--- a/web/satellite/src/components/account/mfa/ConfirmMFAInput.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="confirm-mfa">
-        <label for="confirm-mfa" class="confirm-mfa__label">
-            <span class="confirm-mfa__label__info">{{ label || (isRecovery ? 'Recovery Code' : '2FA Code') }}</span>
-            <span v-if="isError" class="confirm-mfa__label__error">Invalid code. Please re-enter.</span>
-        </label>
-        <input
-            id="confirm-mfa"
-            v-model="code"
-            class="confirm-mfa__input"
-            :placeholder="isRecovery ? 'Code' : '000000'"
-            :type="isRecovery ? 'text' : 'number'"
-            autofocus
-            @input="event => onInput(event.target.value)"
-        >
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const props = withDefaults(defineProps<{
-    onInput: (value: string) => void;
-    label?: string;
-    isRecovery?: boolean;
-    isError: boolean;
-}>(), {
-    onInput: () => {},
-    label: '',
-    isRecovery: false,
-    isError: false,
-});
-
-const code = ref<string>('');
-
-/**
- * Clears input.
- * Is used outside of this component.
- */
-function clearInput(): void {
-    code.value = '';
-}
-
-defineExpose({ clearInput });
-</script>
-
-<style scoped lang="scss">
-    .confirm-mfa {
-        width: 100%;
-
-        &__label {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__info {
-                font-size: 16px;
-                line-height: 21px;
-                color: #354049;
-            }
-
-            &__error {
-                font-family: 'font_medium', sans-serif;
-                font-size: 16px;
-                line-height: 21px;
-                text-align: right;
-                color: #ce3030;
-            }
-        }
-
-        &__input {
-            width: calc(100% - 40px);
-            margin-top: 5px;
-            background: #fff;
-            border: 1px solid #a9b5c1;
-            border-radius: 6px;
-            padding: 15px 20px;
-            font-size: 16px;
-
-            /* Chrome, Safari, Edge, Opera */
-
-            &::-webkit-outer-spin-button,
-            &::-webkit-inner-spin-button {
-                appearance: none;
-                margin: 0;
-            }
-        }
-    }
-
-    /* Firefox */
-
-    input[type='number'] {
-        appearance: textfield;
-    }
-</style>
diff --git a/web/satellite/src/components/browser/BreadCrumbs.vue b/web/satellite/src/components/browser/BreadCrumbs.vue
deleted file mode 100644
index 12bf981cf8c5..000000000000
--- a/web/satellite/src/components/browser/BreadCrumbs.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <p class="breadcrumbs">
-        <span class="breadcrumbs__item">
-            <a class="breadcrumbs__item__text" @click="bucketClick">Buckets</a>
-            <svg
-                class="breadcrumbs__item__chevron"
-                width="6"
-                height="11"
-                viewBox="0 0 6 11"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-            >
-                <path
-                    opacity="0.5"
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M0.254166 0.280039C-0.0847221 0.653424 -0.0847221 1.2588 0.254166 1.63219L3.54555 5.25862L0.254166 8.88505C-0.0847225 9.25844 -0.0847225 9.86382 0.254166 10.2372C0.593054 10.6106 1.1425 10.6106 1.48139 10.2372L6 5.25862L1.48139 0.280039C1.1425 -0.0933463 0.593054 -0.0933463 0.254166 0.280039Z"
-                    fill="black"
-                />
-            </svg>
-        </span>
-
-        <span v-for="(path, idx) in crumbs" :key="idx" class="breadcrumbs__item">
-            <a class="breadcrumbs__item__text path" @click.prevent="redirectToCrumb(idx)">{{ path }}</a>
-
-            <svg
-                v-if="displayDivider(idx)"
-                class="breadcrumbs__item__chevron"
-                width="6"
-                height="11"
-                viewBox="0 0 6 11"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-            >
-                <path
-                    opacity="0.5"
-                    fill-rule="evenodd"
-                    clip-rule="evenodd"
-                    d="M0.254166 0.280039C-0.0847221 0.653424 -0.0847221 1.2588 0.254166 1.63219L3.54555 5.25862L0.254166 8.88505C-0.0847225 9.25844 -0.0847225 9.86382 0.254166 10.2372C0.593054 10.6106 1.1425 10.6106 1.48139 10.2372L6 5.25862L1.48139 0.280039C1.1425 -0.0933463 0.593054 -0.0933463 0.254166 0.280039Z"
-                    fill="black"
-                />
-            </svg>
-        </span>
-    </p>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-
-const obStore = useObjectBrowserStore();
-const router = useRouter();
-
-const emit = defineEmits(['onUpdate', 'bucketClick']);
-
-/**
- * Retrieves the current bucket name from the store.
- */
-const bucketName = computed((): string => {
-    return obStore.state.bucket;
-});
-
-/**
- * Retrieves the current path from the store and creates an array of folders for the bread crumbs that the user can click on.
- */
-const crumbs = computed((): string[] => {
-    let path: string[] = obStore.state.path.split('/');
-    path =
-        path.length > 1
-            ? [bucketName.value, ...path.slice(0, path.length - 1)]
-            : [bucketName.value];
-    return path;
-});
-
-function bucketClick() {
-    emit('bucketClick');
-}
-
-/**
- * Redirects to partial upload to bucket buckets path.
- */
-async function redirectToCrumb(idx: number): Promise<void> {
-    await router.push(link(idx)).catch(_ => {});
-    emit('onUpdate');
-}
-
-/**
- * Returns a link to the folder at the current breadcrumb index.
- */
-function link(idx: number): string {
-    let path = '';
-
-    if (idx > 0) path = crumbs.value.slice(1, idx + 1).join('/') + '/';
-
-    return obStore.state.browserRoot + path;
-}
-
-/**
- * Returns a boolean denoting if a divider needs to be displayed at current breadcrumb index.
- */
-function displayDivider(idx: number): boolean {
-    const length = crumbs.value.length;
-
-    return (idx !== 0 || length > 1) && idx !== length - 1;
-}
-</script>
-
-<style scoped lang="scss">
-.path {
-    font-family: 'font_bold', sans-serif;
-    color: #1b2533;
-    font-weight: bold;
-}
-
-.breadcrumbs {
-
-    &__item {
-        display: inline-flex;
-        gap: 7px;
-        align-items: center;
-
-        &__text {
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            color: #232a34;
-            cursor: pointer;
-
-            &:hover {
-                color: #376fff;
-            }
-        }
-
-        &__chevron {
-            margin-right: 7px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/Dropzone.vue b/web/satellite/src/components/browser/Dropzone.vue
deleted file mode 100644
index 537ba1f454d9..000000000000
--- a/web/satellite/src/components/browser/Dropzone.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="dropzone" @mouseout="close" @mouseleave="close" @dragleave.self="close">
-        <div class="dropzone__message">
-            <p class="dropzone__message__text">
-                Drop your files to put it into the “{{ bucket }}” bucket.
-            </p>
-        </div>
-        <p class="dropzone__info">Drag and drop files here to upload</p>
-    </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-    bucket: string
-    close: () => void
-}>();
-</script>
-
-<style scoped lang="scss">
-.dropzone {
-    z-index: 1;
-    position: fixed;
-    inset: 0;
-    background: rgb(0 0 0 / 35%);
-    border: 1px dashed var(--c-white);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &__message {
-        padding: 10px 24px;
-        background: var(--c-green-1);
-        border: 1px solid var(--c-green-5);
-        border-radius: 8px;
-        position: absolute;
-        top: 24px;
-        pointer-events: none;
-
-        &__text {
-            font-family: 'font_medium', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-green-5);
-            text-align: center;
-        }
-    }
-
-    &__info {
-        font-family: 'font_bold', sans-serif;
-        font-size: 40px;
-        line-height: 50px;
-        text-align: center;
-        max-width: 380px;
-        color: var(--c-white);
-        text-shadow: 0 7px 20px 0 rgb(0 0 0 / 15%);
-        pointer-events: none;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/FileBrowser.vue b/web/satellite/src/components/browser/FileBrowser.vue
deleted file mode 100644
index 9bd511e9be9c..000000000000
--- a/web/satellite/src/components/browser/FileBrowser.vue
+++ /dev/null
@@ -1,883 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="file-browser">
-        <div v-if="isInitialized" class="row white-background" @click="closeModalDropdown">
-            <div class="col-sm-12">
-                <div
-                    v-cloak
-                    class="div-responsive"
-                    @drop.prevent="upload"
-                    @dragover.prevent="showDropzone"
-                >
-                    <Dropzone v-if="isOver" :bucket="bucketName" :close="hideDropzone" />
-
-                    <bread-crumbs @onUpdate="onRouteChange" @bucketClick="goToBuckets" />
-
-                    <div class="tile-action-bar">
-                        <h2 class="tile-action-bar__title">{{ bucketName }}</h2>
-                        <div class="tile-action-bar__actions">
-                            <div v-click-outside="closeUploadDropdown" class="position-relative">
-                                <button
-                                    type="button"
-                                    class="btn btn-sm btn-primary btn-block upload-button"
-                                    @click.stop="toggleUploadDropdown"
-                                >
-                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                        <path d="M8.32666 0.974108L8.34573 0.992444L11.7281 4.37479C11.9849 4.63164 11.9849 5.04808 11.7281 5.30494C11.4775 5.55552 11.075 5.56164 10.817 5.32327L10.7979 5.30494L8.5164 3.02335V10.4543C8.5164 10.8175 8.22193 11.112 7.85869 11.112C7.5043 11.112 7.21538 10.8317 7.2015 10.4808L7.20097 10.4543V3.06712L4.96339 5.30494C4.7128 5.55552 4.31031 5.56164 4.05232 5.32327L4.03324 5.30494C3.78266 5.05435 3.77654 4.65186 4.01491 4.39386L4.03324 4.37479L7.41559 0.992444C7.66618 0.741856 8.06866 0.735744 8.32666 0.974108ZM15.2008 13.8745C15.2008 14.2378 14.9063 14.5322 14.5431 14.5322H1.50841C1.14517 14.5322 0.850702 14.2378 0.850702 13.8745C0.850702 13.5113 1.14517 13.2168 1.50841 13.2168H14.5431C14.9063 13.2168 15.2008 13.5113 15.2008 13.8745ZM1.45849 14.4823C1.09525 14.4823 0.800781 14.1878 0.800781 13.8246V11.1937C0.800781 10.8305 1.09525 10.536 1.45849 10.536C1.82174 10.536 2.11621 10.8305 2.11621 11.1937V13.8246C2.11621 14.1878 1.82174 14.4823 1.45849 14.4823ZM14.4931 14.4823C14.1299 14.4823 13.8354 14.1878 13.8354 13.8246V11.1937C13.8354 10.8305 14.1299 10.536 14.4931 10.536C14.8564 10.536 15.1509 10.8305 15.1509 11.1937V13.8246C15.1509 14.1878 14.8564 14.4823 14.4931 14.4823Z" fill="white" />
-                                    </svg>
-                                    Upload
-                                    <span class="upload-button__divider" />
-                                    <BlackArrowExpand :class="{ active: isUploadDropDownShown }" class="arrow" />
-                                </button>
-                                <input
-                                    ref="fileInput"
-                                    type="file"
-                                    aria-roledescription="file-upload"
-                                    hidden
-                                    multiple
-                                    @change="upload"
-                                >
-                                <input
-                                    ref="folderInput"
-                                    type="file"
-                                    aria-roledescription="folder-upload"
-                                    hidden
-                                    multiple
-                                    webkitdirectory
-                                    mozdirectory
-                                    @change="upload"
-                                >
-                                <div v-if="isUploadDropDownShown" class="dropdown">
-                                    <div class="dropdown__item">
-                                        <div
-                                            class="upload-option"
-                                            @click="buttonFileUpload"
-                                        >
-                                            <svg class="btn-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                <path d="M8.75652 0.799805C9.13527 0.799805 9.49851 0.950259 9.76632 1.21807L13.5258 4.97747C13.7937 5.24529 13.9441 5.60854 13.9441 5.9873V12.9387C13.9441 14.1875 12.9318 15.1998 11.683 15.1998H4.66153C3.41274 15.1998 2.40039 14.1875 2.40039 12.9387V3.06104C2.40039 1.81225 3.41274 0.799805 4.66153 0.799805H8.75652ZM8.17213 2.10889H4.66153C4.14568 2.10889 3.72559 2.51926 3.70993 3.03139L3.70947 3.06104V12.9387C3.70947 13.4545 4.11979 13.8746 4.63188 13.8903L4.66153 13.8907H11.683C12.1989 13.8907 12.6189 13.4804 12.6346 12.9683L12.635 12.9387V6.57167L8.82679 6.57176C8.47412 6.57176 8.18659 6.29284 8.17277 5.94355L8.17225 5.91722L8.17213 2.10889ZM11.9597 5.26259L9.48122 2.78425L9.48134 5.26268L11.9597 5.26259Z" fill="black" />
-                                            </svg>
-                                            Upload File
-                                        </div>
-                                    </div>
-                                    <div class="dropdown__item">
-                                        <div
-                                            class="upload-option"
-                                            @click="buttonFolderUpload"
-                                        >
-                                            <svg class="btn-icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                                <path d="M6.30544 1.63444C6.45643 1.66268 6.59063 1.70959 6.72634 1.78156L6.76941 1.80506C6.88832 1.87193 7.00713 1.95699 7.28196 2.18186L9.17564 3.73123H11.997C13.111 3.73123 13.515 3.84722 13.9223 4.06503C14.3295 4.28284 14.6492 4.60247 14.867 5.00975L14.8903 5.0542C15.0931 5.44734 15.2008 5.8615 15.2008 6.93502V11.104C15.2008 12.4302 15.0627 12.9111 14.8034 13.396C14.5441 13.8808 14.1636 14.2613 13.6787 14.5206L13.6302 14.5461L13.5824 14.5704C13.1346 14.7936 12.6429 14.9137 11.4512 14.918H4.61483C3.2886 14.918 2.80768 14.7799 2.32283 14.5206C1.83798 14.2613 1.45747 13.8808 1.19817 13.396L1.17264 13.3475C0.934003 12.8862 0.805265 12.4029 0.800781 11.1696V4.36463C0.800781 3.69226 0.909136 3.24683 1.1133 2.86088C1.31746 2.47493 1.61743 2.17098 2.00065 1.96174C2.38387 1.75251 2.82783 1.63828 3.50014 1.62941L5.70273 1.60054L5.81497 1.6001C6.06913 1.60045 6.18205 1.61136 6.30544 1.63444ZM7.08876 6.29289C6.82188 6.49471 6.49897 6.60794 6.16527 6.6174L6.1197 6.61805H3.03986C2.70795 6.61805 2.39296 6.54561 2.10984 6.41568V11.1649L2.11118 11.3259L2.11278 11.4328C2.12691 12.1945 2.19366 12.4815 2.35254 12.7786C2.48984 13.0353 2.68348 13.2289 2.94019 13.3662L2.97747 13.3857L3.01739 13.4054C3.30474 13.543 3.62468 13.5996 4.40102 13.6078L4.61483 13.6089L11.4963 13.6086C12.4225 13.6041 12.7384 13.539 13.0614 13.3662C13.3181 13.2289 13.5117 13.0353 13.649 12.7786L13.6685 12.7413L13.6882 12.7014C13.8257 12.414 13.8824 12.0941 13.8906 11.3178L13.8917 11.104V6.93502C13.8917 6.11696 13.8448 5.87439 13.7126 5.62711C13.6168 5.44797 13.484 5.31521 13.3049 5.21941L13.274 5.20332C13.0416 5.08595 12.7921 5.04222 12.0474 5.04038L8.74506 5.04026L7.08876 6.29289ZM5.75624 2.90917L5.6387 2.9104L3.51741 2.93839L3.42225 2.94052C3.03877 2.95287 2.81488 3.00869 2.62798 3.11073C2.47022 3.19687 2.35451 3.31411 2.27046 3.473C2.16869 3.66538 2.11572 3.89577 2.11033 4.29509C2.11339 4.31637 2.1153 4.33777 2.11616 4.35945L2.11668 4.38577C2.11668 4.88583 2.51425 5.29302 3.01055 5.3085L3.03986 5.30896H6.1197C6.17638 5.30896 6.2317 5.29277 6.27926 5.26255L6.29915 5.24874L7.68339 4.20185L6.38268 3.13773C6.22518 3.00999 6.16925 2.96959 6.12489 2.94458L6.11301 2.93809C6.09421 2.92812 6.08564 2.92512 6.06472 2.92121L6.03713 2.91681L6.01827 2.91465C5.97123 2.91001 5.90046 2.90815 5.75624 2.90917Z" fill="black" />
-                                            </svg>
-                                            Upload Folder
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="position-relative">
-                                <v-button
-                                    icon="folder"
-                                    label="New Folder"
-                                    height="44px"
-                                    :is-white="true"
-                                    font-size="14px"
-                                    width="130px"
-                                    :on-press="toggleFolderCreationModal"
-                                />
-                            </div>
-                            <bucket-settings-nav class="new-folder-button" :bucket-name="bucket" />
-                        </div>
-                    </div>
-
-                    <div class="hr-divider" />
-
-                    <MultiplePassphraseBanner
-                        v-if="lockedFilesEntryDisplayed && isLockedBanner"
-                        :on-close="closeLockedBanner"
-                    />
-
-                    <TooManyObjectsBanner
-                        v-if="!isPaginationEnabled && files.length >= NUMBER_OF_DISPLAYED_OBJECTS && isTooManyObjectsBanner"
-                        :on-close="closeTooManyObjectsBanner"
-                    />
-
-                    <v-table
-                        items-label="objects"
-                        selectable
-                        :selected="allFilesSelected"
-                        :limit="isPaginationEnabled ? cursor.limit : 0"
-                        :total-page-count="isPaginationEnabled ? pageCount : 0"
-                        :total-items-count="isPaginationEnabled ? fetchedObjectsCount : files.length"
-                        show-select
-                        :loading="isLoading"
-                        class="file-browser-table"
-                        :on-page-change="isPaginationEnabled ? changePageAndLimit : null"
-                        :page-number="cursor.page"
-                        @selectAllClicked="toggleSelectAllFiles"
-                    >
-                        <template #head>
-                            <file-browser-header />
-                        </template>
-                        <template #body>
-                            <up-entry v-if="path.length > 0" :on-back="onBack" />
-
-                            <file-entry
-                                v-for="file in folders"
-                                :key="file.Key"
-                                :path="path"
-                                :file="file"
-                                @onUpdate="onRouteChange"
-                            />
-
-                            <file-entry
-                                v-for="file in singleFiles"
-                                :key="file.Key"
-                                :path="path"
-                                :file="file"
-                            />
-                        </template>
-                    </v-table>
-                    <div
-                        v-if="!isLoading"
-                        class="upload-help"
-                        @click="buttonFileUpload"
-                    >
-                        <UploadIcon />
-                        <p class="drop-files-text mt-4 mb-0">
-                            Drop Files Here to Upload
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import FileBrowserHeader from './FileBrowserHeader.vue';
-import FileEntry from './FileEntry.vue';
-import BreadCrumbs from './BreadCrumbs.vue';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { RouteConfig } from '@/types/router';
-import { useNotify } from '@/utils/hooks';
-import { Bucket } from '@/types/buckets';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import {
-    BrowserObject,
-    MAX_KEY_COUNT,
-    ObjectBrowserCursor,
-    useObjectBrowserStore,
-} from '@/store/modules/objectBrowserStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
-import { useLoading } from '@/composables/useLoading';
-
-import VButton from '@/components/common/VButton.vue';
-import BucketSettingsNav from '@/components/objects/BucketSettingsNav.vue';
-import VTable from '@/components/common/VTable.vue';
-import MultiplePassphraseBanner from '@/components/browser/MultiplePassphrasesBanner.vue';
-import TooManyObjectsBanner from '@/components/browser/TooManyObjectsBanner.vue';
-import UpEntry from '@/components/browser/UpEntry.vue';
-import Dropzone from '@/components/browser/Dropzone.vue';
-
-import BlackArrowExpand from '@/../static/images/common/BlackArrowExpand.svg';
-import UploadIcon from '@/../static/images/browser/upload.svg';
-
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const obStore = useObjectBrowserStore();
-const configStore = useConfigStore();
-const analyticsStore = useAnalyticsStore();
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-const { isLoading, withLoading } = useLoading();
-
-const folderInput = ref<HTMLInputElement>();
-const fileInput = ref<HTMLInputElement>();
-
-const isUploadDropDownShown = ref<boolean>(false);
-const isLockedBanner = ref<boolean>(true);
-const isTooManyObjectsBanner = ref<boolean>(true);
-const isOver = ref<boolean>(false);
-/**
- * Retrieve the pathMatch from the current route.
- */
-const routePath = ref(calculateRoutePath());
-
-const NUMBER_OF_DISPLAYED_OBJECTS = 1000;
-const routePageCache = new Map<string, number>();
-
-/**
- * Calculates page count depending on object count and page limit.
- */
-const pageCount = computed((): number => {
-    return Math.ceil(fetchedObjectsCount.value / cursor.value.limit);
-});
-
-/**
- * Returns fetched object count from store.
- */
-const fetchedObjectsCount = computed((): number => {
-    return obStore.state.totalObjectCount;
-});
-
-/**
- * Returns table cursor from store.
- */
-const cursor = computed((): ObjectBrowserCursor => {
-    return obStore.state.cursor;
-});
-
-/**
- * Check if the s3 client has been initialized in the store.
- */
-const isInitialized = computed((): boolean => {
-    return obStore.isInitialized;
-});
-
-/**
- * Indicates if pagination should be used.
- */
-const isPaginationEnabled = computed((): boolean => {
-    return configStore.state.config.objectBrowserPaginationEnabled;
-});
-
-/**
- * Retrieve the current path from the store.
- */
-const path = computed((): string => {
-    return obStore.state.path;
-});
-
-/**
- * Return file browser path from store.
- */
-const currentPath = computed((): string => {
-    return obStore.state.path;
-});
-
-/**
- * Returns bucket objects count from store.
- */
-const bucketObjectsCount = computed((): number => {
-    const name: string = obStore.state.bucket;
-    const data: Bucket | undefined = bucketsStore.state.page.buckets.find(bucket => bucket.name === name);
-
-    return data?.objectCount ?? 0;
-});
-
-/**
- * Indicates if locked files entry is displayed.
- */
-const lockedFilesEntryDisplayed = computed((): boolean => {
-    return bucketObjectsCount.value > 0 &&
-        obStore.state.objectsCount === 0 &&
-        !isLoading.value &&
-        !currentPath.value;
-});
-
-const bucketName = computed((): string => {
-    return obStore.state.bucket;
-});
-
-/**
- * Whether all files are selected.
- * */
-const allFilesSelected = computed((): boolean => {
-    if (files.value.length === 0) {
-        return false;
-    }
-    const shiftSelectedFiles = obStore.state.shiftSelectedFiles;
-    const selectedFiles = obStore.state.selectedFiles;
-    const selectedAnchorFile = obStore.state.selectedAnchorFile;
-    const allSelectedFiles = [
-        ...selectedFiles,
-        ...shiftSelectedFiles,
-    ];
-
-    if (selectedAnchorFile && !allSelectedFiles.includes(selectedAnchorFile)) {
-        allSelectedFiles.push(selectedAnchorFile);
-    }
-    return allSelectedFiles.length === files.value.length;
-});
-
-const files = computed((): BrowserObject[] => {
-    return isPaginationEnabled.value ? obStore.displayedObjects : obStore.sortedFiles;
-});
-
-/**
- * Return an array of BrowserFile type that are files and not folders.
- */
-const singleFiles = computed((): BrowserObject[] => {
-    return files.value.filter((f) => f.type === 'file');
-});
-
-/**
- * Return an array of BrowserFile type that are folders and not files.
- */
-const folders = computed((): BrowserObject[] => {
-    return files.value.filter((f) => f.type === 'folder');
-});
-
-/**
- * Returns bucket name from store.
- */
-const bucket = computed((): string => {
-    return bucketsStore.state.fileComponentBucketName;
-});
-
-/**
- * Changes table page and limit.
- */
-async function changePageAndLimit(page: number, limit: number): Promise<void> {
-    routePageCache.set(routePath.value, page);
-    obStore.setCursor({ limit, page });
-
-    const lastObjectOnPage = page * limit;
-    const activeRange = obStore.state.activeObjectsRange;
-
-    if (lastObjectOnPage > activeRange.start && lastObjectOnPage <= activeRange.end) {
-        return;
-    }
-
-    await withLoading(async () => {
-        const tokenKey = Math.ceil(lastObjectOnPage / MAX_KEY_COUNT) * MAX_KEY_COUNT;
-
-        const tokenToBeFetched = obStore.state.continuationTokens.get(tokenKey);
-        if (!tokenToBeFetched) {
-            await obStore.initList(routePath.value);
-            return;
-        }
-
-        await obStore.listByToken(routePath.value, tokenKey, tokenToBeFetched);
-    });
-}
-
-/**
- * Closes multiple passphrase banner.
- */
-function closeLockedBanner(): void {
-    isLockedBanner.value = false;
-}
-
-/**
- * Closes too many objects banner.
- */
-function closeTooManyObjectsBanner(): void {
-    isTooManyObjectsBanner.value = false;
-}
-
-function calculateRoutePath(): string {
-    let pathMatch = route.params.pathMatch;
-    pathMatch = Array.isArray(pathMatch)
-        ? pathMatch.join('/') + '/'
-        : pathMatch;
-    return pathMatch || '';
-}
-
-async function onBack(): Promise<void> {
-    await router.push('../');
-    await onRouteChange();
-}
-
-async function onRouteChange(): Promise<void> {
-    routePath.value = calculateRoutePath();
-    obStore.closeDropdown();
-
-    await withLoading(async () => {
-        if (isPaginationEnabled.value) {
-            await obStore.initList(routePath.value);
-        } else {
-            await list(routePath.value);
-        }
-    });
-
-    if (isPaginationEnabled.value) {
-        const cachedPage = routePageCache.get(routePath.value);
-        if (cachedPage !== undefined) {
-            obStore.setCursor({ limit: cursor.value.limit, page: cachedPage });
-        } else {
-            obStore.setCursor({ limit: cursor.value.limit, page: 1 });
-        }
-    }
-}
-
-/**
- * Close modal, file share modal, dropdown, and remove all selected files from the store.
- */
-function closeModalDropdown(): void {
-    if (obStore.state.openedDropdown) {
-        obStore.closeDropdown();
-    }
-
-    obStore.clearAllSelectedFiles();
-}
-
-/**
- * Toggle the folder creation modal in the store.
- */
-function toggleFolderCreationModal(): void {
-    appStore.updateActiveModal(MODALS.newFolder);
-}
-
-/**
- * Return the file name of the passed in file argument formatted.
- */
-function filename(file: BrowserObject): string {
-    return file.Key.length > 25
-        ? file.Key.slice(0, 25) + '...'
-        : file.Key;
-}
-
-/**
- * Upload the current selected or dragged-and-dropped file.
- */
-async function upload(e: Event): Promise<void> {
-    if (isOver.value) {
-        isOver.value = false;
-    }
-
-    await obStore.upload({ e });
-    analyticsStore.eventTriggered(AnalyticsEvent.OBJECT_UPLOADED);
-    const target = e.target as HTMLInputElement;
-    target.value = '';
-}
-
-/**
- * Call the list method from the store, which will trigger a re-render and fetch all files under the current path passed in as an argument.
- */
-async function list(path: string): Promise<void> {
-    try {
-        await obStore.list(path);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.FILE_BROWSER_LIST_CALL);
-    }
-}
-
-/**
- * Open the operating system's file system for file upload.
- */
-async function buttonFileUpload(): Promise<void> {
-    const fileInputElement = fileInput.value as HTMLInputElement;
-    fileInputElement.showPicker();
-    analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_FILE_CLICKED);
-    closeUploadDropdown();
-}
-
-/**
- * Open the operating system's file system for folder upload.
- */
-async function buttonFolderUpload(): Promise<void> {
-    const folderInputElement = folderInput.value as HTMLInputElement;
-    folderInputElement.showPicker();
-    analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_FOLDER_CLICKED);
-    closeUploadDropdown();
-}
-
-/**
- * Toggles upload options dropdown.
- */
-function toggleUploadDropdown(): void {
-    isUploadDropDownShown.value = !isUploadDropDownShown.value;
-}
-
-/**
- * Makes dropzone visible.
- */
-function showDropzone(): void {
-    isOver.value = true;
-}
-
-/**
- * Hides dropzone.
- */
-function hideDropzone(): void {
-    isOver.value = false;
-}
-
-/**
- * Closes upload options dropdown.
- */
-function closeUploadDropdown(): void {
-    isUploadDropDownShown.value = false;
-}
-
-/**
- * Redirects to buckets list view.
- */
-async function goToBuckets(): Promise<void> {
-    await router.push(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path).catch(_ => {});
-    analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
-    await onRouteChange();
-}
-
-/**
- * Toggles the selection of all files.
- * */
-function toggleSelectAllFiles(): void {
-    if (files.value.length === 0) {
-        return;
-    }
-
-    if (allFilesSelected.value) {
-        obStore.clearAllSelectedFiles();
-    } else {
-        obStore.clearAllSelectedFiles();
-        obStore.setSelectedAnchorFile(files.value[0]);
-        obStore.updateSelectedFiles(files.value.slice(1, files.value.length));
-    }
-}
-
-/**
- * Set spinner state. If routePath is not present navigate away.
- * If there's some error then re-render the page with a call to list.
- */
-onBeforeMount(async () => {
-    if (!bucket.value) {
-        const path = RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path;
-
-        analyticsStore.pageVisit(path);
-        await router.push(path);
-
-        return;
-    }
-
-    // clear previous file selections.
-    obStore.clearAllSelectedFiles();
-
-    await withLoading(async () => {
-        try {
-            if (isPaginationEnabled.value) {
-                await Promise.all([
-                    obStore.initList(''),
-                    obStore.getObjectCount(),
-                ]);
-            } else {
-                await Promise.all([
-                    list(''),
-                    obStore.getObjectCount(),
-                ]);
-            }
-        } catch (error) {
-            notify.error(error.message, AnalyticsErrorEventSource.FILE_BROWSER_LIST_CALL);
-        }
-    });
-});
-
-onBeforeUnmount(() => {
-    obStore.setCursor({ limit: DEFAULT_PAGE_LIMIT, page: 1 });
-});
-</script>
-
-<style scoped lang="scss">
-.file-browser {
-    min-height: 500px;
-}
-
-.hide-mobile {
-    @media screen and (width <= 550px) {
-        display: none;
-    }
-}
-
-@media screen and (width <= 550px) {
-    // hide size, upload date columns on mobile screens
-
-    :deep(.data:not(:nth-child(2))) {
-        display: none;
-    }
-}
-
-.position-relative {
-    position: relative;
-}
-
-.file-name {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-.no-selection {
-    user-select: none;
-}
-
-.path {
-    font-size: 18px;
-    font-weight: 700;
-}
-
-.file-browser-table {
-    box-shadow: none;
-}
-
-.upload-help {
-    font-size: 1.75rem;
-    text-align: center;
-    margin-top: 1.5rem;
-    color: #93a1ae;
-    border: 2px dashed #bec4cd;
-    border-radius: 10px;
-    padding: 80px 20px;
-    background: var(--c-grey-1);
-    cursor: pointer;
-
-    svg {
-        width: 300px;
-
-        @media screen and (width <= 425px) {
-            width: unset;
-        }
-    }
-}
-
-.metric {
-    color: #444;
-}
-
-.div-responsive {
-    min-height: 400px;
-}
-
-.folder-input:focus {
-    color: #fe5d5d;
-    box-shadow: 0 0 0 0.2rem rgb(254 93 93 / 50%) !important;
-    border-color: #fe5d5d !important;
-    outline: none !important;
-}
-
-.new-folder-row:hover {
-    background: #fff;
-}
-
-.btn-primary {
-    background: #376fff;
-    border-color: #376fff;
-}
-
-.btn-primary:hover {
-    background: #0047ff;
-    border-color: #0047ff;
-}
-
-.btn-light {
-    background: #e6e9ef;
-    border-color: #e6e9ef;
-}
-
-.btn-primary.disabled,
-.btn-primary:disabled {
-    color: #fff;
-    background-color: #001030;
-    border-color: #001030;
-}
-
-.input-folder {
-    height: 43px;
-}
-
-.drop-files-text {
-    font-weight: bold;
-    font-size: 18px;
-}
-
-.up-button {
-
-    &__content {
-        padding: 0.5rem 1.125rem;
-    }
-}
-
-.files-uploading-count {
-
-    &__content {
-        color: #0d6efd;
-        border-top: none;
-        padding: 0 1.125rem 0.5rem;
-    }
-}
-
-.arrow {
-    margin: unset;
-    transition-duration: 0.5s;
-
-    &.active {
-        transform: rotate(180deg) scaleX(-1);
-    }
-
-    :deep(path) {
-        fill: white;
-    }
-}
-
-.dropdown {
-    position: absolute;
-    margin-top: 10px;
-    border-radius: 8px;
-    box-shadow: 0 -2px 16px rgb(0 0 0 / 10%);
-    width: 240px;
-    height: auto;
-    overflow: hidden;
-    z-index: 999;
-    background: white;
-
-    &__item {
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        box-sizing: border-box;
-        height: 56px;
-        width: 100%;
-        padding: 0 18px;
-        font-family: 'font_regular', sans-serif;
-        font-size: 14px;
-        color: var(--c-grey-6);
-        background-clip: padding-box;
-
-        &:hover {
-            background: var(--c-grey-1);
-            color: var(--c-blue-3);
-            font-family: 'font_medium', sans-serif;
-
-            .btn-icon > path {
-                fill: var(--c-blue-3);
-            }
-        }
-
-        &:not(:first-of-type) {
-            border-top: 1px solid var(--c-grey-2);
-        }
-    }
-}
-
-.upload-option {
-    all: unset;
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-
-    & .btn-icon {
-        margin-right: 18px;
-    }
-}
-
-.btn {
-    display: flex;
-    align-items: center;
-    position: relative;
-    border-radius: 8px;
-    width: auto;
-    padding: 0 17px;
-    height: 44px;
-    font-family: 'font_bold', sans-serif;
-    line-height: 2.4;
-
-    svg {
-        margin-right: 8px;
-    }
-}
-
-.new-folder-button {
-    background: white;
-    border: 1px solid var(--c-grey-3);
-    color: var(--c-grey-6);
-    border-radius: 8px;
-}
-
-.upload-button {
-    color: white;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background-color: var(--c-blue-3);
-    border: 1px solid transparent;
-    cursor: pointer;
-    padding-right: 0;
-
-    &__divider {
-        height: 100%;
-        width: 1px;
-        background: var(--c-blue-4);
-        margin: 0 7px;
-    }
-
-    &:hover {
-        background-color: #0059d0;
-    }
-}
-
-.tile-action-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin: 1.5em 0;
-
-    @media screen and (width <= 768px) {
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: flex-start;
-    }
-
-    &__title {
-        margin: 0;
-        font-size: 2rem;
-        font-weight: 500;
-        line-height: 1.2;
-        word-break: break-all;
-
-        @media screen and (width <= 768px) {
-            margin-bottom: 0.5rem;
-        }
-    }
-
-    &__actions {
-        display: flex;
-        justify-content: flex-start;
-        flex-wrap: wrap;
-        gap: 5px;
-    }
-}
-
-.hr-divider {
-    margin-bottom: 1.5em;
-    border-bottom: 1px solid #dadfe7;
-}
-
-/* copied over from scoped-bootstrap.css */
-
-.file-browser .progress {
-    display: flex;
-    height: 1rem;
-    overflow: hidden;
-    line-height: 0;
-    font-size: 0.75rem;
-    background-color: #e9ecef;
-    border-radius: 0.25rem;
-}
-
-.file-browser .progress-bar {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    overflow: visible !important; /* hack to override double import */
-    color: #fff;
-    text-shadow: 0 1px #000 !important; /* make #fff visible on gray background */
-    text-align: center;
-    white-space: nowrap;
-    background-color: #007bff;
-    transition: width 0.6s ease;
-}
-</style>
diff --git a/web/satellite/src/components/browser/FileBrowserHeader.vue b/web/satellite/src/components/browser/FileBrowserHeader.vue
deleted file mode 100644
index 445d6725aaae..000000000000
--- a/web/satellite/src/components/browser/FileBrowserHeader.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <th
-        class="align-left"
-        @mouseover="mouseOver('name')"
-        @mouseleave="mouseLeave"
-        @click="sortBy('name')"
-    >
-        <span class="header__item">
-            <span>Name</span>
-            <span :class="{ invisible: nameSortData.isHidden }">
-                <a v-if="nameSortData.isDesc" class="arrow">
-                    <desc-icon />
-                </a>
-                <a v-else class="arrow">
-                    <asc-icon />
-                </a>
-            </span>
-        </span>
-    </th>
-    <th
-        class="align-left"
-        @mouseover="mouseOver('size')"
-        @mouseleave="mouseLeave"
-        @click="sortBy('size')"
-    >
-        <span class="header__item">
-            <span>Size</span>
-            <span :class="{ invisible: sizeSortData.isHidden }">
-                <a v-if="sizeSortData.isDesc" class="arrow">
-                    <desc-icon />
-                </a>
-                <a v-else class="arrow">
-                    <asc-icon />
-                </a>
-            </span>
-        </span>
-    </th>
-    <th
-        class="align-left"
-        @mouseover="mouseOver('date')"
-        @mouseleave="mouseLeave"
-        @click="sortBy('date')"
-    >
-        <span class="header__item">
-            <span>Upload Date</span>
-            <span :class="{ invisible: dateSortData.isHidden }">
-                <a v-if="dateSortData.isDesc" class="arrow">
-                    <desc-icon />
-                </a>
-                <a v-else class="arrow">
-                    <asc-icon />
-                </a>
-            </span>
-        </span>
-    </th>
-    <th class="header__functional overflow-visible" @click.stop="deleteSelectedDropdown">
-        <delete-icon v-if="filesToDelete" />
-        <div v-if="isDropdownDisplayed" class="header__functional__dropdown">
-            <div class="header__functional__dropdown__item">
-                <div class="delete-confirmation">
-                    <p class="delete-confirmation__text">
-                        Are you sure?
-                    </p>
-                    <div class="delete-confirmation__options">
-                        <span
-                            class="delete-confirmation__options__item yes"
-                            @click.stop="confirmDeleteSelection"
-                        >
-                            <span><delete-icon /></span>
-                            <span>Yes</span>
-                        </span>
-
-                        <span
-                            class="delete-confirmation__options__item no"
-                            @click.stop="cancelDeleteSelection"
-                        >
-                            <span><close-icon /></span>
-                            <span>No</span>
-                        </span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </th>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-
-import AscIcon from '@/../static/images/objects/asc.svg';
-import CloseIcon from '@/../static/images/common/closeCross.svg';
-import DescIcon from '@/../static/images/objects/desc.svg';
-import DeleteIcon from '@/../static/images/objects/delete.svg';
-
-const obStore = useObjectBrowserStore();
-
-const hover = ref('');
-
-/**
- * Check if the trashcan to delete selected files/folder should be displayed.
- */
-const filesToDelete = computed((): boolean => {
-    return (
-        !!obStore.state.selectedAnchorFile ||
-        (
-            !!obStore.state.unselectedAnchorFile &&
-            (
-                obStore.state.selectedFiles.length > 0 ||
-                obStore.state.shiftSelectedFiles.length > 0
-            )
-        )
-    );
-});
-
-/**
- * Check if the files/folders deletion dropdown should be displayed.
- */
-const isDropdownDisplayed = computed((): boolean => {
-    return obStore.state.openedDropdown === 'FileBrowser';
-});
-
-const nameSortData = computed((): { isHidden: boolean, isDesc: boolean } => {
-    return {
-        isHidden: !showArrow('name'),
-        isDesc: isDesc('name'),
-    };
-});
-
-const sizeSortData = computed((): { isHidden: boolean, isDesc: boolean } => {
-    return {
-        isHidden: !showArrow('size'),
-        isDesc: isDesc('size'),
-    };
-});
-
-const dateSortData = computed((): { isHidden: boolean, isDesc: boolean } => {
-    return {
-        isHidden: !showArrow('date'),
-        isDesc: isDesc('date'),
-    };
-});
-
-/**
- * Check if a heading is sorted in descending order.
- */
-function isDesc(heading: string): boolean {
-    return obStore.state.headingSorted === heading && obStore.state.orderBy === 'desc';
-}
-
-/**
- * Check if sorting arrow should be displayed.
- */
-function showArrow(heading: string): boolean {
-    return obStore.state.headingSorted === heading || hover.value === heading;
-}
-
-/**
- * Set the heading of the current heading being hovered over.
- */
-function mouseOver(heading: string): void {
-    hover.value = heading;
-}
-
-/**
- * Set the heading for files/folders to be sorted by in the store.
- */
-function sortBy(heading: string): void {
-    obStore.sort(heading);
-}
-
-/**
- * Change the hover property to nothing on mouse leave.
- */
-function mouseLeave(): void {
-    hover.value = '';
-}
-
-/**
- * Open the deletion of files/folders dropdown.
- */
-function deleteSelectedDropdown(): void {
-    obStore.openFileBrowserDropdown();
-}
-
-/**
- * Delete the selected files/folders.
- */
-function confirmDeleteSelection(): void {
-    obStore.deleteSelected();
-    obStore.closeDropdown();
-}
-
-/**
- * Abort files/folder selected for deletion.
- */
-function cancelDeleteSelection(): void {
-    obStore.closeDropdown();
-}
-</script>
-
-<style scoped lang="scss">
-.header {
-
-    &__item {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-
-        & > .invisible {
-            visibility: hidden;
-        }
-    }
-
-    &__functional {
-        padding: 0;
-        width: 50px;
-        position: relative;
-        cursor: pointer;
-
-        &__dropdown {
-            position: absolute;
-            top: 25px;
-            right: 15px;
-            background: #fff;
-            box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-            border-radius: 6px;
-            width: 255px;
-            z-index: 100;
-
-            &__item {
-                display: flex;
-                align-items: center;
-                padding: 20px 25px;
-                width: calc(100% - 50px);
-
-                &:hover {
-                    background-color: #f4f5f7;
-                }
-            }
-        }
-    }
-}
-
-.delete-confirmation {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    align-items: flex-start;
-    width: 100%;
-
-    &__options {
-        display: flex;
-        gap: 20px;
-        align-items: center;
-
-        &__item {
-            display: flex;
-            gap: 5px;
-            align-items: center;
-
-            &.yes:hover {
-                color: var(--c-red-2);
-
-                svg :deep(path) {
-                    fill: var(--c-red-2);
-                    stroke: var(--c-red-2);
-                }
-            }
-
-            &.no:hover {
-                color: var(--c-blue-3);
-
-                svg :deep(path) {
-                    fill: var(--c-blue-3);
-                    stroke: var(--c-blue-3);
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/FileEntry.vue b/web/satellite/src/components/browser/FileEntry.vue
deleted file mode 100644
index 823e81ef0be1..000000000000
--- a/web/satellite/src/components/browser/FileEntry.vue
+++ /dev/null
@@ -1,630 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        v-if="fileTypeIsFile"
-        selectable
-        :selected="isFileSelected"
-        :on-click="openModal"
-        :on-primary-click="openModal"
-        :item="{'fileName': file.Key, 'size': size, 'date': uploadDate}"
-        :item-type="fileType"
-        @selectClicked="selectFile"
-    >
-        <template #options>
-            <th v-click-outside="closeDropdown" class="file-entry__functional options overflow-visible" @click.stop="openDropdown">
-                <div
-                    v-if="loadingSpinner"
-                    class="spinner-border"
-                    role="status"
-                />
-                <dots-icon v-else />
-                <div v-if="dropdownOpen" class="file-entry__functional__dropdown">
-                    <div class="file-entry__functional__dropdown__item" @click.stop="openModal">
-                        <preview-icon />
-                        <p class="file-entry__functional__dropdown__item__label">Preview</p>
-                    </div>
-
-                    <div class="file-entry__functional__dropdown__item" @click.stop="download">
-                        <download-icon />
-                        <p class="file-entry__functional__dropdown__item__label">Download</p>
-                    </div>
-
-                    <div class="file-entry__functional__dropdown__item" @click.stop="share">
-                        <share-icon />
-                        <p class="file-entry__functional__dropdown__item__label">Share</p>
-                    </div>
-
-                    <div v-if="!deleteConfirmation" class="file-entry__functional__dropdown__item" @click.stop="confirmDeletion">
-                        <delete-icon />
-                        <p class="file-entry__functional__dropdown__item__label">Delete</p>
-                    </div>
-                    <div v-else class="file-entry__functional__dropdown__item confirmation">
-                        <div class="delete-confirmation">
-                            <p class="delete-confirmation__text">
-                                Are you sure?
-                            </p>
-                            <div class="delete-confirmation__options">
-                                <span class="delete-confirmation__options__item yes" @click.stop="finalDelete">
-                                    <span><delete-icon /></span>
-                                    <span>Yes</span>
-                                </span>
-
-                                <span class="delete-confirmation__options__item no" @click.stop="cancelDeletion">
-                                    <span><close-icon /></span>
-                                    <span>No</span>
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </th>
-        </template>
-    </table-item>
-    <table-item
-        v-else-if="fileTypeIsFolder"
-        :item="{'name': file.Key, 'size': '', 'date': ''}"
-        selectable
-        :selected="isFileSelected"
-        :on-click="openFolder"
-        :on-primary-click="openFolder"
-        item-type="folder"
-        @selectClicked="selectFile"
-    >
-        <template #options>
-            <th v-click-outside="closeDropdown" class="file-entry__functional options overflow-visible" @click.stop="openDropdown">
-                <div
-                    v-if="loadingSpinner"
-                    class="spinner-border"
-                    role="status"
-                />
-                <dots-icon v-else />
-                <div v-if="dropdownOpen" class="file-entry__functional__dropdown">
-                    <div class="file-entry__functional__dropdown__item" @click.stop="share">
-                        <share-icon />
-                        <p class="file-entry__functional__dropdown__item__label">Share</p>
-                    </div>
-
-                    <div
-                        v-if="!deleteConfirmation" class="file-entry__functional__dropdown__item"
-                        @click.stop="confirmDeletion"
-                    >
-                        <delete-icon />
-                        <p class="file-entry__functional__dropdown__item__label">Delete</p>
-                    </div>
-                    <div v-else class="file-entry__functional__dropdown__item confirmation">
-                        <div class="delete-confirmation">
-                            <p class="delete-confirmation__text">
-                                Are you sure?
-                            </p>
-                            <div class="delete-confirmation__options">
-                                <span class="delete-confirmation__options__item yes" @click.stop="finalDelete">
-                                    <span><delete-icon /></span>
-                                    <span>Yes</span>
-                                </span>
-
-                                <span class="delete-confirmation__options__item no" @click.stop="cancelDeletion">
-                                    <span><close-icon /></span>
-                                    <span>No</span>
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </th>
-        </template>
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import { computed, h, ref } from 'vue';
-import { useRouter } from 'vue-router';
-import prettyBytes from 'pretty-bytes';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { ObjectType } from '@/utils/objectIcon';
-import { ShareType } from '@/types/browser';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import TableItem from '@/components/common/TableItem.vue';
-
-import PreviewIcon from '@/../static/images/objects/preview.svg';
-import DeleteIcon from '@/../static/images/objects/delete.svg';
-import ShareIcon from '@/../static/images/objects/share.svg';
-import DownloadIcon from '@/../static/images/objects/download.svg';
-import DotsIcon from '@/../static/images/objects/dots.svg';
-import CloseIcon from '@/../static/images/common/closeCross.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const obStore = useObjectBrowserStore();
-const config = useConfigStore();
-const notify = useNotify();
-const router = useRouter();
-
-const props = defineProps<{
-    path: string,
-    file: BrowserObject,
-}>();
-
-const emit = defineEmits(['onUpdate']);
-
-const deleteConfirmation = ref(false);
-
-/**
- * Return the type of the file.
- */
-const fileType = computed((): string => ObjectType.findType(props.file.Key));
-
-/**
- * Return the size of the file formatted.
- */
-const size = computed((): string => {
-    return prettyBytes(props.file.Size);
-});
-
-/**
- * Return the upload date of the file formatted.
- */
-const uploadDate = computed((): string => {
-    return props.file.LastModified.toLocaleString().split(',')[0];
-});
-
-/**
- * Check with the store to see if the dropdown is open for the current file/folder.
- */
-const dropdownOpen = computed((): boolean => {
-    return obStore.state.openedDropdown === props.file.Key;
-});
-
-/**
- * Return a link to the current folder for navigation.
- */
-const link = computed((): string => {
-    const browserRoot = obStore.state.browserRoot;
-    const uriParts = (obStore.state.path + props.file.Key).split('/');
-    const pathAndKey = uriParts.map(part => encodeURIComponent(part)).join('/');
-    return pathAndKey.length > 0
-        ? browserRoot + pathAndKey + '/'
-        : browserRoot;
-});
-
-/**
- * Return a flag signifying whether the current file/folder is selected.
- */
-const isFileSelected = computed((): boolean => {
-    return Boolean(
-        obStore.state.selectedAnchorFile === props.file ||
-        obStore.state.selectedFiles.find(
-            (file) => file === props.file,
-        ) ||
-        obStore.state.shiftSelectedFiles.find(
-            (file) => file === props.file,
-        ),
-    );
-});
-
-/**
- * Return a boolean signifying whether the current file/folder is a folder.
- */
-const fileTypeIsFolder = computed((): boolean => {
-    return props.file.type === 'folder';
-});
-
-/**
- * Return a boolean signifying whether the current file/folder is a file.
- */
-const fileTypeIsFile = computed((): boolean => {
-    return props.file.type === 'file';
-});
-
-/**
- * Return a boolean signifying whether the current file/folder is in the process of being deleted, therefore a spinner should be shown.
- */
-const loadingSpinner = computed((): boolean => {
-    return obStore.state.filesToBeDeleted.some(
-        (file) => file.Key === props.file.Key,
-    );
-});
-
-/**
- * Open the modal for the current file.
- */
-function openModal(): void {
-    obStore.setObjectPathForModal(props.path + props.file.Key);
-
-    if (config.state.config.galleryViewEnabled) {
-        appStore.setGalleryView(true);
-        analyticsStore.eventTriggered(AnalyticsEvent.GALLERY_VIEW_CLICKED);
-    } else {
-        appStore.updateActiveModal(MODALS.objectDetails);
-    }
-
-    obStore.closeDropdown();
-}
-
-/**
- * Select the current file/folder whether it be a click, click + shiftKey, click + metaKey or ctrlKey, or unselect the rest.
- */
-function selectFile(event: KeyboardEvent): void {
-    if (obStore.state.openedDropdown) {
-        obStore.closeDropdown();
-    }
-
-    if (event.shiftKey) {
-        setShiftSelectedFiles();
-
-        return;
-    }
-
-    const isSelectedFile = Boolean(event.metaKey || event.ctrlKey);
-
-    setSelectedFile(isSelectedFile);
-}
-
-async function openFolder(): Promise<void> {
-    await router.push(link.value);
-    obStore.clearAllSelectedFiles();
-    emit('onUpdate');
-}
-
-/**
- * Set the selected file/folder in the store.
- */
-function setSelectedFile(command: boolean): void {
-    /* this function is responsible for selecting and unselecting a file on file click or [CMD + click] AKA command. */
-    const shiftSelectedFiles = obStore.state.shiftSelectedFiles;
-    const selectedFiles = obStore.state.selectedFiles;
-
-    const files = [
-        ...selectedFiles,
-        ...shiftSelectedFiles,
-    ];
-
-    const selectedAnchorFile = obStore.state.selectedAnchorFile;
-
-    if (command && props.file === selectedAnchorFile) {
-        /* if it's [CMD + click] and the file selected is the actual selectedAnchorFile, then unselect the file but store it under unselectedAnchorFile in case the user decides to do a [shift + click] right after this action. */
-        obStore.setUnselectedAnchorFile(props.file);
-        obStore.setSelectedAnchorFile(null);
-    } else if (command && files.includes(props.file)) {
-        /* if it's [CMD + click] and the file selected is a file that has already been selected in selectedFiles and shiftSelectedFiles, then unselect it by filtering it out. */
-        obStore.updateSelectedFiles(selectedFiles.filter((fileSelected) => fileSelected !== props.file));
-        obStore.updateShiftSelectedFiles(shiftSelectedFiles.filter((fileSelected) => fileSelected !== props.file));
-    } else if (command && selectedAnchorFile) {
-        /* if it's [CMD + click] and there is already a selectedAnchorFile, then add the selectedAnchorFile and shiftSelectedFiles into the array of selectedFiles, set selectedAnchorFile to the file that was clicked, set unselectedAnchorFile to null, and set shiftSelectedFiles to an empty array. */
-        const filesSelected = [...selectedFiles];
-
-        if (!filesSelected.includes(selectedAnchorFile)) {
-            filesSelected.push(selectedAnchorFile);
-        }
-
-        obStore.updateSelectedFiles([
-            ...filesSelected,
-            ...shiftSelectedFiles.filter(
-                (file) => !filesSelected.includes(file),
-            ),
-        ]);
-
-        obStore.setSelectedAnchorFile(props.file);
-        obStore.setUnselectedAnchorFile(null);
-        obStore.updateShiftSelectedFiles([]);
-    } else if (command) {
-        /* if it's [CMD + click] and it has not met any of the above conditions, then set selectedAnchorFile to file and set unselectedAnchorFile to null, update the selectedFiles, and update the shiftSelectedFiles */
-        obStore.setSelectedAnchorFile(props.file);
-        obStore.setUnselectedAnchorFile(null);
-        obStore.updateSelectedFiles([
-            ...selectedFiles,
-            ...shiftSelectedFiles,
-        ]);
-        obStore.updateShiftSelectedFiles([]);
-    } else {
-        /* if it's just a file click without any modifier ... */
-        const newSelection = [...files];
-        const fileIdx = newSelection.findIndex((file) => file === props.file);
-        switch (true) {
-        case fileIdx !== -1:
-            // this file is already selected, deselect.
-            newSelection.splice(fileIdx, 1);
-            break;
-        case selectedAnchorFile === props.file:
-            // this file is already selected, deselect.
-            obStore.setSelectedAnchorFile(null);
-            obStore.setUnselectedAnchorFile(props.file);
-            break;
-        case !!selectedAnchorFile:
-            // there's an anchor file, but not this file.
-            // add the anchor file to the selection arr and make this file the anchor file.
-            newSelection.push(selectedAnchorFile as BrowserObject);
-            obStore.setSelectedAnchorFile(props.file);
-            break;
-        default:
-            obStore.setSelectedAnchorFile(props.file);
-        }
-
-        obStore.updateShiftSelectedFiles([]);
-        obStore.updateSelectedFiles(newSelection);
-    }
-}
-
-/**
- * Set files/folders selected using shift key in the store.
- */
-function setShiftSelectedFiles(): void {
-    /* this function is responsible for selecting all files from selectedAnchorFile to the file that was selected with [shift + click] */
-    const files = obStore.sortedFiles;
-    const unselectedAnchorFile = obStore.state.unselectedAnchorFile;
-
-    if (unselectedAnchorFile) {
-        /* if there is an unselectedAnchorFile, meaning that in the previous action the user unselected the anchor file but is now choosing to do a [shift + click] on another file, then reset the selectedAnchorFile, the achor file, to unselectedAnchorFile. */
-        obStore.setSelectedAnchorFile(unselectedAnchorFile);
-        obStore.setUnselectedAnchorFile(null);
-    }
-
-    const selectedAnchorFile = obStore.state.selectedAnchorFile;
-    if (!selectedAnchorFile) {
-        obStore.setSelectedAnchorFile(props.file);
-
-        return;
-    }
-
-    const anchorIdx = files.findIndex(
-        (file) => file === selectedAnchorFile,
-    );
-    const shiftIdx = files.findIndex((file) => file === props.file);
-
-    const start = Math.min(anchorIdx, shiftIdx);
-    const end = Math.max(anchorIdx, shiftIdx) + 1;
-
-    obStore.updateShiftSelectedFiles(
-        files
-            .slice(start, end)
-            .filter((file) => !obStore.state.selectedFiles.includes(file) && file !== selectedAnchorFile),
-    );
-}
-
-/**
- * Open the share modal for the current file.
- */
-function share(): void {
-    obStore.closeDropdown();
-    obStore.setObjectPathForModal(props.path + props.file.Key);
-    appStore.setShareModalType(props.file.type === 'file' ? ShareType.File : ShareType.Folder);
-    appStore.updateActiveModal(MODALS.share);
-}
-
-/**
- * Close the dropdown.
- */
-function closeDropdown(): void {
-    obStore.closeDropdown();
-
-    // remove the dropdown delete confirmation
-    deleteConfirmation.value = false;
-}
-
-/**
- * Open the dropdown for the current file/folder.
- */
-function openDropdown(): void {
-    obStore.openDropdown(props.file.Key);
-
-    // remove the dropdown delete confirmation
-    deleteConfirmation.value = false;
-}
-
-/**
- * Download the current file.
- */
-async function download(): Promise<void> {
-    try {
-        await obStore.download(props.file);
-        notify.success(() => [
-            h('p', { class: 'message-title' }, 'Downloading...'),
-            h('p', { class: 'message-info' }, [
-                'Keep this download link private.', h('br'), 'If you want to share, use the Share option.',
-            ]),
-        ]);
-    } catch (error) {
-        notify.error('Can not download your file', AnalyticsErrorEventSource.FILE_BROWSER_ENTRY);
-    }
-
-    closeDropdown();
-}
-
-/**
- * Set the data property deleteConfirmation to true, signifying that this user does in fact want the current selected file/folder.
- */
-function confirmDeletion(): void {
-    deleteConfirmation.value = true;
-}
-
-/**
- * Delete the selected file/folder.
- */
-async function finalDelete(): Promise<void> {
-    obStore.closeDropdown();
-    obStore.addFileToBeDeleted(props.file);
-
-    props.file.type === 'file' ?
-        await obStore.deleteObject(props.path, props.file) :
-        await obStore.deleteFolder(props.file, props.path);
-
-    // refresh the files displayed
-    try {
-        await obStore.list();
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.FILE_BROWSER_ENTRY);
-    }
-
-    obStore.removeFileFromToBeDeleted(props.file);
-    deleteConfirmation.value = false;
-}
-
-/**
- * Abort the deletion of the current file/folder.
- */
-function cancelDeletion(): void {
-    obStore.closeDropdown();
-    deleteConfirmation.value = false;
-}
-</script>
-
-<style scoped lang="scss">
-.file-entry {
-
-    &__functional {
-        padding: 0;
-        width: 50px;
-        position: relative;
-        cursor: pointer;
-
-        @media screen and (width <= 550px) {
-            padding: 0 10px;
-            width: unset;
-        }
-
-        &__dropdown {
-            position: absolute;
-            top: 25px;
-            right: 15px;
-            background: #fff;
-            box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-            border-radius: 6px;
-            width: 255px;
-            z-index: 100;
-
-            &__item {
-                display: flex;
-                align-items: center;
-                padding: 20px 25px;
-                width: calc(100% - 50px);
-
-                & > svg {
-                    width: 20px;
-                }
-
-                .dropdown-item.action.p-3.action {
-                    font-family: 'font_regular', sans-serif;
-                }
-
-                &:first-of-type {
-                    border-radius: 6px 6px 0 0;
-                }
-
-                &:last-of-type {
-                    border-radius: 0 0 6px 6px;
-                }
-
-                &__label {
-                    margin: 0 0 0 10px;
-                }
-
-                &:not(.confirmation):hover {
-                    background-color: #f4f5f7;
-                    font-family: 'font_medium', sans-serif;
-                    color: var(--c-blue-3);
-
-                    svg :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-    }
-}
-
-.delete-confirmation {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    align-items: flex-start;
-    width: 100%;
-
-    &__options {
-        display: flex;
-        gap: 20px;
-        align-items: center;
-
-        &__item {
-            display: flex;
-            gap: 5px;
-            align-items: center;
-
-            &.yes:hover {
-                color: var(--c-red-2);
-
-                svg :deep(path) {
-                    fill: var(--c-red-2);
-                    stroke: var(--c-red-2);
-                }
-            }
-
-            &.no:hover {
-                color: var(--c-blue-3);
-
-                svg :deep(path) {
-                    fill: var(--c-blue-3);
-                    stroke: var(--c-blue-3);
-                }
-            }
-        }
-    }
-}
-
-@media screen and (width <= 550px) {
-    // hide size, upload date columns on mobile screens
-
-    :deep(.data:not(:nth-child(2))) {
-        display: none;
-    }
-}
-
-@keyframes spinner-border {
-
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.spinner-border {
-    display: inline-block;
-    width: 2rem;
-    height: 2rem;
-    vertical-align: text-bottom;
-    border: 0.25em solid currentcolor;
-    border-right-color: transparent;
-    border-radius: 50%;
-    animation: 0.75s linear infinite spinner-border;
-}
-
-:deep(.primary) {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-:deep(th) {
-    max-width: 26rem;
-}
-
-@media screen and (width <= 940px) {
-
-    :deep(th) {
-        max-width: 15rem;
-    }
-}
-
-@media screen and (width <= 650px) {
-
-    :deep(th) {
-        max-width: 10rem;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/MiddleTruncate.vue b/web/satellite/src/components/browser/MiddleTruncate.vue
deleted file mode 100644
index ef305214bc99..000000000000
--- a/web/satellite/src/components/browser/MiddleTruncate.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="truncation-container">
-        <div class="first-part-text">{{ textFirstPart }}</div>
-        <div class="last-part-text">{{ textLastPart }}</div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-const props = defineProps<{
-    text: string,
-}>();
-
-const textFirstPart = computed((): string => {
-    return props.text.substring(0, props.text.length - 5);
-});
-
-const textLastPart = computed((): string => {
-    return props.text.substring(props.text.length - 5);
-});
-</script>
-
-<style scoped lang="scss">
-.truncation-container {
-    display: inline-flex;
-    max-width: 30ch;
-    min-width: 0;
-
-    &:hover {
-        max-width: unset;
-        min-width: auto;
-    }
-}
-
-.first-part-text {
-    flex-grow: 1;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.last-part-text {
-    flex-shrink: 0;
-}
-</style>
diff --git a/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue b/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue
deleted file mode 100644
index 3c90af804f5c..000000000000
--- a/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="banner">
-        <div class="banner__left">
-            <LockedIcon class="banner__left__icon" />
-            <div class="banner__left__labels">
-                <h2 class="banner__left__labels__title">
-                    Object count mismatch.
-                </h2>
-                <p class="banner__left__labels__subtitle">
-                    Files may be uploaded with a different passphrase, or files have been
-                    recently deleted and are not reflected yet.
-                </p>
-            </div>
-        </div>
-        <div class="banner__right">
-            <p class="banner__right__unlock" @click="openManageModal">
-                Try unlock
-            </p>
-            <CloseIcon class="banner__right__close" @click="onClose" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ManageProjectPassphraseStep } from '@/types/managePassphrase';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-
-import LockedIcon from '@/../static/images/browser/locked.svg';
-import CloseIcon from '@/../static/images/browser/close.svg';
-
-const props = defineProps<{
-    onClose: () => void
-}>();
-
-const appStore = useAppStore();
-
-/**
- * Opens switch passphrase modal.
- */
-function openManageModal(): void {
-    appStore.setManagePassphraseStep(ManageProjectPassphraseStep.Switch);
-    appStore.updateActiveModal(MODALS.manageProjectPassphrase);
-}
-</script>
-
-<style scoped lang="scss">
-.banner {
-    padding: 16px;
-    background: #fec;
-    border: 1px solid #ffd78a;
-    box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-family: 'font_regular', sans-serif;
-    margin-bottom: 21px;
-
-    @media screen and (width <= 400px) {
-        flex-direction: column-reverse;
-    }
-
-    &__left {
-        display: flex;
-        align-items: center;
-        margin-right: 15px;
-
-        @media screen and (width <= 600px) {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-
-        &__icon {
-            min-width: 32px;
-        }
-
-        &__labels {
-            margin-left: 16px;
-
-            @media screen and (width <= 600px) {
-                margin: 10px 0 0;
-            }
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-                color: #000;
-            }
-
-            &__subtitle {
-                font-size: 14px;
-                line-height: 20px;
-                color: #000;
-            }
-        }
-    }
-
-    &__right {
-        display: flex;
-        align-items: center;
-
-        @media screen and (width <= 400px) {
-            width: 100%;
-            justify-content: space-between;
-            margin-bottom: 10px;
-        }
-
-        &__unlock {
-            font-size: 14px;
-            line-height: 22px;
-            color: #000;
-            text-decoration: underline;
-            text-underline-position: under;
-            cursor: pointer;
-            margin-right: 16px;
-            white-space: nowrap;
-        }
-
-        &__close {
-            min-width: 12px;
-            cursor: pointer;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/TooManyObjectsBanner.vue b/web/satellite/src/components/browser/TooManyObjectsBanner.vue
deleted file mode 100644
index 71e58383e11f..000000000000
--- a/web/satellite/src/components/browser/TooManyObjectsBanner.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="banner">
-        <div class="banner__left">
-            <LockedIcon class="banner__left__icon" />
-            <p class="banner__left__title">
-                Due to the number of objects you have uploaded, some files may not be displayed.
-                To list all objects you can use
-                <a
-                    class="banner__left__title__link"
-                    href="https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/prerequisites"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    Uplink CLI
-                </a>
-                tool.
-            </p>
-        </div>
-        <CloseIcon class="banner__close" @click="onClose" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import LockedIcon from '@/../static/images/browser/locked.svg';
-import CloseIcon from '@/../static/images/browser/close.svg';
-
-const props = defineProps<{
-    onClose: () => void
-}>();
-</script>
-
-<style scoped lang="scss">
-.banner {
-    padding: 16px;
-    background: #fec;
-    border: 1px solid var(--c-yellow-2);
-    box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-family: 'font_regular', sans-serif;
-    margin-bottom: 21px;
-
-    &__left {
-        display: flex;
-        align-items: center;
-        margin-right: 15px;
-
-        &__icon {
-            margin-right: 16px;
-            min-width: 32px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-black);
-
-            &__link {
-                color: var(--c-blue-3);
-
-                &:visited {
-                    color: var(--c-blue-3);
-                }
-            }
-        }
-    }
-
-    &__close {
-        min-width: 12px;
-        cursor: pointer;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/UpEntry.vue b/web/satellite/src/components/browser/UpEntry.vue
deleted file mode 100644
index 1f33fe18d479..000000000000
--- a/web/satellite/src/components/browser/UpEntry.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        selectable
-        select-hidden
-        :on-click="onBack"
-        :item="{'name': 'Back', 'size': '', 'date': ''}"
-        item-type="back"
-    >
-        <template #options>
-            <th />
-        </template>
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import TableItem from '@/components/common/TableItem.vue';
-
-const props = defineProps<{
-    onBack: () => void;
-}>();
-</script>
diff --git a/web/satellite/src/components/browser/galleryView/ButtonIcon.vue b/web/satellite/src/components/browser/galleryView/ButtonIcon.vue
deleted file mode 100644
index 088e38d80e90..000000000000
--- a/web/satellite/src/components/browser/galleryView/ButtonIcon.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VInfo>
-        <template #icon>
-            <div class="button-icon" :class="{ active: isActive }" @click="onPress">
-                <component :is="icon" />
-            </div>
-        </template>
-        <template #message>
-            <p class="message">{{ info }}</p>
-        </template>
-    </VInfo>
-</template>
-
-<script setup lang="ts">
-import { Component } from 'vue';
-
-import VInfo from '@/components/common/VInfo.vue';
-
-const props = withDefaults(defineProps<{
-    isActive?: boolean
-    icon: string
-    onPress: () => void
-    info: string
-}>(), {
-    isActive: false,
-});
-</script>
-
-<style scoped lang="scss">
-.button-icon {
-    width: 48px;
-    height: 48px;
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    &:hover {
-        background: rgb(255 255 255 / 10%);
-    }
-}
-
-.active {
-    background: rgb(255 255 255 / 10%);
-}
-
-.message {
-    font-family: 'font_medium', sans-serif;
-    font-size: 12px;
-    line-height: 18px;
-    color: var(--c-white);
-    white-space: nowrap;
-}
-
-:deep(.info__box) {
-    width: auto;
-    cursor: default;
-    top: 100%;
-    left: 50%;
-}
-
-:deep(.info__box__message) {
-    background: var(--c-grey-6);
-    border-radius: 4px;
-    padding: 10px 8px;
-}
-
-:deep(.info__box__arrow) {
-    background: var(--c-grey-6);
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/CSVFilePreview.vue b/web/satellite/src/components/browser/galleryView/CSVFilePreview.vue
deleted file mode 100644
index 969b2427120d..000000000000
--- a/web/satellite/src/components/browser/galleryView/CSVFilePreview.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VLoader v-if="isLoading" class="csv-file-preview__loader" width="100px" height="100px" is-white />
-    <div v-else-if="!isError" class="csv-file-preview__container">
-        <table>
-            <tr v-for="(row, rowIdx) in items" :key="rowIdx">
-                <td v-for="(col, colIdx) in row" :key="colIdx">
-                    {{ col }}
-                </td>
-            </tr>
-        </table>
-    </div>
-    <slot v-else />
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-import Papa, { ParseResult } from 'papaparse';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-
-import VLoader from '@/components/common/VLoader.vue';
-
-const notify = useNotify();
-
-const props = defineProps<{
-    src: string;
-}>();
-
-const items = ref<string[][]>([]);
-const isLoading = ref<boolean>(true);
-const isError = ref<boolean>(false);
-
-onMounted(() => {
-    try {
-        Papa.parse(props.src, {
-            download: true,
-            worker: true,
-            header: false,
-            skipEmptyLines: true,
-            complete: (results: ParseResult<string[]>) => {
-                if (results) items.value = results.data;
-                isLoading.value = false;
-            },
-            error: (error: Error) => {
-                if (isError.value) return;
-                notify.error(`Error parsing object. ${error.message}`, AnalyticsErrorEventSource.GALLERY_VIEW);
-                isError.value = true;
-            },
-        });
-    } catch (error) {
-        notify.error(`Error parsing object. ${error.message}`, AnalyticsErrorEventSource.GALLERY_VIEW);
-        isError.value = true;
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.csv-file-preview {
-
-    &__container {
-        width: 100%;
-        max-height: 100%;
-        padding: 16px;
-        box-sizing: border-box;
-        overflow: auto;
-        align-self: flex-start;
-
-        table {
-            min-width: 100%;
-            border-collapse: collapse;
-
-            td {
-                background: var(--c-white);
-                border: 1px solid var(--c-grey-3);
-                padding: 6px 10px;
-                white-space: nowrap;
-            }
-        }
-    }
-
-    &__loader {
-        align-items: center;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/FilePreviewPlaceholder.vue b/web/satellite/src/components/browser/galleryView/FilePreviewPlaceholder.vue
deleted file mode 100644
index a703fdc271d2..000000000000
--- a/web/satellite/src/components/browser/galleryView/FilePreviewPlaceholder.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="file-preview-placeholder">
-        <p class="file-preview-placeholder__key">{{ file?.Key || '' }}</p>
-        <p class="file-preview-placeholder__label">No preview available</p>
-        <VButton
-            icon="download"
-            :label="`Download (${prettyBytes(file?.Size || 0)})`"
-            :on-press="() => emit('download')"
-            width="188px"
-            height="52px"
-            border-radius="10px"
-            font-size="14px"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import prettyBytes from 'pretty-bytes';
-
-import { BrowserObject } from '@/store/modules/objectBrowserStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-const props = defineProps<{
-    file: BrowserObject;
-}>();
-
-const emit = defineEmits<{
-    download: [];
-}>();
-</script>
-
-<style scoped lang="scss">
-.file-preview-placeholder {
-    width: 100%;
-    align-self: center;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-
-    &__key {
-        font-size: 16px;
-        line-height: 24px;
-        color: var(--c-white);
-        margin-bottom: 14px;
-    }
-
-    &__label {
-        font-family: 'font_bold', sans-serif;
-        font-size: 28px;
-        line-height: 36px;
-        letter-spacing: -0.02em;
-        color: var(--c-white);
-        margin-bottom: 17px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/GalleryView.vue b/web/satellite/src/components/browser/galleryView/GalleryView.vue
deleted file mode 100644
index 603a59475fc5..000000000000
--- a/web/satellite/src/components/browser/galleryView/GalleryView.vue
+++ /dev/null
@@ -1,622 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <Teleport to="#app">
-        <div ref="viewContainer" class="gallery" tabindex="0" @keydown.esc="closeModal" @keydown.right="onNext" @keydown.left="onPrevious">
-            <div class="gallery__header">
-                <LogoIcon class="gallery__header__logo" />
-                <SmallLogoIcon class="gallery__header__small-logo" />
-                <div class="gallery__header__name">
-                    <ImageIcon v-if="previewType === PreviewType.Image" />
-                    <VideoIcon v-else-if="previewType === PreviewType.Audio || previewType === PreviewType.Video" />
-                    <EmptyIcon v-else />
-                    <p class="gallery__header__name__label" :title="file?.Key || ''">{{ file?.Key || '' }}</p>
-                </div>
-                <div class="gallery__header__functional">
-                    <ButtonIcon
-                        v-click-outside="closeDropdown"
-                        :icon="DotsIcon"
-                        :on-press="toggleDropdown"
-                        :is-active="isOptionsDropdown === true"
-                        info="More"
-                    />
-                    <ButtonIcon
-                        class="gallery__header__functional__item"
-                        :icon="MapIcon"
-                        :on-press="() => setActiveModal(DistributionModal)"
-                        info="Geographic Distribution"
-                    />
-                    <ButtonIcon
-                        :icon="DownloadIcon"
-                        :on-press="download"
-                        info="Download"
-                    />
-                    <ButtonIcon
-                        class="gallery__header__functional__item"
-                        :icon="ShareIcon"
-                        :on-press="showShareModal"
-                        info="Share"
-                    />
-                    <ButtonIcon
-                        :icon="CloseIcon"
-                        :on-press="closeModal"
-                        info="Close"
-                    />
-                    <OptionsDropdown
-                        v-if="isOptionsDropdown"
-                        :on-distribution="() => setActiveModal(DistributionModal)"
-                        :on-view-details="() => setActiveModal(DetailsModal)"
-                        :on-download="download"
-                        :on-share="showShareModal"
-                        :on-delete="() => setActiveModal(DeleteModal)"
-                    />
-                </div>
-            </div>
-            <div class="gallery__main">
-                <ArrowIcon class="gallery__main__left-arrow" @click="onPrevious" />
-                <VLoader v-if="isLoading" class="gallery__main__loader" width="100px" height="100px" is-white />
-                <div v-else class="gallery__main__preview">
-                    <text-file-preview v-if="previewType === PreviewType.Text" :src="objectPreviewUrl">
-                        <file-preview-placeholder :file="file" @download="download" />
-                    </text-file-preview>
-                    <c-s-v-file-preview v-else-if="previewType === PreviewType.CSV" :src="objectPreviewUrl">
-                        <file-preview-placeholder :file="file" @download="download" />
-                    </c-s-v-file-preview>
-                    <img
-                        v-else-if="previewType === PreviewType.Image"
-                        :src="objectPreviewUrl"
-                        class="gallery__main__preview__item"
-                        aria-roledescription="image-preview"
-                        alt="preview"
-                    >
-                    <video
-                        v-else-if="previewType === PreviewType.Video"
-                        controls
-                        :src="objectPreviewUrl"
-                        class="gallery__main__preview__item"
-                        aria-roledescription="video-preview"
-                    />
-                    <audio
-                        v-else-if="previewType === PreviewType.Audio"
-                        controls
-                        :src="objectPreviewUrl"
-                        class="gallery__main__preview__item"
-                        aria-roledescription="audio-preview"
-                    />
-                    <file-preview-placeholder v-else :file="file" @download="download" />
-                    <div class="gallery__main__preview__buttons">
-                        <ArrowIcon class="gallery__main__preview__buttons__left-arrow" @click="onPrevious" />
-                        <ArrowIcon @click="onNext" />
-                    </div>
-                </div>
-                <ArrowIcon class="gallery__main__right-arrow" @click="onNext" />
-            </div>
-        </div>
-        <div v-if="activeModal">
-            <component
-                :is="activeModal"
-                :on-close="() => setActiveModal(undefined)"
-                :object="file"
-                :map-url="objectMapUrl"
-                :on-delete="onDelete"
-            />
-        </div>
-    </Teleport>
-</template>
-
-<script setup lang="ts">
-import { Component, computed, h, onBeforeMount, onMounted, ref, Teleport, watch } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { BrowserObject, PreviewCache, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useAppStore } from '@/store/modules/appStore';
-import { useNotify } from '@/utils/hooks';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useLinksharing } from '@/composables/useLinksharing';
-import { RouteConfig } from '@/types/router';
-import { EXTENSION_PREVIEW_TYPES, PreviewType, ShareType } from '@/types/browser';
-
-import ButtonIcon from '@/components/browser/galleryView/ButtonIcon.vue';
-import OptionsDropdown from '@/components/browser/galleryView/OptionsDropdown.vue';
-import DeleteModal from '@/components/browser/galleryView/modals/Delete.vue';
-import ShareModal from '@/components/modals/ShareModal.vue';
-import DetailsModal from '@/components/browser/galleryView/modals/Details.vue';
-import DistributionModal from '@/components/browser/galleryView/modals/Distribution.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import TextFilePreview from '@/components/browser/galleryView/TextFilePreview.vue';
-import CSVFilePreview from '@/components/browser/galleryView/CSVFilePreview.vue';
-import FilePreviewPlaceholder from '@/components/browser/galleryView/FilePreviewPlaceholder.vue';
-
-import LogoIcon from '@/../static/images/logo.svg';
-import SmallLogoIcon from '@/../static/images/smallLogo.svg';
-import ImageIcon from '@/../static/images/browser/galleryView/image.svg';
-import VideoIcon from '@/../static/images/browser/galleryView/video.svg';
-import EmptyIcon from '@/../static/images/browser/galleryView/empty.svg';
-import DotsIcon from '@/../static/images/browser/galleryView/dots.svg';
-import MapIcon from '@/../static/images/browser/galleryView/map.svg';
-import DownloadIcon from '@/../static/images/browser/galleryView/download.svg';
-import ShareIcon from '@/../static/images/browser/galleryView/share.svg';
-import CloseIcon from '@/../static/images/browser/galleryView/close.svg';
-import ArrowIcon from '@/../static/images/browser/galleryView/arrow.svg';
-
-const appStore = useAppStore();
-const obStore = useObjectBrowserStore();
-const bucketsStore = useBucketsStore();
-const notify = useNotify();
-const { generateObjectPreviewAndMapURL } = useLinksharing();
-
-const route = useRoute();
-
-const viewContainer = ref<HTMLElement>();
-const isLoading = ref<boolean>(false);
-const previewAndMapFailed = ref<boolean>(false);
-const isOptionsDropdown = ref<boolean>(false);
-const activeModal = ref<Component>();
-const objectMapUrl = ref<string>('');
-const objectPreviewUrl = ref<string>('');
-
-const folderType = 'folder';
-
-/**
- * Returns object preview URLs cache from store.
- */
-const cachedObjectPreviewURLs = computed((): Map<string, PreviewCache> => {
-    return obStore.state.cachedObjectPreviewURLs;
-});
-
-/**
- * Retrieve the file object that the modal is set to from the store.
- */
-const file = computed((): BrowserObject => {
-    return obStore.sortedFiles[fileIndex.value];
-});
-
-/**
- * Retrieve the file index that the modal is set to from the store.
- */
-const fileIndex = computed((): number => {
-    return obStore.sortedFiles.findIndex(f => f.Key === filePath.value.split('/').pop());
-});
-
-/**
- * Retrieve the filepath of the modal from the store.
- */
-const filePath = computed((): string => {
-    return obStore.state.objectPathForModal;
-});
-
-/**
- * Returns bucket name from store.
- */
-const bucket = computed((): string => {
-    return bucketsStore.state.fileComponentBucketName;
-});
-
-/**
- * Returns current path without object key.
- */
-const currentPath = computed((): string => {
-    return decodeURIComponent(route.path.replace(RouteConfig.Buckets.with(RouteConfig.UploadFile).path, ''));
-});
-
-/**
- * Returns the type of object being previewed.
- */
-const previewType = computed<PreviewType>(() => {
-    if (previewAndMapFailed.value) return PreviewType.None;
-
-    const dotIdx = file.value.Key.lastIndexOf('.');
-    if (dotIdx === -1) return PreviewType.None;
-
-    const ext = file.value.Key.toLowerCase().slice(dotIdx + 1);
-    for (const [exts, previewType] of EXTENSION_PREVIEW_TYPES) {
-        if (exts.includes(ext)) return previewType;
-    }
-
-    return PreviewType.None;
-});
-
-/**
- * Get the object map url for the file being displayed.
- */
-async function fetchPreviewAndMapUrl(): Promise<void> {
-    isLoading.value = true;
-
-    let url = '';
-    try {
-        url = await generateObjectPreviewAndMapURL(
-            bucketsStore.state.fileComponentBucketName, filePath.value);
-    } catch (error) {
-        error.message = `Unable to get file preview and map URL. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.GALLERY_VIEW);
-    }
-
-    if (!url) {
-        previewAndMapFailed.value = true;
-        isLoading.value = false;
-
-        return;
-    }
-
-    const encodedPath = encodeURIComponent(`${bucket.value}/${filePath.value.trim()}`);
-    obStore.cacheObjectPreviewURL(encodedPath, { url, lastModified: file.value.LastModified.getTime() });
-
-    objectMapUrl.value = `${url}?map=1`;
-    objectPreviewUrl.value = `${url}?view=1`;
-    isLoading.value = false;
-}
-
-/**
- * Deletes active object.
- */
-async function onDelete(): Promise<void> {
-    try {
-        let newFile: BrowserObject | undefined = obStore.sortedFiles[fileIndex.value + 1];
-        if (!newFile || newFile.type === folderType) {
-            newFile = obStore.sortedFiles.find(f => f.type !== folderType && f.Key !== file.value.Key);
-        }
-
-        await obStore.deleteObject(
-            currentPath.value,
-            file.value,
-        );
-        setActiveModal(undefined);
-
-        if (!newFile) {
-            closeModal();
-            return;
-        }
-
-        setNewObjectPath(newFile.Key);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.GALLERY_VIEW);
-    }
-}
-
-/**
- * Download the current opened file.
- */
-async function download(): Promise<void> {
-    try {
-        await obStore.download(file.value);
-        notify.success(() => [
-            h('p', { class: 'message-title' }, 'Downloading...'),
-            h('p', { class: 'message-info' }, [
-                'Keep this download link private.', h('br'), 'If you want to share, use the Share option.',
-            ]),
-        ]);
-    } catch (error) {
-        notify.error('Can not download your file', AnalyticsErrorEventSource.OBJECT_DETAILS_MODAL);
-    }
-}
-
-/**
- * Close the current opened file details modal.
- */
-function closeModal(): void {
-    appStore.setGalleryView(false);
-}
-
-/**
- * Toggles options dropdown.
- */
-function toggleDropdown(): void {
-    isOptionsDropdown.value = !isOptionsDropdown.value;
-}
-
-/**
- * Closes options dropdown.
- */
-function closeDropdown(): void {
-    isOptionsDropdown.value = false;
-}
-
-/**
- * Sets active modal.
- */
-function setActiveModal(value: Component | undefined): void {
-    activeModal.value = value;
-
-    if (!value) {
-        viewContainer.value?.focus();
-    }
-}
-
-/**
- * Handles on previous click logic.
- */
-function onPrevious(): void {
-    const currentIndex = fileIndex.value;
-    const sortedFilesLength = obStore.sortedFiles.length;
-
-    let newFile: BrowserObject;
-    if (currentIndex <= 0) {
-        newFile = obStore.sortedFiles[sortedFilesLength - 1];
-    } else {
-        newFile = obStore.sortedFiles[currentIndex - 1];
-        if (newFile.type === folderType) {
-            newFile = obStore.sortedFiles[sortedFilesLength - 1];
-        }
-    }
-
-    setNewObjectPath(newFile.Key);
-}
-
-/**
- * Handles on next click logic.
- */
-function onNext(): void {
-    let newFile: BrowserObject | undefined = obStore.sortedFiles[fileIndex.value + 1];
-    if (!newFile || newFile.type === folderType) {
-        newFile = obStore.sortedFiles.find(f => f.type !== folderType);
-
-        if (!newFile) return;
-    }
-
-    setNewObjectPath(newFile.Key);
-}
-
-/**
- * Sets new object path.
- */
-function setNewObjectPath(objectKey: string): void {
-    obStore.setObjectPathForModal(`${currentPath.value}${objectKey}`);
-}
-
-/**
- * Loads object URL from cache or generates new URL.
- */
-function processFilePath(): void {
-    const url = findCachedURL();
-    if (!url) {
-        fetchPreviewAndMapUrl();
-        return;
-    }
-
-    objectMapUrl.value = `${url}?map=1`;
-    objectPreviewUrl.value = `${url}?view=1`;
-}
-
-/**
- * Try to find current object path in cache.
- */
-function findCachedURL(): string | undefined {
-    const encodedPath = encodeURIComponent(`${bucket.value}/${filePath.value.trim()}`);
-    const cache = cachedObjectPreviewURLs.value.get(encodedPath);
-
-    if (!cache) return undefined;
-    if (cache.lastModified !== file.value.LastModified.getTime()) {
-        obStore.removeFromObjectPreviewCache(encodedPath);
-        return undefined;
-    }
-
-    return cache.url;
-}
-
-/**
- * Displays the Share modal.
- */
-function showShareModal(): void {
-    appStore.setShareModalType(ShareType.File);
-    appStore.updateActiveModal(ShareModal);
-}
-
-/**
- * Call `fetchPreviewAndMapUrl` on before mount lifecycle method.
- */
-onBeforeMount((): void => {
-    processFilePath();
-});
-
-onMounted((): void => {
-    viewContainer.value?.focus();
-});
-
-/**
- * Watch for changes on the filepath and call `fetchObjectMapUrl` the moment it updates.
- */
-watch(filePath, () => {
-    if (!filePath.value) return;
-
-    processFilePath();
-});
-</script>
-
-<style scoped lang="scss">
-.gallery {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: var(--c-black);
-    font-family: 'font_regular', sans-serif;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 30px 24px 0;
-        max-width: 100%;
-
-        &__logo {
-            min-width: 207px;
-
-            @media screen and (width <= 1100px) {
-                display: none;
-            }
-        }
-
-        &__small-logo {
-            min-width: 40px;
-            display: none;
-
-            @media screen and (width <= 1100px) and (width > 500px) {
-                display: block;
-            }
-        }
-
-        svg {
-
-            :deep(path) {
-                fill: var(--c-white);
-            }
-        }
-
-        &__name,
-        &__functional {
-            display: flex;
-            align-items: center;
-        }
-
-        &__name {
-            max-width: 50%;
-
-            @media screen and (width <= 370px) {
-                max-width: 45%;
-            }
-
-            svg {
-                min-width: 32px;
-
-                @media screen and (width <= 600px) {
-                    display: none;
-                }
-            }
-
-            &__label {
-                font-size: 16px;
-                line-height: 24px;
-                color: var(--c-white);
-                margin-left: 8px;
-                overflow-x: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-        }
-
-        &__functional {
-            column-gap: 16px;
-            position: relative;
-
-            @media screen and (width <= 1100px) {
-                column-gap: 8px;
-
-                &__item {
-                    display: none;
-                }
-            }
-        }
-    }
-
-    &__main {
-        display: flex;
-        justify-content: space-between;
-        padding: 48px 32px 0;
-        width: 100%;
-        box-sizing: border-box;
-        height: calc(100vh - 120px);
-
-        @media screen and (width <= 1100px) {
-            padding: 24px 12px 0;
-        }
-
-        @media screen and (width <= 600px) {
-            padding: 24px 0 0;
-            height: calc(100vh - 140px);
-        }
-
-        &__loader {
-            align-self: center;
-
-            @media screen and (width <= 600px) {
-                align-self: flex-start;
-            }
-        }
-
-        &__left-arrow,
-        &__right-arrow {
-            align-self: center;
-            cursor: pointer;
-            min-width: 46px;
-
-            &:hover {
-
-                :deep(rect)  {
-
-                    &:first-of-type {
-                        fill: rgb(255 255 255 / 10%);
-                    }
-                }
-            }
-
-            @media screen and (width <= 600px) {
-                display: none;
-            }
-        }
-
-        &__left-arrow {
-            transform: rotate(180deg);
-        }
-
-        &__preview {
-            box-sizing: border-box;
-            width: 100%;
-            padding: 0 42px;
-            display: flex;
-
-            @media screen and (width <= 1100px) {
-                padding: 0 12px;
-            }
-
-            @media screen and (width <= 600px) {
-                flex-direction: column;
-            }
-
-            &__item {
-                margin: 0 auto;
-                max-height: 100%;
-                max-width: 100%;
-                align-self: center;
-
-                @media screen and (width <= 600px) {
-                    align-self: flex-start;
-                }
-            }
-
-            &__buttons {
-                display: none;
-
-                svg {
-                    width: 30px;
-                    height: 30px;
-
-                    &:hover {
-
-                        :deep(rect)  {
-
-                            &:first-of-type {
-                                fill: rgb(255 255 255 / 10%);
-                            }
-                        }
-                    }
-                }
-
-                @media screen and (width <= 600px) {
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    column-gap: 16px;
-                    margin-top: 20px;
-
-                    &__left-arrow {
-                        transform: rotate(180deg);
-                    }
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/OptionsDropdown.vue b/web/satellite/src/components/browser/galleryView/OptionsDropdown.vue
deleted file mode 100644
index 0f0bc72f62af..000000000000
--- a/web/satellite/src/components/browser/galleryView/OptionsDropdown.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="options">
-        <div class="options__item" @click="onDistribution">
-            <MapIcon />
-            <p class="options__item__label">Distribution</p>
-        </div>
-        <div class="options__item" @click="onViewDetails">
-            <DetailsIcon />
-            <p class="options__item__label">View details</p>
-        </div>
-        <div class="options__item" @click="onDownload">
-            <DownloadIcon />
-            <p class="options__item__label">Download</p>
-        </div>
-        <div class="options__item" @click="onShare">
-            <ShareIcon />
-            <p class="options__item__label">Share</p>
-        </div>
-        <div class="options__item" @click="onDelete">
-            <DeleteIcon />
-            <p class="options__item__label">Delete</p>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import DetailsIcon from '@/../static/images/browser/galleryView/details.svg';
-import DownloadIcon from '@/../static/images/browser/galleryView/download.svg';
-import ShareIcon from '@/../static/images/browser/galleryView/share.svg';
-import DeleteIcon from '@/../static/images/browser/galleryView/delete.svg';
-import MapIcon from '@/../static/images/browser/galleryView/map.svg';
-
-const props = defineProps<{
-    onDistribution: () => void
-    onViewDetails: () => void
-    onDownload: () => void
-    onShare: () => void
-    onDelete: () => void
-}>();
-</script>
-
-<style scoped lang="scss">
-.options {
-    position: absolute;
-    left: 0;
-    top: calc(100% + 10px);
-    width: 240px;
-    border: 1px solid var(--c-grey-2);
-    filter: drop-shadow(0 7px 20px rgb(0 0 0 / 15%));
-    border-radius: 8px;
-    background-color: var(--c-white);
-    font-family: 'font_regular', sans-serif;
-    z-index: 1;
-
-    @media screen and (width < 1100px) {
-        width: 155px;
-    }
-
-    &__item {
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-        padding: 16px;
-
-        svg {
-            width: 18px;
-            height: 18px;
-
-            :deep(path) {
-                fill: var(--c-grey-6);
-            }
-        }
-
-        &__label {
-            margin-left: 16px;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-6);
-        }
-
-        &:first-of-type {
-            border-radius: 8px 8px 0 0;
-        }
-
-        &:last-of-type {
-            border-radius: 0 0 8px 8px;
-        }
-
-        &:hover {
-            background-color: var(--c-grey-0);
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/TextFilePreview.vue b/web/satellite/src/components/browser/galleryView/TextFilePreview.vue
deleted file mode 100644
index 140bca23a938..000000000000
--- a/web/satellite/src/components/browser/galleryView/TextFilePreview.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VLoader v-if="isLoading" class="text-file-preview__loader" width="100px" height="100px" is-white />
-    <div v-else-if="!isError" class="text-file-preview__container">
-        <div class="text-file-preview__container__content">{{ content }}</div>
-    </div>
-    <slot v-else />
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue';
-
-import { useLoading } from '@/composables/useLoading';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-
-import VLoader from '@/components/common/VLoader.vue';
-
-const { isLoading, withLoading } = useLoading();
-const notify = useNotify();
-
-const props = defineProps<{
-    src: string;
-}>();
-
-const content = ref<string>('');
-const isError = ref<boolean>(false);
-
-onMounted(async () => {
-    await withLoading(async () => {
-        try {
-            content.value = await (await fetch(props.src)).text();
-        } catch (error) {
-            notify.error(`Error fetching object. ${error.message}`, AnalyticsErrorEventSource.GALLERY_VIEW);
-            isError.value = true;
-        }
-    });
-});
-</script>
-
-<style scoped lang="scss">
-.text-file-preview {
-
-    &__container {
-        width: 100%;
-        height: 100%;
-        padding: 16px;
-        box-sizing: border-box;
-        overflow-y: auto;
-
-        &__content {
-            width: 100%;
-            min-height: 100%;
-            padding: 16px;
-            box-sizing: border-box;
-            background-color: var(--c-white);
-            font-family: monospace;
-            font-size: 16px;
-            word-break: break-word;
-        }
-    }
-
-    &__loader {
-        align-items: center;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/modals/Delete.vue b/web/satellite/src/components/browser/galleryView/modals/Delete.vue
deleted file mode 100644
index 0b1936182b31..000000000000
--- a/web/satellite/src/components/browser/galleryView/modals/Delete.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="onClose">
-        <template #content>
-            <div class="modal">
-                <ModalHeader
-                    :icon="DeleteIcon"
-                    title="Delete File"
-                />
-                <p class="modal__info">The following file will be deleted.</p>
-                <p class="modal__name">{{ object?.Key || '' }}</p>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        height="52px"
-                        width="100%"
-                        border-radius="10px"
-                        font-size="14px"
-                        :on-press="onClose"
-                        is-white
-                    />
-                    <VButton
-                        label="Delete"
-                        height="52px"
-                        width="100%"
-                        border-radius="10px"
-                        font-size="14px"
-                        :on-press="onDelete"
-                        :is-disabled="loading"
-                        is-solid-delete
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import ModalHeader from '@/components/modals/ModalHeader.vue';
-
-import DeleteIcon from '@/../static/images/browser/galleryView/modals/delete.svg';
-
-const obStore = useObjectBrowserStore();
-
-const props = defineProps<{
-    object: BrowserObject | undefined
-    onDelete: () => Promise<void>
-    onClose: () => void
-}>();
-
-const loading = ref<boolean>(false);
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-    background-color: var(--c-white);
-    box-shadow: 0 20px 30px rgb(10 27 44 / 20%);
-    border-radius: 20px;
-    width: 410px;
-    box-sizing: border-box;
-
-    @media screen and (width <= 520px) {
-        width: unset;
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        margin-bottom: 30px;
-        text-align: left;
-    }
-
-    &__name {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        column-gap: 16px;
-        padding-top: 16px;
-        margin-top: 16px;
-        border-top: 1px solid var(--c-grey-2);
-    }
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/modals/Details.vue b/web/satellite/src/components/browser/galleryView/modals/Details.vue
deleted file mode 100644
index caf08795b20a..000000000000
--- a/web/satellite/src/components/browser/galleryView/modals/Details.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="onClose">
-        <template #content>
-            <div class="modal">
-                <ModalHeader
-                    :icon="DetailsIcon"
-                    title="View Details"
-                />
-                <div class="modal__item">
-                    <p class="modal__item__label">Name</p>
-                    <p class="modal__item__label right" :title="object.Key">{{ object.Key }}</p>
-                </div>
-                <div class="modal__item">
-                    <p class="modal__item__label">Size</p>
-                    <p class="modal__item__label right">{{ prettyBytes(object.Size) }}</p>
-                </div>
-                <div class="modal__item">
-                    <p class="modal__item__label">Last Edited</p>
-                    <p class="modal__item__label right" :title="object.LastModified.toLocaleString()">
-                        {{ object.LastModified.toLocaleString() }}
-                    </p>
-                </div>
-                <div class="modal__item last">
-                    <p class="modal__item__label">Bucket</p>
-                    <p class="modal__item__label right" :title="bucket">{{ bucket }}</p>
-                </div>
-                <VButton
-                    label="Close"
-                    height="52px"
-                    width="100%"
-                    border-radius="10px"
-                    font-size="14px"
-                    :on-press="onClose"
-                />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import prettyBytes from 'pretty-bytes';
-import { computed } from 'vue';
-
-import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import ModalHeader from '@/components/modals/ModalHeader.vue';
-
-import DetailsIcon from '@/../static/images/browser/galleryView/modals/details.svg';
-
-const obStore = useObjectBrowserStore();
-
-const props = defineProps<{
-    object: BrowserObject
-    onClose: () => void
-}>();
-
-/**
- * Returns active bucket name from store.
- */
-const bucket = computed((): string => {
-    return obStore.state.bucket;
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-    background-color: var(--c-white);
-    box-shadow: 0 20px 30px rgb(10 27 44 / 20%);
-    border-radius: 20px;
-    width: 410px;
-    box-sizing: border-box;
-
-    @media screen and (width <= 520px) {
-        width: 320px;
-    }
-
-    &__item {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        max-width: 100%;
-        padding-bottom: 16px;
-
-        &__label {
-            font-weight: 500;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-black);
-        }
-    }
-}
-
-.right {
-    margin-left: 16px;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.last {
-    border-bottom: 1px solid var(--c-grey-2);
-    margin-bottom: 16px;
-}
-</style>
diff --git a/web/satellite/src/components/browser/galleryView/modals/Distribution.vue b/web/satellite/src/components/browser/galleryView/modals/Distribution.vue
deleted file mode 100644
index 721248d849ac..000000000000
--- a/web/satellite/src/components/browser/galleryView/modals/Distribution.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="onClose">
-        <template #content>
-            <div class="modal">
-                <ModalHeader
-                    :icon="GlobeIcon"
-                    title="Geographic Distribution"
-                />
-                <img :src="mapUrl" class="modal__map" alt="map">
-                <h1 class="modal__title">You’re getting this file from all over the world on the Storj network.</h1>
-                <p class="modal__info">
-                    Storj Decentralized Cloud Storage splits files into smaller pieces, then distributes those pieces
-                    over a global network of Nodes and recompiles them securely on download. This map shows the
-                    real-time locations of this file’s pieces.
-                </p>
-                <div class="modal__buttons">
-                    <VButton
-                        link="https://docs.storj.io/learn#what-happens-when-you-upload"
-                        label="Learn More"
-                        height="52px"
-                        width="100%"
-                        border-radius="10px"
-                        font-size="14px"
-                        :on-press="() => {}"
-                        is-white
-                    />
-                    <VButton
-                        label="Close"
-                        height="52px"
-                        width="100%"
-                        border-radius="10px"
-                        font-size="14px"
-                        :on-press="onClose"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import ModalHeader from '@/components/modals/ModalHeader.vue';
-
-import GlobeIcon from '@/../static/images/browser/galleryView/modals/globe.svg';
-
-const props = defineProps<{
-    mapUrl: string
-    onClose: () => void
-}>();
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-    background-color: var(--c-white);
-    box-shadow: 0 20px 30px rgb(10 27 44 / 20%);
-    border-radius: 20px;
-    width: 410px;
-    box-sizing: border-box;
-
-    @media screen and (width <= 520px) {
-        width: unset;
-    }
-
-    &__map {
-        width: 100%;
-    }
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        font-size: 18px;
-        line-height: 24px;
-        letter-spacing: -0.02em;
-        color: var(--c-blue-6);
-        margin-bottom: 16px;
-        text-align: left;
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 21px;
-        color: var(--c-blue-6);
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        column-gap: 16px;
-        padding-top: 16px;
-        margin-top: 16px;
-        border-top: 1px solid var(--c-grey-2);
-    }
-}
-</style>
diff --git a/web/satellite/src/components/common/AddCouponCodeInput.vue b/web/satellite/src/components/common/AddCouponCodeInput.vue
deleted file mode 100644
index 4c40b67c21ac..000000000000
--- a/web/satellite/src/components/common/AddCouponCodeInput.vue
+++ /dev/null
@@ -1,206 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="add-coupon__input-container">
-        <div v-if="!showConfirmMessage">
-            <div class="add-coupon__input-wrapper">
-                <img
-                    class="add-coupon__input-icon"
-                    :class="{'signup-view': isSignupView}"
-                    src="@/../static/images/account/billing/coupon.png"
-                    alt="Coupon"
-                >
-                <VInput
-                    :label="inputLabel"
-                    placeholder="Enter Coupon Code"
-                    height="52px"
-                    with-icon
-                    @setData="setCouponCode"
-                />
-                <CheckIcon
-                    v-if="isCodeValid"
-                    class="add-coupon__check"
-                />
-            </div>
-            <ValidationMessage
-                class="add-coupon__valid-message"
-                success-message="Successfully applied coupon code."
-                :error-message="errorMessage"
-                :is-valid="isCodeValid"
-                :show-message="showValidationMessage"
-            />
-            <VButton
-                v-if="!isSignupView"
-                class="add-coupon__apply-button"
-                label="Apply Coupon Code"
-                width="100%"
-                height="44px"
-                :on-press="couponCheck"
-            />
-        </div>
-        <div v-if="showConfirmMessage">
-            <p class="add-coupon__confirm-message">
-                By applying this coupon you will override your existing coupon.
-                Are you sure you want to remove your current coupon and replace it with this new coupon?
-            </p>
-            <div class="add-coupon__button-wrapper">
-                <VButton
-                    label="Yes"
-                    width="100%"
-                    height="48px"
-                    :on-press="applyCouponCode"
-                />
-                <VButton
-                    label="Back"
-                    width="calc(100% - 4px)"
-                    height="44px"
-                    :is-blue-white="true"
-                    :on-press="toggleConfirmMessage"
-                />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VInput from '@/components/common/VInput.vue';
-import ValidationMessage from '@/components/common/ValidationMessage.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import CheckIcon from '@/../static/images/common/validCheck.svg';
-
-const analyticsStore = useAnalyticsStore();
-const billingStore = useBillingStore();
-const route = useRoute();
-
-const showValidationMessage = ref<boolean>(false);
-const isCodeValid = ref<boolean>(false);
-const showConfirmMessage = ref<boolean>(false);
-const errorMessage = ref<string>('');
-const couponCode = ref<string>('');
-
-/**
- * Signup view requires some unique styling and element text.
- */
-const isSignupView = computed((): boolean => {
-    return route.name === RouteConfig.Register.name;
-});
-
-/**
- * Returns label for input if in signup view
- * Depending on view.
- */
-const inputLabel = computed((): string => {
-    return isSignupView.value ? 'Add Coupon' : '';
-});
-
-/**
- * Sets code from input.
- */
-function setCouponCode(value: string): void {
-    couponCode.value = value;
-}
-
-/**
- * Toggles showing of coupon code replace confirmation message
- */
-function toggleConfirmMessage(): void {
-    showConfirmMessage.value = !showConfirmMessage.value;
-}
-
-/**
- * Check if coupon code is valid
- */
-async function applyCouponCode(): Promise<void> {
-    try {
-        await billingStore.applyCouponCode(couponCode.value);
-    } catch (error) {
-        errorMessage.value = error.message;
-        isCodeValid.value = false;
-        showValidationMessage.value = true;
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.BILLING_APPLY_COUPON_CODE_INPUT);
-
-        return;
-    } finally {
-        if (showConfirmMessage.value) toggleConfirmMessage();
-    }
-
-    isCodeValid.value = true;
-    showValidationMessage.value = true;
-}
-
-/**
- * Check if user has a coupon code applied to their account before applying
- */
-async function couponCheck(): Promise<void> {
-    if (billingStore.state.coupon) {
-        toggleConfirmMessage();
-        return;
-    }
-
-    await applyCouponCode();
-}
-</script>
-
-<style scoped lang="scss">
-    .add-coupon {
-
-        &__input-wrapper {
-            position: relative;
-        }
-
-        &__valid-message {
-            margin-top: 15px;
-        }
-
-        &__apply-button {
-            margin-top: 15px;
-        }
-
-        &__check {
-            position: absolute;
-            right: 15px;
-            bottom: 15px;
-        }
-
-        &__input-icon {
-            position: absolute;
-            top: 27px;
-            z-index: 23;
-            left: 25px;
-            width: 25.01px;
-            height: 16.67px;
-        }
-
-        &__input-icon.signup-view {
-            top: 50px;
-        }
-
-        &__confirm-message {
-            font-family: 'font_regular', sans-serif;
-            font-size: 18px;
-            margin-top: 35px;
-        }
-
-        &__button-wrapper {
-            display: flex;
-            margin-top: 30px;
-            column-gap: 20px;
-
-            @media screen and (width <= 650px) {
-                flex-direction: column;
-                column-gap: unset;
-                row-gap: 20px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/BrandedLoader.vue b/web/satellite/src/components/common/BrandedLoader.vue
deleted file mode 100644
index 64caaaa650b0..000000000000
--- a/web/satellite/src/components/common/BrandedLoader.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="loader">
-        <div class="loader__spinner" />
-        <LoaderImage class="loader__icon" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import LoaderImage from '@/../static/images/common/loadIcon.svg';
-</script>
-
-<style scoped lang="scss">
-    @keyframes rotate {
-
-        from {
-            transform: rotate(0deg);
-        }
-
-        to {
-            transform: rotate(360deg);
-        }
-    }
-
-    .loader {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        position: absolute;
-        inset: 0;
-        background-color: #fff;
-
-        &__spinner {
-            width: 90px;
-            height: 90px;
-            margin: auto 0;
-            border: solid 3px var(--c-blue-3);
-            border-radius: 50%;
-            border-right-color: transparent;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-            transition: all 0.5s ease-in;
-            animation-name: rotate;
-            animation-duration: 1.2s;
-            animation-iteration-count: infinite;
-            animation-timing-function: linear;
-        }
-
-        &__icon {
-            position: absolute;
-            inset: 0;
-            margin: auto;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/NewBillingAddCouponCodeInput.vue b/web/satellite/src/components/common/NewBillingAddCouponCodeInput.vue
deleted file mode 100644
index 40097154d574..000000000000
--- a/web/satellite/src/components/common/NewBillingAddCouponCodeInput.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="add-coupon__input-container">
-        <div class="add-coupon__input-wrapper">
-            <VInput
-                placeholder="Enter Coupon Code"
-                @setData="setCouponCode"
-            />
-        </div>
-        <ValidationMessage
-            class="add-coupon__valid-message"
-            success-message="Successfully applied coupon code."
-            :error-message="errorMessage"
-            :is-valid="isCodeValid"
-            :show-message="showValidationMessage"
-        />
-        <VButton
-            class="add-coupon__apply-button"
-            label="Apply Coupon Code"
-            width="100%"
-            height="44px"
-            font-size="14px"
-            :on-press="applyCouponCode"
-            :is-disabled="isLoading"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useLoading } from '@/composables/useLoading';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VInput from '@/components/common/VInput.vue';
-import ValidationMessage from '@/components/common/ValidationMessage.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const analyticsStore = useAnalyticsStore();
-const billingStore = useBillingStore();
-const notify = useNotify();
-const { isLoading, withLoading } = useLoading();
-
-const emit = defineEmits(['close']);
-
-const showValidationMessage = ref<boolean>(false);
-const isCodeValid = ref<boolean>(false);
-const errorMessage = ref<string>('');
-const couponCode = ref<string>('');
-
-function setCouponCode(value: string): void {
-    couponCode.value = value;
-}
-
-/**
- * Check if coupon code is valid
- */
-async function applyCouponCode(): Promise<void> {
-    await withLoading(async () => {
-        try {
-            await billingStore.applyCouponCode(couponCode.value);
-            notify.success('Coupon Added!');
-            emit('close');
-        } catch (error) {
-            errorMessage.value = error.message;
-            isCodeValid.value = false;
-            showValidationMessage.value = true;
-            analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.BILLING_APPLY_COUPON_CODE_INPUT);
-        } finally {
-            isLoading.value = false;
-        }
-    });
-}
-</script>
-
-<style scoped lang="scss">
-    .add-coupon {
-        font-family: 'font_regular', sans-serif;
-
-        &__input-container {
-            display: flex;
-            flex-direction: column;
-        }
-
-        &__input-wrapper {
-            margin: 10px 0;
-        }
-
-        &__valid-message {
-            margin-bottom: 10px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/PagesBlock.vue b/web/satellite/src/components/common/PagesBlock.vue
deleted file mode 100644
index 99846cead353..000000000000
--- a/web/satellite/src/components/common/PagesBlock.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="pages-container">
-        <span
-            v-for="page in pages"
-            :key="page.index"
-            class="pages-container__pages"
-            :class="{'selected': isSelected(page.index)}"
-            @click="page.select()"
-        >{{ page.index }}</span>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { CheckSelected, Page } from '@/types/pagination';
-
-const props = withDefaults(defineProps<{
-    isSelected: CheckSelected;
-    pages: Page[];
-}>(), {
-    pages: () => [],
-});
-</script>
-
-<style scoped lang="scss">
-    .pages-container {
-        display: flex;
-
-        &__pages {
-            font-family: 'font_medium', sans-serif;
-            font-size: 16px;
-            margin-right: 15px;
-            width: auto;
-            text-align: center;
-            cursor: pointer;
-            display: block;
-            position: relative;
-            transition: all 0.2s ease;
-
-            &:hover {
-                color: #2379ec;
-
-                &:after {
-                    content: '';
-                    display: block;
-                    position: absolute;
-                    bottom: -4px;
-                    left: 0;
-                    width: 100%;
-                    height: 2px;
-                    background-color: #2379ec;
-                }
-            }
-
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-    }
-
-    .selected {
-        color: #2379ec;
-        font-family: 'font_bold', sans-serif;
-
-        &:after {
-            content: '';
-            display: block;
-            position: absolute;
-            bottom: -4px;
-            left: 0;
-            width: 100%;
-            height: 2px;
-            background-color: #2379ec;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/PasswordStrength.vue b/web/satellite/src/components/common/PasswordStrength.vue
deleted file mode 100644
index 7db5328a664d..000000000000
--- a/web/satellite/src/components/common/PasswordStrength.vue
+++ /dev/null
@@ -1,280 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-if="isShown" class="password-strength-container">
-        <div class="password-strength-container__header">
-            <p class="password-strength-container__header__title">Password strength</p>
-            <p class="password-strength-container__header__strength-status" :style="strengthLabelColor">{{ passwordStrength }}</p>
-        </div>
-        <div class="password-strength-container__bar">
-            <div class="password-strength-container__bar__fill" :style="barFillStyle" />
-        </div>
-        <p class="password-strength-container__subtitle">Your password should contain:</p>
-        <div class="password-strength-container__rule-area">
-            <div class="password-strength-container__rule-area__checkbox" :class="{ checked: isPasswordLengthAcceptable }">
-                <VectorIcon />
-            </div>
-            <p class="password-strength-container__rule-area__rule">Between {{ passMinLength }} and {{ passMaxLength }} Latin characters</p>
-        </div>
-        <p class="password-strength-container__subtitle">Its nice to have: </p>
-        <div class="password-strength-container__rule-area">
-            <div class="password-strength-container__rule-area__checkbox" :class="{ checked: hasLowerAndUpperCaseLetters }">
-                <VectorIcon />
-            </div>
-            <p class="password-strength-container__rule-area__rule">Upper & lowercase letters</p>
-        </div>
-        <div class="password-strength-container__rule-area">
-            <div class="password-strength-container__rule-area__checkbox" :class="{ checked: hasSpecialCharacter }">
-                <VectorIcon />
-            </div>
-            <p class="password-strength-container__rule-area__rule">At least one special character</p>
-        </div>
-        <p class="password-strength-container__subtitle">Avoid using a password that you use on other websites or that might be easily guessed by someone else.</p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VectorIcon from '@/../static/images/register/StrengthVector.svg';
-
-const configStore = useConfigStore();
-
-/**
- * BarFillStyle class holds info for BarFillStyle entity.
- */
-class BarFillStyle {
-    'background-color': string;
-    width: string;
-
-    public constructor(backgroundColor: string, width: string) {
-        this['background-color'] = backgroundColor;
-        this.width = width;
-    }
-}
-
-const PASSWORD_STRENGTH = {
-    veryStrong: 'Very Strong',
-    strong: 'Strong',
-    good: 'Good',
-    weak: 'Weak',
-};
-
-const PASSWORD_STRENGTH_COLORS = {
-    [PASSWORD_STRENGTH.good]: '#ffff00',
-    [PASSWORD_STRENGTH.strong]: '#bfff00',
-    [PASSWORD_STRENGTH.veryStrong]: '#00ff40',
-    default: '#e16c58',
-};
-
-const BAR_WIDTH = {
-    [PASSWORD_STRENGTH.weak]: '25%',
-    [PASSWORD_STRENGTH.good]: '50%',
-    [PASSWORD_STRENGTH.strong]: '75%',
-    [PASSWORD_STRENGTH.veryStrong]: '100%',
-    default: '0px',
-};
-
-const props = withDefaults(defineProps<{
-    passwordString?: string;
-    isShown?: boolean;
-}>(), {
-    passwordString: '',
-    isShown: false,
-});
-
-/**
- * Returns the maximum password length from the store.
- */
-const passMaxLength = computed((): number => {
-    return configStore.state.config.passwordMaximumLength;
-});
-
-/**
- * Returns the minimum password length from the store.
- */
-const passMinLength = computed((): number => {
-    return configStore.state.config.passwordMinimumLength;
-});
-
-const isPasswordLengthAcceptable = computed((): boolean => {
-    return props.passwordString.length <= passMaxLength.value
-        && props.passwordString.length >= passMinLength.value;
-});
-
-/**
- * Returns password strength label depends on score.
- */
-const passwordStrength = computed((): string => {
-    if (props.passwordString.length < passMinLength.value) {
-        return `Use ${passMinLength.value} or more characters`;
-    }
-
-    if (props.passwordString.length > passMaxLength.value) {
-        return `Use ${passMaxLength.value} or fewer characters`;
-    }
-
-    const score = scorePassword();
-    if (score > 90) {
-        return PASSWORD_STRENGTH.veryStrong;
-    }
-    if (score > 70) {
-        return PASSWORD_STRENGTH.strong;
-    }
-    if (score > 45) {
-        return PASSWORD_STRENGTH.good;
-    }
-
-    return PASSWORD_STRENGTH.weak;
-});
-
-/**
- * Color for indicator between red as weak and green as strong password.
- */
-const passwordStrengthColor = computed((): string => {
-    return PASSWORD_STRENGTH_COLORS[passwordStrength.value] || PASSWORD_STRENGTH_COLORS.default;
-});
-
-/**
- * Fills password strength indicator bar.
- */
-const barWidth = computed((): string => {
-    return BAR_WIDTH[passwordStrength.value] || BAR_WIDTH.default;
-});
-
-const strengthLabelColor = computed((): { color: string } => {
-    return { color: passwordStrengthColor.value };
-});
-
-const hasLowerAndUpperCaseLetters = computed((): boolean => {
-    return /[a-z]/.test(props.passwordString) && /[A-Z]/.test(props.passwordString);
-});
-
-const hasSpecialCharacter = computed((): boolean => {
-    return /\W/.test(props.passwordString);
-});
-
-const barFillStyle = computed((): BarFillStyle => {
-    return new BarFillStyle(passwordStrengthColor.value, barWidth.value);
-});
-
-/**
- * Returns password strength score depends on length, case variations and special characters.
- */
-function scorePassword(): number {
-    const password: string = props.passwordString;
-    let score = 0;
-
-    const letters: number[] = [];
-    for (let i = 0; i < password.length; i++) {
-        letters[password[i]] = (letters[password[i]] || 0) + 1;
-        score += 5 / letters[password[i]];
-    }
-
-    const variations: boolean[] = [
-        /\d/.test(password),
-        /[a-z]/.test(password),
-        /[A-Z]/.test(password),
-        /\W/.test(password),
-    ];
-
-    let variationCount = 0;
-    variations.forEach((check) => {
-        variationCount += check ? 1 : 0;
-    });
-
-    score += variationCount * 10;
-
-    return score;
-}
-</script>
-
-<style scoped lang="scss">
-    p {
-        margin: 0;
-    }
-
-    .password-strength-container {
-        position: absolute;
-        top: 96px;
-        right: -3px;
-        padding: 25px 20px;
-        border: 1px solid rgb(193 193 193 / 30%);
-        box-shadow: 0 4px 20px rgb(204 208 214 / 25%);
-        border-radius: 6px;
-        background-color: #fff;
-        height: 220px;
-        width: 325px;
-        z-index: 100;
-        font-family: 'font_medium', sans-serif;
-
-        &__header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            font-size: 14px;
-            line-height: 19px;
-
-            &__title {
-                color: #384b65;
-            }
-        }
-
-        &__bar {
-            height: 3px;
-            width: 100%;
-            border-radius: 17px;
-            background-color: #afb7c1;
-            margin: 5px 0 0;
-            position: relative;
-
-            &__fill {
-                height: 100%;
-                position: absolute;
-                left: 0;
-                top: 0;
-                border-radius: 17px;
-            }
-        }
-
-        &__subtitle {
-            font-size: 12px;
-            line-height: 16px;
-            color: #afb7c1;
-            margin: 10px 0 0;
-            text-align: left;
-        }
-
-        &__rule-area {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-            margin: 10px 0 0;
-
-            &__checkbox {
-                height: 20px;
-                width: 20px;
-                border-radius: 10px;
-                border: 1.5px solid #737791;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
-
-            &__rule {
-                font-size: 12px;
-                line-height: 16px;
-                color: #384b65;
-                margin: 0 0 0 5px;
-            }
-        }
-    }
-
-    .checked {
-        background-color: #27ae60;
-        border-color: #27ae60;
-    }
-</style>
diff --git a/web/satellite/src/components/common/RegistrationSuccess.vue b/web/satellite/src/components/common/RegistrationSuccess.vue
deleted file mode 100644
index 9869d26bad84..000000000000
--- a/web/satellite/src/components/common/RegistrationSuccess.vue
+++ /dev/null
@@ -1,357 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="register-success-area">
-        <div class="register-success-area__logo-wrapper">
-            <LogoIcon class="logo" @click="onLogoClick" />
-        </div>
-        <div class="register-success-area__container">
-            <MailIcon />
-            <template v-if="codeActivationEnabled">
-                <h2 class="register-success-area__container__title" aria-roledescription="title">Check your inbox</h2>
-                <p class="register-success-area__container__sub-title">
-                    Enter the 6 digit confirmation code you received in your email to verify your account:
-                </p>
-                <div class="register-success-area__container__code-input">
-                    <ConfirmMFAInput label="Activation code" :on-input="onConfirmInput" :is-error="isError" />
-                </div>
-                <div v-if="codeActivationEnabled" class="register-success-area__container__button-container">
-                    <VButton
-                        label="Verify"
-                        width="450px"
-                        height="50px"
-                        :on-press="onVerifyClicked"
-                        :is-disabled="code.length !== 6 || isLoading"
-                    />
-                </div>
-            </template>
-            <template v-else>
-                <h2 class="register-success-area__container__title" aria-roledescription="title">You're almost there!</h2>
-                <div v-if="showManualActivationMsg" class="register-success-area__container__sub-title fill">
-                    If an account with the email address
-                    <p class="register-success-area__container__sub-title__email">{{ userEmail }}</p>
-                    exists, a verification email has been sent.
-                </div>
-                <p class="register-success-area__container__sub-title">
-                    Check your inbox to activate your account and get started.
-                </p>
-                <p class="register-success-area__container__text">
-                    Didn't receive a verification email?
-                    <b class="register-success-area__container__verification-cooldown__bold-text">
-                        {{ timeToEnableResendEmailButton }}
-                    </b>
-                </p>
-            </template>
-
-            <div class="register-success-area__container__button-container">
-                <VButton
-                    :label="resendMailLabel"
-                    width="450px"
-                    height="50px"
-                    :is-white="codeActivationEnabled"
-                    :on-press="onResendEmailButtonClick"
-                    :is-disabled="secondsToWait !== 0 || isLoading"
-                />
-            </div>
-            <p class="register-success-area__container__contact">
-                or
-                <a
-                    class="register-success-area__container__contact__link"
-                    href="https://supportdcs.storj.io/hc/en-us/requests/new"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    Contact our support team
-                </a>
-            </p>
-        </div>
-        <router-link :to="loginPath" class="register-success-area__login-link">Go to Login page</router-link>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { AuthHttpApi } from '@/api/auth';
-import { RouteConfig } from '@/types/router';
-import { useNotify } from '@/utils/hooks';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useLoading } from '@/composables/useLoading';
-import { LocalData } from '@/utils/localData';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
-
-import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import MailIcon from '@/../static/images/register/mail.svg';
-import LogoIcon from '@/../static/images/logo.svg';
-
-const props = withDefaults(defineProps<{
-    email?: string;
-    signupReqId?: string;
-    showManualActivationMsg?: boolean;
-}>(), {
-    email: '',
-    signupReqId: '',
-    showManualActivationMsg: true,
-});
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const usersStore = useUsersStore();
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-
-const { isLoading, withLoading } = useLoading();
-
-const auth: AuthHttpApi = new AuthHttpApi();
-const loginPath: string = RouteConfig.Login.path;
-
-const secondsToWait = ref<number>(30);
-const intervalId = ref<ReturnType<typeof setInterval>>();
-const isError = ref<boolean>(false);
-const code = ref<string>('');
-const signupId = ref<string>(props.signupReqId || '');
-
-const userEmail = computed((): string => {
-    return props.email || route.query.email?.toString() || '';
-});
-
-/**
- * Returns the time left until the Resend Email button is enabled in mm:ss form.
- */
-const timeToEnableResendEmailButton = computed((): string => {
-    return `${Math.floor(secondsToWait.value / 60).toString().padStart(2, '0')}:${(secondsToWait.value % 60).toString().padStart(2, '0')}`;
-});
-
-/**
- * Returns true if signup activation code is enabled.
- */
-const codeActivationEnabled = computed((): boolean => {
-    // code activation is not available if this page was arrived at via a link.
-    return  configStore.state.config.signupActivationCodeEnabled && !!props.email;
-});
-
-/**
- * Returns the text for the resend email button.
- */
-const resendMailLabel = computed((): string => {
-    return  !codeActivationEnabled.value ? 'Resend Email' : `Resend Email${secondsToWait.value !== 0 ? ' in ' + timeToEnableResendEmailButton.value : ''}`;
-});
-
-/**
- * Reloads page.
- */
-function onLogoClick(): void {
-    location.replace(RouteConfig.Register.path);
-}
-
-/**
- * Resets timer blocking email resend button spamming.
- */
-function startResendEmailCountdown(): void {
-    secondsToWait.value = 30;
-
-    intervalId.value = setInterval(() => {
-        if (--secondsToWait.value <= 0) {
-            clearInterval(intervalId.value);
-        }
-    }, 1000);
-}
-
-/**
- * Resend email if interval timer is expired.
- */
-async function onResendEmailButtonClick(): Promise<void> {
-    const email = userEmail.value;
-    if (secondsToWait.value !== 0 || !email) {
-        return;
-    }
-
-    try {
-        signupId.value = await auth.resendEmail(email);
-    } catch (error) {
-        notify.notifyError(error);
-    }
-
-    startResendEmailCountdown();
-}
-
-/**
- * Handles code verification.
- */
-function onVerifyClicked(): void {
-    withLoading(async () => {
-        try {
-            const tokenInfo = await auth.verifySignupCode(props.email, code.value, signupId.value);
-            LocalData.setSessionExpirationDate(tokenInfo.expiresAt);
-        } catch (error) {
-            if (error instanceof ErrorUnauthorized) {
-                notify.notifyError(new Error('Invalid code'));
-                return;
-            }
-            notify.notifyError(error);
-            isError.value = true;
-            return;
-        }
-
-        usersStore.login();
-        analyticsStore.pageVisit(RouteConfig.AllProjectsDashboard.path);
-        await router.push(RouteConfig.AllProjectsDashboard.path);
-    });
-}
-
-/**
- * Sets confirmation passcode value from input.
- */
-function onConfirmInput(value: string): void {
-    isError.value = false;
-    code.value = value;
-}
-
-/**
- * Lifecycle hook after initial render.
- * Starts resend email button availability countdown.
- */
-onMounted(() => {
-    startResendEmailCountdown();
-});
-
-/**
- * Lifecycle hook before component destroying.
- * Resets interval.
- */
-onBeforeUnmount(() => {
-    clearInterval(intervalId.value);
-});
-</script>
-
-<style scoped lang="scss">
-    .register-success-area {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        background-color: #f5f6fa;
-        padding: 0 20px;
-        box-sizing: border-box;
-        position: fixed;
-        inset: 0;
-        overflow-y: scroll;
-
-        &__logo-wrapper {
-            text-align: center;
-            margin-top: 60px;
-        }
-
-        &__container {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-sizing: border-box;
-            text-align: center;
-            background-color: var(--c-white);
-            border-radius: 20px;
-            width: 75%;
-            margin-top: 50px;
-            padding: 40px;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 40px;
-                line-height: 1.2;
-                color: #252525;
-                margin: 25px 0;
-            }
-
-            &__sub-title {
-                font-size: 16px;
-                line-height: 21px;
-                color: #252525;
-                margin: 0;
-                max-width: 350px;
-                text-align: center;
-                margin-bottom: 27px;
-
-                &.fill {
-                    max-width: unset;
-                }
-
-                &__email {
-                    font-family: 'font_bold', sans-serif;
-                }
-            }
-
-            &__text {
-                font-family: 'font_medium', sans-serif;
-                font-size: 16px;
-                line-height: 21px;
-                color: #252525;
-            }
-
-            &__verification-cooldown {
-                font-family: 'font_medium', sans-serif;
-                font-size: 12px;
-                line-height: 16px;
-                padding: 27px 0 0;
-                margin: 0;
-
-                &__bold-text {
-                    color: #252525;
-                }
-            }
-
-            &__button-container {
-                width: 100%;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                margin-top: 15px;
-            }
-
-            &__code-input {
-                width: 450px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                margin-top: 10px;
-                margin-bottom: 10px;
-            }
-
-            &__contact {
-                margin-top: 20px;
-
-                &__link {
-                    color: var(--c-light-blue-5);
-
-                    &:visited {
-                        color: var(--c-light-blue-5);
-                    }
-                }
-            }
-        }
-
-        &__login-link {
-            font-family: 'font_bold', sans-serif;
-            text-decoration: none;
-            font-size: 14px;
-            color: var(--c-light-blue-5);
-            margin-top: 50px;
-            padding-bottom: 50px;
-        }
-    }
-
-    @media screen and (width <= 750px) {
-
-        .register-success-area__container {
-            width: 100%;
-            padding: 60px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/SelectInput.vue b/web/satellite/src/components/common/SelectInput.vue
deleted file mode 100644
index 1b2f4c087be8..000000000000
--- a/web/satellite/src/components/common/SelectInput.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="input-wrap">
-        <div class="label-container">
-            <p v-if="label" class="label-container__label" :style="style.labelStyle">{{ label }}</p>
-        </div>
-        <input-caret v-if="optionsList.length > 0" class="select-input__caret" />
-        <select
-            v-model="value"
-            :style="style.inputStyle"
-            class="select-input"
-            @change="onInput"
-        >
-            <option
-                v-for="(option, index) in optionsList"
-                :key="index"
-                class="select-input__option"
-                :value="option"
-            >
-                {{ option }}
-            </option>
-        </select>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, ref } from 'vue';
-
-import InputCaret from '@/../static/images/common/caret.svg';
-
-const props = withDefaults(defineProps<{
-    label?: string;
-    height?: string;
-    width?: string;
-    optionsList?: string[];
-    isWhite?: boolean;
-}>(), {
-    label: '',
-    height: '48px',
-    width: '100%',
-    optionsList: () => [],
-    isWhite: false,
-});
-
-const emit = defineEmits(['setData']);
-
-const value = ref<string>('');
-
-/**
- * Returns style objects depends on props.
- */
-const style = computed((): Record<string, unknown> => {
-    return {
-        inputStyle: {
-            width: props.width,
-            height: props.height,
-        },
-        labelStyle: {
-            color: props.isWhite ? 'white' : '#354049',
-        },
-    };
-});
-
-/**
- * triggers on input.
- */
-function onInput(event: Event): void {
-    const target = event.target as HTMLSelectElement;
-    emit('setData', target.value);
-}
-
-onBeforeMount(() => {
-    value.value = props.optionsList ? props.optionsList[0] : '';
-    emit('setData', value.value);
-});
-</script>
-
-<style scoped lang="scss">
-    .input-wrap {
-        position: relative;
-        width: 100%;
-        font-family: 'font_regular', sans-serif;
-
-        .select-input {
-            font-size: 15px;
-            resize: none;
-            height: 48px;
-            padding: 0 30px 0 0;
-            text-indent: 18px;
-            border: 1px solid #ccc;
-            border-radius: 6px;
-            box-sizing: border-box;
-            appearance: none;
-            cursor: pointer;
-            transition: border-color 90ms ease-in-out;
-
-            &:hover {
-                border-color: var(--c-blue-6);
-            }
-
-            &__caret {
-                position: absolute;
-                right: 26px;
-                bottom: 20px;
-                cursor: pointer;
-            }
-        }
-    }
-
-    .label-container {
-        display: flex;
-        justify-content: flex-start;
-        align-items: flex-end;
-        padding-bottom: 8px;
-        flex-direction: row;
-
-        &__label {
-            font-size: 15px;
-            color: #354049;
-            margin-bottom: 0;
-        }
-    }
-
-</style>
diff --git a/web/satellite/src/components/common/TableItem.vue b/web/satellite/src/components/common/TableItem.vue
deleted file mode 100644
index e1f2449a22da..000000000000
--- a/web/satellite/src/components/common/TableItem.vue
+++ /dev/null
@@ -1,291 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <tr
-        class="item-container"
-        :class="{ 'selected': selected }"
-        @click="onClick"
-    >
-        <th v-if="selectable" class="icon select" @click.stop="selectClicked">
-            <v-table-checkbox v-if="!selectHidden" :disabled="selectDisabled || selectHidden" :value="selected" @selectClicked="selectClicked" />
-        </th>
-        <th
-            v-for="(val, keyVal, index) in item" :key="index" class="align-left data"
-            :class="{'overflow-visible': showBucketGuide(index)}"
-        >
-            <div v-if="Array.isArray(val)" class="few-items-container">
-                <div v-if="icon && index === 0 && itemType?.includes('project')" class="item-icon file-background" :class="customIconClasses">
-                    <component :is="icon" />
-                </div>
-                <div class="few-items">
-                    <p v-for="str in val" :key="str" class="array-val">{{ str }}</p>
-                </div>
-            </div>
-            <div v-else class="table-item">
-                <div v-if="icon && index === 0" class="item-icon file-background" :class="customIconClasses">
-                    <component :is="icon" />
-                </div>
-                <p v-if="keyVal === 'multi'" class="multi" :class="{primary: index === 0}" :title="val['title']" @click.stop="(e) => cellContentClicked(index, e)">
-                    <span class="multi__title">{{ val['title'] }}</span>
-                    <span class="multi__subtitle">{{ val['subtitle'] }}</span>
-                </p>
-                <p v-else :class="{primary: index === 0}" :title="val" @click.stop="(e) => cellContentClicked(index, e)">
-                    <middle-truncate v-if="keyVal === 'fileName'" :text="val" />
-                    <project-ownership-tag v-else-if="keyVal === 'role'" :no-icon="!isProjectRoleIconShown(val)" :role="val" />
-                    <span v-else>{{ val }}</span>
-                </p>
-                <div v-if="showBucketGuide(index)" class="animation">
-                    <span><span /></span>
-                    <BucketGuide :hide-guide="hideGuide" />
-                </div>
-            </div>
-        </th>
-        <slot name="options" />
-    </tr>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { ProjectRole } from '@/types/projectMembers';
-import { ObjectType } from '@/utils/objectIcon';
-
-import VTableCheckbox from '@/components/common/VTableCheckbox.vue';
-import BucketGuide from '@/components/objects/BucketGuide.vue';
-import MiddleTruncate from '@/components/browser/MiddleTruncate.vue';
-import ProjectOwnershipTag from '@/components/project/ProjectOwnershipTag.vue';
-
-const props = withDefaults(defineProps<{
-    selectDisabled?: boolean;
-    selectHidden?: boolean;
-    selected?: boolean;
-    selectable?: boolean;
-    showGuide?: boolean;
-    itemType?: string;
-    item?: object;
-    onClick?: (data?: unknown) => void;
-    hideGuide?: () => void;
-    // event for the first cell of this item.
-    onPrimaryClick?: (data?: unknown) => void;
-}>(), {
-    selectDisabled: false,
-    selectHidden: false,
-    selected: false,
-    selectable: false,
-    showGuide: false,
-    itemType: 'none',
-    item: () => ({}),
-    onClick: () => {},
-    hideGuide: () => {},
-    onPrimaryClick: undefined,
-});
-
-const emit = defineEmits(['selectClicked']);
-
-const icon = computed((): string => ObjectType.findIcon(props.itemType));
-
-const customIconClasses = computed(() => {
-    const classes = {};
-    if (props.itemType === 'project') {
-        classes['project-owner'] = true;
-    } else if (props.itemType === 'shared-project') {
-        classes['project-member'] = true;
-    }
-    return classes;
-});
-
-function isProjectRoleIconShown(role: ProjectRole) {
-    return props.itemType.includes('project') || role === ProjectRole.Invited || role === ProjectRole.InviteExpired;
-}
-
-function selectClicked(event: Event): void {
-    emit('selectClicked', event);
-}
-
-function showBucketGuide(index: number): boolean {
-    return (props.itemType?.toLowerCase() === 'bucket') && (index === 0) && props.showGuide;
-}
-
-function cellContentClicked(cellIndex: number, event: Event) {
-    if (cellIndex === 0 && props.onPrimaryClick) {
-        props.onPrimaryClick(event);
-        return;
-    }
-    // trigger default item onClick instead.
-    if (props.onClick) {
-        props.onClick();
-    }
-}
-</script>
-
-<style scoped lang="scss">
-    @mixin keyframes() {
-        @keyframes pulse {
-
-            0% {
-                opacity: 0.75;
-                transform: scale(1);
-            }
-
-            25% {
-                opacity: 0.75;
-                transform: scale(1);
-            }
-
-            100% {
-                opacity: 0;
-                transform: scale(2.5);
-            }
-        }
-    }
-
-    @include keyframes;
-
-    .animation {
-        border-radius: 50%;
-        height: 8px;
-        width: 8px;
-        margin-left: 23px;
-        margin-top: 5px;
-        background-color: #0149ff;
-        position: relative;
-
-        > span {
-            animation: pulse 1s linear infinite;
-            border-radius: 50%;
-            display: block;
-            height: 8px;
-            width: 8px;
-
-            > span {
-                animation: pulse 1s linear infinite;
-                border-radius: 50%;
-                display: block;
-                height: 8px;
-                width: 8px;
-            }
-        }
-
-        span {
-            background-color: rgb(1 73 255 / 2000%);
-
-            &:after {
-                background-color: rgb(1 73 255 / 2000%);
-            }
-        }
-    }
-
-    tr {
-        cursor: pointer;
-
-        &:hover {
-            background: var(--c-grey-1);
-
-            .table-item {
-
-                .primary {
-                    color: var(--c-blue-3);
-
-                    & > .multi__subtitle {
-                        color: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-
-        &.selected {
-            background: var(--c-yellow-1);
-
-            :deep(.select) {
-                background: var(--c-yellow-1);
-            }
-        }
-    }
-
-    .multi {
-        display: flex;
-        flex-direction: column;
-
-        &__title {
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-
-        &__subtitle {
-            font-family: 'font_regular', sans-serif;
-            font-size: 12px;
-            line-height: 20px;
-            color: var(--c-grey-6);
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-    }
-
-    .few-items-container {
-        display: flex;
-        align-items: center;
-
-        @media screen and (width <= 370px) {
-            max-width: 9rem;
-        }
-    }
-
-    .few-items {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-    }
-
-    .array-val {
-        font-family: 'font_regular', sans-serif;
-        font-size: 0.75rem;
-        line-height: 1.25rem;
-
-        &:first-of-type {
-            font-family: 'font_bold', sans-serif;
-            font-size: 0.875rem;
-            margin-bottom: 3px;
-        }
-    }
-
-    .table-item {
-        display: flex;
-        align-items: center;
-    }
-
-    .item-container {
-        position: relative;
-    }
-
-    .item-icon {
-        margin-right: 12px;
-        min-width: 18px;
-    }
-
-    .file-background {
-        background: var(--c-white);
-        border: 1px solid var(--c-grey-2);
-        padding: 2px;
-        border-radius: 8px;
-        height: 32px;
-        min-width: 32px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .project-owner {
-
-        :deep(path) {
-            fill: var(--c-purple-4);
-        }
-    }
-
-    .project-member {
-
-        :deep(path) {
-            fill: var(--c-yellow-5);
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/TablePagination.vue b/web/satellite/src/components/common/TablePagination.vue
deleted file mode 100644
index d794f44bd2ef..000000000000
--- a/web/satellite/src/components/common/TablePagination.vue
+++ /dev/null
@@ -1,345 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="pagination-container">
-        <span v-if="totalItemsCount > 0" class="pagination-container__label">{{ totalItemsCount }} {{ itemsLabel }}</span>
-        <span v-else class="pagination-container__label">No {{ itemsLabel }}</span>
-
-        <div v-if="simplePagination" class="pagination-container__pages">
-            <span
-                tabindex="0"
-                class="pagination-container__pages__button"
-                @click="prevPage"
-                @keyup.enter="prevPage"
-            >
-                <PaginationRightIcon class="pagination-container__pages__button__image reversed" />
-            </span>
-
-            <span
-                tabindex="0"
-                class="pagination-container__pages__button"
-                @click="nextPage"
-                @keyup.enter="nextPage"
-            >
-                <PaginationRightIcon class="pagination-container__pages__button__image" />
-            </span>
-        </div>
-        <div v-else-if="totalPageCount > 1" class="pagination-container__pages">
-            <template v-for="page of pageItems">
-                <span
-                    v-if="page.type === 'prev'"
-                    :key="page.type"
-                    tabindex="0"
-                    class="pagination-container__pages__button"
-                    @click="prevPage"
-                    @keyup.enter="prevPage"
-                >
-                    <PaginationRightIcon class="pagination-container__pages__button__image reversed" />
-                </span>
-                <span
-                    v-if="page.type === 'prev_3'"
-                    :key="page.type"
-                    tabindex="0"
-                    class="pagination-container__pages__label jumper"
-                    @click="() => goToPage(currentPageNumber - 3)"
-                    @keyup.enter="() => goToPage(currentPageNumber - 3)"
-                >...</span>
-                <span
-                    v-if="page.type === 'page'"
-                    :key="page.type + page.index"
-                    tabindex="0"
-                    class="pagination-container__pages__label index"
-                    :class="{selected: page.index === currentPageNumber}"
-                    @click="() => goToPage(page.index)"
-                    @keyup.enter="() => goToPage(page.index)"
-                >{{ page.index }}</span>
-                <span
-                    v-if="page.type === 'next_3'"
-                    :key="page.type"
-                    tabindex="0"
-                    class="pagination-container__pages__label jumper"
-                    @click="() => goToPage(currentPageNumber + 3)"
-                    @keyup.enter="() => goToPage(currentPageNumber + 3)"
-                >...</span>
-                <span
-                    v-if="page.type === 'next'"
-                    :key="page.type"
-                    tabindex="0"
-                    class="pagination-container__pages__button"
-                    @click="nextPage"
-                    @keyup.enter="nextPage"
-                >
-                    <PaginationRightIcon class="pagination-container__pages__button__image" />
-                </span>
-            </template>
-        </div>
-        <div v-else class="pagination-container__pages-placeholder" />
-
-        <table-size-changer
-            v-if="(limit && totalPageCount && totalItemsCount > 10) || simplePagination"
-            simple-pagination
-            :item-count="totalItemsCount"
-            :selected="pageSize"
-            @change="sizeChanged"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-
-import { PageChangeCallback } from '@/types/pagination';
-import { useLoading } from '@/composables/useLoading';
-
-import TableSizeChanger from '@/components/common/TableSizeChanger.vue';
-
-import PaginationRightIcon from '@/../static/images/common/tablePaginationArrowRight.svg';
-
-// Represents each type of item in the pagination component.
-interface PaginationControlItem {
-    index?: number;
-    type: 'page' | 'prev' | 'next' | 'next_3' | 'prev_3';
-}
-
-const { withLoading } = useLoading();
-
-const props = withDefaults(defineProps<{
-    itemsLabel?: string,
-    totalPageCount?: number;
-    limit?: number;
-    totalItemsCount?: number;
-    simplePagination?: boolean;
-    onPageChange?: PageChangeCallback | null;
-    onNextClicked?: (() => Promise<void>) | null;
-    onPreviousClicked?: (() => Promise<void>) | null;
-    onPageSizeChanged?: ((size: number) => Promise<void> | void) | null;
-    pageNumber?: number;
-}>(), {
-    itemsLabel: 'items',
-    totalPageCount: 0,
-    limit: 0,
-    totalItemsCount: 0,
-    simplePagination: false,
-    onPageChange: null,
-    onNextClicked: null,
-    onPreviousClicked: null,
-    onPageSizeChanged: null,
-    pageNumber: 1,
-});
-
-const currentPageNumber = ref<number>(1);
-const pageSize = ref<number>(props.limit || 10);
-
-/**
- * a list of pagination items in the form prev, jumper, page, page, page, jumper, next
- * ie: (< 1...4 5 6...10 >), (< 1 2 3...10 >) or (< ...8 9 10 >)
- * inspired by https://github.com/NG-ZORRO/ng-zorro-antd/blob/59143d241858a0a72e395f28bdaee55d1b4f6c6e/components/pagination/pagination-default.component.ts#L161-L213
- */
-const pageItems = computed((): PaginationControlItem[] => {
-    const pageIndex = currentPageNumber.value;
-    const lastIndex = props.totalPageCount ?? 10;
-    const prevItem: PaginationControlItem = { type: 'prev' };
-    const nextItem: PaginationControlItem = { type: 'next' };
-    const generatePages = (start: number, end: number): PaginationControlItem[] => {
-        const list: PaginationControlItem[] = [];
-        for (let i = start; i <= end; i++) {
-            list.push({ index: i, type: 'page' });
-        }
-        return list;
-    };
-    if (lastIndex > 4) {
-        // We try to show a max of 3 pages on the left/right apart from the first and last pages, separated by ellipses.
-        let rangedItems: PaginationControlItem[];
-        const prev3Item: PaginationControlItem = { type: 'prev_3' }; // ellipses
-        const next3Item: PaginationControlItem = { type: 'next_3' }; // ellipses
-        const firstPageItem = generatePages(1, 1);
-        const lastPageItem = generatePages(lastIndex, lastIndex);
-
-        if (pageIndex < 4) {
-            // If the 3rd is selected, a 4th page will be displayed. Without this, the 4th page will only be accessible by
-            // clicking next.
-            const maxLeft = pageIndex === 3 ? 4 : 3;
-            rangedItems = [...generatePages(2, maxLeft), next3Item];
-        } else if (pageIndex < lastIndex - 2) {
-            rangedItems = [prev3Item, ...generatePages(pageIndex - 1, pageIndex + 1), next3Item];
-        } else {
-            // If the 3rd from last is selected, one more page will be displayed.
-            const minRight = pageIndex === lastIndex - 2 ? lastIndex - 3 : lastIndex - 2;
-            rangedItems = [prev3Item, ...generatePages(minRight, lastIndex - 1)];
-        }
-        return [prevItem, ...firstPageItem, ...rangedItems, ...lastPageItem, nextItem];
-    }
-    // If the page count is 4 or less, we just display all of them.
-    return [prevItem, ...generatePages(1, lastIndex), nextItem];
-});
-
-const label = computed((): string => {
-    const currentMaxPage = currentPageNumber.value * props.limit > props.totalItemsCount ?
-        props.totalItemsCount
-        : currentPageNumber.value * props.limit;
-    return `${currentPageNumber.value * props.limit - props.limit + 1} - ${currentMaxPage} of ${props.totalItemsCount}`;
-});
-
-const isFirstPage = computed((): boolean => {
-    return currentPageNumber.value === 1;
-});
-
-const isLastPage = computed((): boolean => {
-    return currentPageNumber.value === props.totalPageCount;
-});
-
-function sizeChanged(size: number) {
-    withLoading(async () => {
-        if (props.simplePagination) {
-            if (!props.onPageSizeChanged) {
-                return;
-            }
-            await props.onPageSizeChanged(size);
-            pageSize.value = size;
-        }
-        // if the new size is large enough to cause the page index to be out of range
-        // we calculate an appropriate new page index.
-        const maxPage = Math.ceil(props.totalItemsCount / size);
-        const page = currentPageNumber.value > maxPage ? maxPage : currentPageNumber.value;
-        if (!props.onPageChange) {
-            return;
-        }
-        await props.onPageChange(page, size);
-        pageSize.value = size;
-        currentPageNumber.value = page;
-    });
-}
-
-async function goToPage(index?: number): Promise<void> {
-    if (index === undefined || index === currentPageNumber.value) {
-        return;
-    }
-    if (index < 1) {
-        index = 1;
-    } else if (index > (props.totalPageCount ?? 1)) {
-        index = props.totalPageCount ?? 1;
-    }
-    await withLoading(async () => {
-        if (!props.onPageChange || index === undefined) {
-            return;
-        }
-        await props.onPageChange(index, pageSize.value);
-        currentPageNumber.value = index;
-    });
-}
-
-/**
- * nextPage fires after 'next' arrow click.
- */
-async function nextPage(): Promise<void> {
-    await withLoading(async () => {
-        if (props.simplePagination && props.onNextClicked) {
-            await props.onNextClicked();
-            return;
-        }
-        if (isLastPage.value || !props.onPageChange) {
-            return;
-        }
-        await props.onPageChange(currentPageNumber.value + 1, pageSize.value);
-        currentPageNumber.value++;
-    });
-}
-
-/**
- * prevPage fires after 'previous' arrow click.
- */
-async function prevPage(): Promise<void> {
-    await withLoading(async () => {
-        if (props.simplePagination && props.onPreviousClicked) {
-            await props.onPreviousClicked();
-            return;
-        }
-        if (isFirstPage.value || !props.onPageChange) {
-            return;
-        }
-        await props.onPageChange(currentPageNumber.value - 1, pageSize.value);
-        currentPageNumber.value--;
-    });
-}
-
-watch(() => props.pageNumber, () => {
-    goToPage(props.pageNumber);
-});
-</script>
-
-<style scoped lang="scss">
-.pagination-container {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    align-items: center;
-
-    &__label {
-        font-family: 'font_regular', sans-serif;
-        color: var(--c-grey-5);
-    }
-
-    &__pages {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        user-select: none;
-
-        &__button {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            cursor: pointer;
-            width: 24px;
-            height: 24px;
-            box-sizing: border-box;
-
-            &:last-of-type {
-                margin-left: 2px;
-            }
-
-            &:hover {
-                border: 1px solid var(--c-grey-3);
-                border-radius: 5px;
-            }
-        }
-
-        &__label {
-            font-family: 'font_regular', sans-serif;
-            color: var(--c-grey-6);
-            text-align: center;
-            line-height: 24px;
-            padding: 2px 5px;
-            margin-left: 2px;
-            box-sizing: border-box;
-            border: 1px solid transparent;
-            cursor: pointer;
-
-            &:hover {
-                border-color: var(--c-grey-3);
-                border-radius: 5px;
-                line-height: 22px;
-            }
-
-            &.selected {
-                background: var(--c-grey-2);
-                border-color: var(--c-grey-3);
-                border-radius: 5px;
-                line-height: 22px;
-            }
-
-            @media only screen and (width <= 550px) {
-
-                &.index:not(.selected),
-                &.jumper {
-                    display: none;
-                }
-            }
-        }
-    }
-}
-
-.reversed {
-    transform: rotate(180deg);
-}
-</style>
diff --git a/web/satellite/src/components/common/TableSizeChanger.vue b/web/satellite/src/components/common/TableSizeChanger.vue
deleted file mode 100644
index 9218e0c44c41..000000000000
--- a/web/satellite/src/components/common/TableSizeChanger.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="size-changer">
-        <span class="size-changer__label">Show rows</span>
-        <div class="size-changer__selector">
-            <div tabindex="0" class="size-changer__selector__content" @keyup.enter="toggleSelector" @click.stop="toggleSelector">
-                <span v-if="selected" class="size-changer__selector__content__label">{{ selected }}</span>
-                <span v-else class="size-changer__selector__content__label">Size</span>
-                <arrow-down-icon class="size-changer__selector__content__arrow" :class="{ open: isOpen }" />
-            </div>
-            <div v-if="isOpen" v-click-outside="closeSelector" class="size-changer__selector__dropdown" :class="{ 'custom-top': !withAllOption }">
-                <div
-                    v-for="(option, index) in options"
-                    :key="index"
-                    tabindex="0"
-                    class="size-changer__selector__dropdown__item"
-                    :class="{ selected: isSelected(option.value) }"
-                    @click.stop="() => select(option.value)"
-                    @keyup.enter="() => select(option.value)"
-                >
-                    <span class="size-changer__selector__dropdown__item__label">{{ option.label }}</span>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-
-import ArrowDownIcon from '@/../static/images/common/dropIcon.svg';
-
-const appStore = useAppStore();
-
-const props = defineProps<{
-    selected: number | null;
-    itemCount?: number;
-    simplePagination?: boolean;
-}>();
-
-const emit = defineEmits<{
-    (e: 'change', size: number): void
-}>();
-
-const options = computed((): {label:string, value:number}[] => {
-    const opts = [
-        { label: '10', value: 10 },
-        { label: '25', value: 25 },
-        { label: '50', value: 50 },
-        { label: '100', value: 100 },
-    ];
-    if (props.itemCount && withAllOption.value) {
-        return [{ label: 'All', value: props.itemCount }, ...opts];
-    }
-    return opts;
-});
-
-const withAllOption = computed<boolean>(() => {
-    return props.itemCount !== undefined && props.itemCount < 1000 && !props.simplePagination;
-});
-
-/**
- * whether the selector drop down is open
- * */
-const isOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.PAGE_SIZE_SELECTOR;
-});
-
-/**
- * whether a size is currently selected.
- * @param size
- * */
-function isSelected(size: number): boolean {
-    if (!props.selected) {
-        return false;
-    }
-    return props.selected === size;
-}
-
-/**
- * select sends the new selection to a parent component.
- * @param size the new selection
- * */
-function select(size: number) {
-    emit('change', size);
-    closeSelector();
-}
-
-/**
- * closeSelector closes the selector dropdown.
- * */
-function closeSelector() {
-    appStore.closeDropdowns();
-}
-
-/**
- * toggleSelector closes or opens the selector dropdown
- * */
-function toggleSelector() {
-    if (isOpen.value) {
-        appStore.closeDropdowns();
-    } else {
-        appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.PAGE_SIZE_SELECTOR);
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.size-changer {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    font-family: 'font-medium', sans-serif;
-    color: var(--c-grey-6);
-
-    &__label {
-        margin-right: 10px;
-
-        @media only screen and (width <= 768px) {
-            display: none;
-        }
-    }
-
-    &__selector {
-        border: 1px solid var(--c-grey-3);
-        width: 65px;
-        border-radius: 6px;
-        box-sizing: border-box;
-
-        &__content {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            position: relative;
-            padding: 5px 14px;
-
-            &__label {
-                font-family: 'font_regular', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-                cursor: default;
-            }
-
-            &__arrow {
-                transition-duration: 0.5s;
-
-                &.open {
-                    transform: rotate(180deg) scaleX(-1);
-                }
-            }
-        }
-
-        &__dropdown {
-            position: absolute;
-            top: -190px;
-            background: var(--c-white);
-            z-index: 999;
-            box-sizing: border-box;
-            box-shadow: 0 -2px 16px rgb(0 0 0 / 10%);
-            border-radius: 8px;
-            border: 1px solid var(--c-grey-2);
-            width: 60px;
-
-            &__item {
-                padding: 10px;
-
-                &__label {
-                    cursor: default;
-                }
-
-                &.selected {
-                    background: var(--c-grey-1);
-                }
-
-                &:first-of-type {
-                    border-top-right-radius: 8px;
-                    border-top-left-radius: 8px;
-                }
-
-                &:last-of-type {
-                    border-bottom-right-radius: 8px;
-                    border-bottom-left-radius: 8px;
-                }
-
-                &:hover {
-                    background: var(--c-grey-2);
-                }
-            }
-        }
-    }
-}
-
-.custom-top {
-    top: -150px;
-}
-</style>
diff --git a/web/satellite/src/components/common/VBanner.vue b/web/satellite/src/components/common/VBanner.vue
deleted file mode 100644
index 22f01566e092..000000000000
--- a/web/satellite/src/components/common/VBanner.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div
-        v-if="isShown && bannerWidth > 0"
-        class="notification-wrap"
-        :class="{ warning: severity === 'warning', critical: severity === 'critical' }"
-        @click="onClick"
-    >
-        <InfoIcon class="notification-wrap__icon" />
-        <div class="notification-wrap__text">
-            <p>
-                <span class="notification-wrap__text__title">{{ title }}</span>
-                {{ message }}
-            </p>
-            <template v-if="linkText">
-                <a
-                    v-if="href"
-                    class="notification-wrap__text__link"
-                    :href="href"
-                    target="_blank"
-                    rel="noreferrer noopener"
-                    @click.stop="onLinkClick"
-                >
-                    {{ linkText }}
-                </a>
-                <p v-else class="notification-wrap__text__link" @click.stop="onLinkClick">{{ linkText }}</p>
-            </template>
-        </div>
-        <CloseIcon class="notification-wrap__close" @click.stop="closeClicked" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, onUnmounted, ref, watch } from 'vue';
-
-import InfoIcon from '@/../static/images/notifications/info.svg';
-import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
-
-const props = withDefaults(defineProps<{
-    severity?: 'info' | 'warning' | 'critical';
-    title?: string;
-    message?: string;
-    linkText?: string;
-    href?: string;
-    onClick?: () => void;
-    onLinkClick?: () => void;
-    onClose?: () => void;
-    dashboardRef: HTMLElement;
-}>(), {
-    severity: 'info',
-    title: '',
-    message: '',
-    linkText: '',
-    href: '',
-    onClick: () => {},
-    onLinkClick: () => {},
-    onClose: () => {},
-});
-
-const isShown = ref<boolean>(true);
-const bannerWidth = ref<number>(0);
-const resizeObserver = ref<ResizeObserver>();
-
-function closeClicked(): void {
-    isShown.value = false;
-    props.onClose();
-}
-
-function onBannerResize(): void {
-    bannerWidth.value = props.dashboardRef.offsetWidth;
-}
-
-function setResizable(): void {
-    resizeObserver.value?.observe(props.dashboardRef);
-}
-
-onMounted((): void => {
-    resizeObserver.value = new ResizeObserver(onBannerResize);
-
-    if (props.dashboardRef) {
-        setResizable();
-        onBannerResize();
-    }
-});
-
-onUnmounted((): void => {
-    resizeObserver.value?.unobserve(props.dashboardRef);
-});
-
-watch(() => props.dashboardRef, () => {
-    setResizable();
-    onBannerResize();
-});
-</script>
-
-<style scoped lang="scss">
-.notification-wrap {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1.375rem;
-    font-family: 'font_regular', sans-serif;
-    background-color: var(--c-light-blue-1);
-    border: 1px solid var(--c-light-blue-2);
-    border-radius: 10px;
-    box-shadow: 0 7px 20px rgba(0 0 0 / 15%);
-
-    @media screen and (width <= 450px) {
-        flex-direction: column;
-        align-items: flex-start;
-        row-gap: 10px;
-        position: relative;
-    }
-
-    &__icon {
-        flex-shrink: 0;
-        margin-right: 1.375rem;
-
-        :deep(path) {
-            fill: var(--c-blue-4);
-        }
-    }
-
-    &.warning {
-        background-color: var(--c-yellow-1);
-        border: 1px solid var(--c-yellow-2);
-
-        :deep(.icon-path) {
-            fill: var(--c-yellow-5) !important;
-        }
-    }
-
-    &.critical {
-        background-color: var(--c-pink-1);
-        border: 1px solid var(--c-pink-2);
-
-        :deep(.icon-path) {
-            fill: var(--c-pink-4);
-        }
-    }
-
-    &__text {
-        width: 100%;
-        text-align: left;
-        word-break: normal;
-        font-size: 1rem;
-        line-height: 1.625rem;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 10px;
-
-        @media screen and (width <= 500px) {
-            flex-direction: column;
-        }
-
-        &__title {
-            font-family: 'font_medium', sans-serif;
-        }
-
-        &__link {
-            color: black;
-            text-decoration: underline !important;
-            white-space: nowrap;
-            cursor: pointer;
-        }
-    }
-
-    &__close {
-        width: 15px;
-        height: 15px;
-        margin-left: 2.375rem;
-        cursor: pointer;
-        flex-shrink: 0;
-
-        @media screen and (width <= 450px) {
-            position: absolute;
-            right: 20px;
-            top: 20px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/common/VBar.vue b/web/satellite/src/components/common/VBar.vue
deleted file mode 100644
index 460987ba6864..000000000000
--- a/web/satellite/src/components/common/VBar.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="bar-container">
-        <div class="bar-container__fill" :style="barFillStyle" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-/**
- * BarFillStyle class holds info for BarFillStyle entity.
- */
-class BarFillStyle {
-    'background-color': string;
-    width: string;
-
-    public constructor(backgroundColor: string, width: string) {
-        this['background-color'] = backgroundColor;
-        this.width = width;
-    }
-}
-
-const props = withDefaults(defineProps<{
-    current?: number;
-    max?: number;
-    color?: string;
-}>(), {
-    current: 0,
-    max: 0,
-    color: '#0068DC',
-});
-
-const barFillStyle = computed((): BarFillStyle => {
-    if (props.current > props.max) {
-        return new BarFillStyle(props.color, '100%');
-    }
-
-    const width = (props.current / props.max) * 100 + '%';
-
-    return new BarFillStyle(props.color, width);
-});
-</script>
-
-<style scoped lang="scss">
-    .bar-container {
-        width: 100%;
-        height: 13px;
-        margin-top: 10px;
-        border-radius: 4px;
-        background-color: #f4f6f9;
-        position: relative;
-
-        &__fill {
-            max-width: 100%;
-            height: 100%;
-            position: absolute;
-            left: 0;
-            top: 0;
-            border-radius: 20px;
-        }
-    }
-</style>
-
diff --git a/web/satellite/src/components/common/VButton.vue b/web/satellite/src/components/common/VButton.vue
deleted file mode 100644
index c7b42e7a96ab..000000000000
--- a/web/satellite/src/components/common/VButton.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <!-- if isDisabled check onPress in parent element -->
-    <a
-        v-if="link"
-        class="container"
-        :href="link"
-        :class="containerClassName"
-        :style="style"
-        tabindex="0"
-        target="_blank"
-        rel="noopener noreferrer"
-        @click="onPress"
-    >
-        <div class="icon-wrapper">
-            <slot name="icon" />
-        </div>
-        <span class="label" :class="{uppercase: isUppercase}">
-            <component :is="iconComponent" v-if="iconComponent" />
-            <span v-if="icon !== 'none'">&nbsp;&nbsp;</span>
-            {{ label }}
-        </span>
-        <div class="icon-wrapper-right">
-            <slot name="icon-right" />
-        </div>
-    </a>
-    <div
-        v-else
-        class="container"
-        :class="containerClassName"
-        :style="style"
-        tabindex="0"
-        @click="handleClick"
-        @keyup.enter="handleClick"
-    >
-        <div class="icon-wrapper">
-            <slot name="icon" />
-        </div>
-        <span class="label" :class="{uppercase: isUppercase}">
-            <component :is="iconComponent" v-if="iconComponent" />
-            <span v-if="icon !== 'none'">&nbsp;&nbsp;</span>
-            <slot />
-            {{ label }}
-        </span>
-        <div class="icon-wrapper-right">
-            <slot name="icon-right" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import WhitePlusIcon from '@/../static/images/common/plusWhite.svg';
-import AddCircleIcon from '@/../static/images/common/addCircle.svg';
-import CopyIcon from '@/../static/images/common/copyButtonIcon.svg';
-import CheckIcon from '@/../static/images/common/check.svg';
-import TrashIcon from '@/../static/images/accessGrants/trashIcon.svg';
-import LockIcon from '@/../static/images/common/lockIcon.svg';
-import CreditCardIcon from '@/../static/images/common/creditCardIcon-white.svg';
-import DocumentIcon from '@/../static/images/common/documentIcon.svg';
-import DownloadIcon from '@/../static/images/common/download.svg';
-import FolderIcon from '@/../static/images/objects/newFolder.svg';
-import ResourcesIcon from '@/../static/images/navigation/resources.svg';
-import UploadIcon from '@/../static/images/common/upload.svg';
-import ProjectIcon from '@/../static/images/navigation/project.svg';
-import BackIcon from '@/../static/images/common/arrowLeft.svg';
-import DatepickerIcon from '@/../static/images/project/datepicker.svg';
-
-const props = withDefaults(defineProps<{
-    link?: string;
-    label?: string;
-    width?: string;
-    height?: string;
-    fontSize?: string;
-    borderRadius?: string;
-    icon?: string;
-    isOrange?: boolean;
-    isWhite?: boolean;
-    isSolidDelete?: boolean;
-    isTransparent?: boolean;
-    isDeletion?: boolean;
-    isGreyBlue?: boolean;
-    isBlueWhite?: boolean;
-    isWhiteGreen?: boolean;
-    isGreen?: boolean;
-    isDisabled?: boolean;
-    isUppercase?: boolean;
-    onPress?: () => void;
-}>(), {
-    link: undefined,
-    label: '',
-    width: 'inherit',
-    height: 'inherit',
-    fontSize: '16px',
-    borderRadius: '6px',
-    icon: 'none',
-    isOrange: false,
-    isWhite: false,
-    isSolidDelete: false,
-    isTransparent: false,
-    isDeletion: false,
-    isGreyBlue: false,
-    isBlueWhite: false,
-    isWhiteGreen: false,
-    isGreen: false,
-    isDisabled: false,
-    isUppercase: false,
-    onPress: () => {},
-});
-
-const icons = new Map<string, string>([
-    ['copy', CopyIcon],
-    ['check', CheckIcon],
-    ['download', DownloadIcon],
-    ['lock', LockIcon],
-    ['credit-card', CreditCardIcon],
-    ['document', DocumentIcon],
-    ['trash', TrashIcon],
-    ['folder', FolderIcon],
-    ['resources', ResourcesIcon],
-    ['addcircle', AddCircleIcon],
-    ['add', WhitePlusIcon],
-    ['upload', UploadIcon],
-    ['project', ProjectIcon],
-    ['back', BackIcon],
-    ['date', DatepickerIcon],
-]);
-
-const iconComponent = computed((): string | undefined => icons.get(props.icon.toLowerCase()));
-
-const containerClassName = computed((): string => {
-    if (props.isDisabled) return 'disabled';
-
-    if (props.isWhite) return 'white';
-
-    if (props.isOrange) return 'orange';
-
-    if (props.isSolidDelete) return 'solid-red';
-
-    if (props.isTransparent) return 'transparent';
-
-    if (props.isDeletion) return 'red';
-
-    if (props.isGreyBlue) return 'grey-blue';
-
-    if (props.isBlueWhite) return 'blue-white';
-
-    if (props.isWhiteGreen) return 'white-green';
-
-    if (props.isGreen) return 'green';
-
-    return '';
-});
-
-const style = computed(() => {
-    return { width: props.width, height: props.height, borderRadius: props.borderRadius, fontSize: props.fontSize };
-});
-
-/**
- * This wrapper handles button's disabled state for accessibility purposes.
- */
-function handleClick(): void {
-    if (!props.isDisabled) {
-        props.onPress();
-    }
-}
-</script>
-
-<style scoped lang="scss">
-    .label {
-        display: flex;
-        align-items: center;
-    }
-
-    .transparent {
-        background-color: transparent !important;
-        border: 1px solid #afb7c1 !important;
-
-        .label {
-            color: #354049 !important;
-        }
-
-        :deep(path),
-        :deep(rect) {
-            fill: #354049 !important;
-        }
-    }
-
-    .solid-red {
-        background-color: var(--c-red-2) !important;
-        border: 1px solid var(--c-red-2) !important;
-
-        .label {
-            color: #fff !important;
-        }
-
-        &:hover {
-            background-color: var(--c-red-3) !important;
-            border: 1px solid var(--c-red-3) !important;
-        }
-    }
-
-    .white {
-        background-color: #fff !important;
-        border: 1px solid var(--c-grey-3) !important;
-
-        .label {
-            color: #354049 !important;
-        }
-
-        :deep(path),
-        :deep(rect) {
-            fill: #354049 !important;
-        }
-    }
-
-    .blue-white {
-        background-color: #fff !important;
-        border: 2px solid #2683ff !important;
-
-        .label {
-            color: #2683ff !important;
-        }
-    }
-
-    .white-green {
-        background-color: transparent !important;
-        border: 1px solid #d8dee3 !important;
-
-        .label {
-            color: var(--c-green-5) !important;
-        }
-
-        :deep(path),
-        :deep(rect) {
-            fill: var(--c-green-5) !important;
-        }
-    }
-
-    .green {
-        background-color: var(--c-green-5) !important;
-    }
-
-    .grey-blue {
-        background-color: #fff !important;
-        border: 2px solid #d9dbe9 !important;
-
-        .label {
-            color: var(--c-blue-3) !important;
-        }
-    }
-
-    .disabled {
-        background-color: var(--c-grey-5) !important;
-        border-color: var(--c-grey-5) !important;
-        pointer-events: none !important;
-
-        .label {
-            color: var(--c-white) !important;
-        }
-    }
-
-    .red {
-        background-color: #fff3f2 !important;
-        border: 2px solid #e30011 !important;
-
-        .label {
-            color: #e30011 !important;
-        }
-    }
-
-    .orange {
-        background-color: #ff8a00 !important;
-        border: 2px solid #ff8a00 !important;
-    }
-
-    .container {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: var(--c-blue-3);
-        cursor: pointer;
-        box-sizing: border-box;
-        transition: background-color 100ms ease-in-out;
-
-        :deep(path),
-        :deep(rect) {
-            fill: var(--c-white);
-        }
-
-        .trash-icon {
-            margin-right: 5px;
-        }
-
-        .icon-wrapper {
-            display: flex;
-
-            &:not(:empty) {
-                margin-right: 8px;
-            }
-        }
-
-        .icon-wrapper-right {
-            display: flex;
-
-            &:not(:empty) {
-                margin-left: 8px;
-            }
-        }
-
-        .label {
-            font-family: 'font_medium', sans-serif;
-            color: #fff;
-            margin: 0;
-            white-space: nowrap;
-        }
-
-        &:hover {
-            background-color: var(--c-blue-5);
-
-            &.transparent,
-            &.blue-white {
-                box-shadow: none !important;
-                background-color: #2683ff !important;
-                border: 1px solid #2683ff !important;
-
-                :deep(path),
-                :deep(rect) {
-                    fill: white !important;
-                }
-
-                .label {
-                    color: white !important;
-                }
-            }
-
-            &.white {
-                box-shadow: none !important;
-                border: 1px solid var(--c-blue-3) !important;
-
-                :deep(path),
-                :deep(rect) {
-                    fill: var(--c-blue-3) !important;
-                }
-
-                .label {
-                    color: var(--c-blue-3) !important;
-                }
-            }
-
-            &.grey-blue {
-                background-color: #2683ff !important;
-                border-color: #2683ff !important;
-
-                .label {
-                    color: white !important;
-                }
-            }
-
-            &.blue-white {
-                border: 2px solid #2683ff !important;
-            }
-
-            &.red {
-                box-shadow: none !important;
-                background-color: transparent !important;
-
-                .label {
-                    color: #eb5757 !important;
-                }
-            }
-
-            &.orange {
-                background-color: #c16900 !important;
-                border-color: #c16900 !important;
-            }
-
-            &.white-green {
-                background-color: var(--c-green-4) !important;
-            }
-
-            &.green {
-                background-color: #008a1e !important;
-            }
-
-            &.disabled {
-                box-shadow: none !important;
-                background-color: #dadde5 !important;
-
-                .label {
-                    color: #acb0bc !important;
-                }
-
-                &:hover {
-                    cursor: default;
-                }
-            }
-        }
-    }
-
-    .uppercase {
-        text-transform: uppercase;
-    }
-</style>
diff --git a/web/satellite/src/components/common/VCheckbox.vue b/web/satellite/src/components/common/VCheckbox.vue
deleted file mode 100644
index b0a86545f204..000000000000
--- a/web/satellite/src/components/common/VCheckbox.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="wrap">
-        <label class="container">
-            <input id="checkbox" v-model="checked" class="checkmark-input" type="checkbox" @change="onChange">
-            <span class="checkmark" :class="{'error': isCheckboxError}" />
-        </label>
-        <label v-if="label" class="label" for="checkbox">{{ label }}</label>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const props = withDefaults(defineProps<{
-    isCheckboxError?: boolean;
-    label?: string;
-}>(), {
-    isCheckboxError: false,
-    label: '',
-});
-
-const emit = defineEmits(['setData']);
-
-const checked = ref<boolean>(false);
-
-/**
- * Emits value to parent component.
- */
-function onChange(): void {
-    emit('setData', checked.value);
-}
-</script>
-
-<style scoped lang="scss">
-    .wrap {
-        display: flex;
-        align-items: center;
-        width: 100%;
-    }
-
-    .container {
-        display: block;
-        position: relative;
-        padding-left: 15px;
-        height: 20px;
-        width: 20px;
-        cursor: pointer;
-        user-select: none;
-        outline: none;
-    }
-
-    .container .checkmark-input {
-        position: absolute;
-        opacity: 0;
-        cursor: pointer;
-        height: 0;
-        width: 0;
-    }
-
-    .checkmark {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 20px;
-        width: 20px;
-        border: 2px solid rgb(56 75 101 / 40%);
-        border-radius: 4px;
-        box-sizing: border-box;
-    }
-
-    .checkmark:after {
-        content: '';
-        position: absolute;
-        display: none;
-    }
-
-    .container .checkmark:after {
-        left: 4px;
-        top: 0;
-        width: 5px;
-        height: 10px;
-        border: solid white;
-        border-width: 0 3px 3px 0;
-        transform: rotate(45deg);
-    }
-
-    .container:hover .checkmark-input ~ .checkmark {
-        background-color: #ccc;
-    }
-
-    .container .checkmark-input:checked ~ .checkmark {
-        border: 2px solid #376fff;
-        background-color: #376fff;
-    }
-
-    .checkmark.error {
-        border-color: red;
-    }
-
-    .container .checkmark-input:checked ~ .checkmark:after {
-        display: block;
-    }
-
-    .label {
-        cursor: pointer;
-        font-size: 14px;
-    }
-</style>
diff --git a/web/satellite/src/components/common/VChip.vue b/web/satellite/src/components/common/VChip.vue
deleted file mode 100644
index 50fa23897a5c..000000000000
--- a/web/satellite/src/components/common/VChip.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="chip" :class="{selected: isSelected}" @click="emits('select')">
-        <component :is="icon" v-if="icon" class="chip__icon" />
-
-        <span class="chip__text"> {{ label }} </span>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { Component } from 'vue';
-
-const props = withDefaults(defineProps<{
-    label: string,
-    isSelected?: boolean,
-    icon?: string,
-}>(), {
-    isSelected: false,
-    icon: undefined,
-    label: '',
-});
-
-const emits = defineEmits(['select']);
-
-</script>
-
-<style scoped lang="scss">
-.chip {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 2px;
-    padding: 0 8px;
-    border-radius: 24px;
-    color: var(--c-grey-6);
-    background: var(--c-white);
-    cursor: pointer;
-
-    :deep(path) {
-        fill: var(--c-grey-6);
-    }
-
-    :deep(rect) {
-        fill: var(--c-grey-6);
-    }
-
-    &__text {
-        font-family: 'font_regular', sans-serif;
-        font-size: 12px;
-        line-height: 20px;
-        font-weight: 700;
-        text-transform: uppercase;
-    }
-
-    &.selected {
-        color: var(--c-black);
-        background: var(--c-grey-2);
-
-        :deep(path),
-        :deep(rect) {
-            fill: var(--c-black);
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/common/VDatePicker.vue b/web/satellite/src/components/common/VDatePicker.vue
deleted file mode 100644
index a49d2ed73fcb..000000000000
--- a/web/satellite/src/components/common/VDatePicker.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VueDatePicker
-        aria-roledescription="datepicker"
-        :open="true"
-        :value="date"
-        :editable="false"
-        :clearable="false"
-        :append-to-body="false"
-        popup-class="picker"
-        :popup-style="{position: 'relative', left: 0, top: 0}"
-        @change="onDatePick"
-    />
-</template>
-
-<script setup lang="ts">
-import VueDatePicker from 'vue-datepicker-next';
-
-const props = withDefaults(defineProps<{
-    onDatePick?: (date: Date) => void;
-    date?: Date;
-}>(), {
-    onDatePick: () => () => false,
-    date: () => new Date(),
-});
-</script>
diff --git a/web/satellite/src/components/common/VDateRangePicker.vue b/web/satellite/src/components/common/VDateRangePicker.vue
deleted file mode 100644
index 1c2d531a2b18..000000000000
--- a/web/satellite/src/components/common/VDateRangePicker.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VueDatePicker
-        aria-roledescription="datepicker"
-        range
-        :open="isOpen"
-        :value="dateRange"
-        :editable="false"
-        :clearable="false"
-        :append-to-body="false"
-        popup-class="picker"
-        :popup-style="{position: 'relative', left: 0, top: 0}"
-        @change="onDatePick"
-    />
-</template>
-
-<script setup lang="ts">
-import VueDatePicker from 'vue-datepicker-next';
-
-const props = withDefaults(defineProps<{
-    isOpen?: boolean;
-    onDatePick?: (dateRange: Date[]) => void;
-    dateRange?: Date[];
-}>(), {
-    isOpen: false,
-    onDatePick: () => () => false,
-    dateRange: () => [],
-});
-</script>
-
-<style lang="scss">
-    @import 'vue-datepicker-next/index.css';
-
-    .mx-input-wrapper {
-        display: none;
-    }
-
-    .mx-datepicker-popup {
-        box-shadow: unset;
-    }
-
-    .mx-calendar {
-        width: 100%;
-    }
-
-    .picker,
-    .mx-datepicker,
-    .mx-range-wrapper {
-        border: none;
-        border-radius: 8px;
-        cursor: default;
-        width: 100%;
-    }
-
-    .mx-date-row {
-        height: 40px;
-    }
-
-    .mx-table th {
-        color: var(--c-grey-4);
-    }
-
-    .mx-table-date .cell.not-current-month {
-        color: var(--c-grey-5);
-    }
-
-    .mx-calendar-content .cell {
-        font-size: 12px;
-        line-height: 18px;
-        color: var(--c-black);
-    }
-
-    .mx-calendar-content .cell.in-range {
-        color: var(--c-black);
-        background-color: var(--c-blue-1);
-        border-radius: 999px;
-    }
-
-    .mx-calendar-content .cell.active {
-        background-color: var(--c-blue-3);
-        border-radius: 999px;
-    }
-
-    .mx-calendar-content {
-        height: unset;
-    }
-
-    .mx-btn-current-month,
-    .mx-btn-current-year {
-        pointer-events: none;
-        font-family: 'font_medium', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-    }
-
-    .mx-btn:hover {
-        border-color: var(--c-black);
-        color: var(--c-black);
-    }
-
-    .mx-btn-icon-double-right,
-    .mx-btn-icon-double-left {
-        display: none;
-    }
-
-    .mx-icon-left:before,
-    .mx-icon-right:before {
-        width: 20px;
-        height: 20px;
-        border-width: 4px 0 0 4px;
-    }
-
-    @media screen and (width <= 768px) {
-
-        .range-selection__popup {
-            width: 320px !important;
-        }
-
-        .mx-range-wrapper {
-            flex-direction: column;
-        }
-
-        .mx-calendar + .mx-calendar {
-            border-left: none;
-            border-top: 1px solid #e8e8e8;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/VInfo.vue b/web/satellite/src/components/common/VInfo.vue
deleted file mode 100644
index a96c0452c825..000000000000
--- a/web/satellite/src/components/common/VInfo.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="info" @mouseenter="toggleVisibility" @mouseleave="toggleVisibility">
-        <slot name="icon" :on-space="toggleVisibility" />
-        <div v-if="isVisible" class="info__box">
-            <div class="info__box__arrow" />
-            <div class="info__box__message">
-                <h1 v-if="title" class="info__box__message__title">{{ title }}</h1>
-                <slot name="message" />
-                <VButton
-                    v-if="buttonLabel"
-                    class="info__box__message__button"
-                    :label="buttonLabel"
-                    height="42px"
-                    border-radius="52px"
-                    :is-uppercase="true"
-                    :on-press="onClick"
-                />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import VButton from '@/components/common/VButton.vue';
-
-const props = withDefaults(defineProps<{
-    title?: string;
-    buttonLabel?: string;
-    onButtonClick?: () => unknown;
-}>(), {
-    title: '',
-    buttonLabel: '',
-    onButtonClick: () => () => false,
-});
-
-const isVisible = ref<boolean>(false);
-
-/**
- * Toggles bubble visibility.
- */
-function toggleVisibility(): void {
-    isVisible.value = !isVisible.value;
-}
-
-/**
- * Holds on button click logic.
- */
-function onClick(): void {
-    props.onButtonClick();
-    toggleVisibility();
-}
-</script>
-
-<style scoped lang="scss">
-    .info {
-        position: relative;
-
-        &__box {
-            position: absolute;
-            top: calc(100% + 10px);
-            left: calc(50% + 1px);
-            transform: translate(-50%);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            filter: drop-shadow(0 0 34px #0a1b2c47);
-            z-index: 1;
-
-            &__arrow {
-                background-color: white;
-                width: 40px;
-                height: 40px;
-                border-radius: 4px 0 0;
-                transform: scale(1, 0.85) translate(0, 20%) rotate(45deg);
-                margin-bottom: -15px;
-            }
-
-            &__message {
-                box-sizing: border-box;
-                background-color: white;
-                padding: 24px;
-                border-radius: 20px;
-
-                &__title {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 14px;
-                    line-height: 32px;
-                    color: #000;
-                    margin-bottom: 10px;
-                }
-
-                &__button {
-                    margin-top: 20px;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/VInput.vue b/web/satellite/src/components/common/VInput.vue
deleted file mode 100644
index e05b97474e90..000000000000
--- a/web/satellite/src/components/common/VInput.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="input-container" :aria-roledescription="roleDescription">
-        <div v-if="!isOptional" class="label-container">
-            <div class="label-container__main">
-                <ErrorIcon v-if="error" class="label-container__error-icon" />
-                <h3 v-if="!error" class="label-container__main__label">
-                    <span>{{ label }}</span>
-                    <span class="add-label">{{ additionalLabel }}</span>
-                </h3>
-                <h3 v-if="error" class="label-container__main__error">{{ error }}</h3>
-                <div v-if="isLoading" class="loader" />
-            </div>
-            <h3 v-if="isLimitShown" class="label-container__limit">{{ currentLimit }}/{{ maxSymbols }}</h3>
-        </div>
-        <div v-if="isOptional" class="optional-label-container">
-            <h3 class="label-container__label">{{ label }}</h3>
-            <h4 class="optional-label-container__optional">Optional</h4>
-        </div>
-        <textarea
-            v-if="isMultiline"
-            :id="label"
-            v-model="value"
-            class="textarea"
-            :placeholder="placeholder"
-            :style="style.inputStyle"
-            :rows="5"
-            :cols="40"
-            :maxlength="maxSymbols"
-            :disabled="disabled"
-            :autocomplete="autocomplete"
-            wrap="hard"
-            @input="onInput"
-            @change="onInput"
-        />
-        <input
-            v-if="!isMultiline"
-            :id="label"
-            v-model="value"
-            class="input"
-            :class="{'password-input' : isPassword}"
-            :placeholder="placeholder"
-            :type="type"
-            :style="style.inputStyle"
-            :maxlength="maxSymbols"
-            :disabled="disabled"
-            :autocomplete="autocomplete"
-            @input="onInput"
-            @change="onInput"
-            @focus="showPasswordStrength"
-            @blur="hidePasswordStrength"
-        >
-
-        <!--2 conditions of eye image (crossed or not) -->
-        <PasswordHiddenIcon
-            v-if="isPasswordHiddenState"
-            class="input-container__image"
-            @click="changeVision"
-        />
-        <PasswordShownIcon
-            v-if="isPasswordShownState"
-            class="input-container__image"
-            @click="changeVision"
-        />
-        <!-- end of image-->
-    </div>
-</template>
-
-<script setup lang="ts">
-
-import { computed, onBeforeMount, ref, watch } from 'vue';
-
-import ErrorIcon from '@/../static/images/register/ErrorInfo.svg';
-import PasswordShownIcon from '@/../static/images/common/passwordShown.svg';
-import PasswordHiddenIcon from '@/../static/images/common/passwordHidden.svg';
-
-const textType = 'text';
-const passwordType = 'password';
-
-const props = withDefaults(defineProps<{
-    additionalLabel?: string,
-    initValue?: string,
-    label?: string,
-    height?: string,
-    width?: string,
-    error?: string,
-    placeholder?: string,
-    roleDescription?: string,
-    currentLimit?: number,
-    maxSymbols?: number,
-    isOptional?: boolean,
-    isLimitShown?: boolean,
-    isMultiline?: boolean,
-    isLoading?: boolean,
-    isPassword?: boolean,
-    isWhite?: boolean,
-    withIcon?: boolean,
-    disabled?: boolean,
-    autocomplete?: string,
-}>(), {
-    additionalLabel: '',
-    initValue: '',
-    placeholder: '',
-    label: '',
-    error: '',
-    roleDescription: 'input-container',
-    height: '48px',
-    width: '100%',
-    currentLimit: 0,
-    maxSymbols: Number.MAX_SAFE_INTEGER,
-    isOptional: false,
-    isLimitShown: false,
-    isLoading: false,
-    isPassword: false,
-    isWhite: false,
-    withIcon: false,
-    disabled: false,
-    autocomplete: 'off',
-});
-
-const emit = defineEmits<{
-    showPasswordStrength: [];
-    hidePasswordStrength: [];
-    setData: [data: string];
-}>();
-
-const value = ref('');
-const isPasswordShown = ref(false);
-const type = ref(textType);
-
-const isPasswordHiddenState = computed(() => {
-    return props.isPassword && !isPasswordShown.value;
-});
-
-const isPasswordShownState = computed(() => {
-    return props.isPassword && isPasswordShown.value;
-});
-
-/**
- * Returns style objects depends on props.
- */
-const style = computed(() => {
-    return {
-        inputStyle: {
-            width: props.width,
-            height: props.height,
-            padding: props.withIcon ? '0 30px 0 50px' : '',
-        },
-        labelStyle: {
-            color: props.isWhite ? 'white' : '#354049',
-        },
-        errorStyle: {
-            color: props.isWhite ? 'white' : '#FF5560',
-        },
-    };
-});
-
-function showPasswordStrength(): void {
-    emit('showPasswordStrength');
-}
-
-function hidePasswordStrength(): void {
-    emit('hidePasswordStrength');
-}
-
-/**
- * triggers on input.
- */
-function onInput(event: Event): void {
-    const target = event.target as HTMLInputElement;
-    value.value = target.value;
-
-    emit('setData', target.value);
-}
-
-/**
- * Triggers input type between text and password to show/hide symbols.
- */
-function changeVision(): void {
-    isPasswordShown.value = !isPasswordShown.value;
-    type.value = isPasswordShown.value ? textType : passwordType;
-}
-
-watch(() => props.initValue, (val, oldVal) => {
-    if (val === oldVal) return;
-    value.value = val;
-});
-
-onBeforeMount(() => {
-    type.value = props.isPassword ? passwordType : textType;
-
-    if (props.initValue) {
-        value.value = props.initValue;
-        emit('setData', props.initValue);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .input-container {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        margin-top: 20px;
-        width: 100%;
-        font-family: 'font_regular', sans-serif;
-        position: relative;
-
-        &__image {
-            position: absolute;
-            right: 25px;
-            bottom: 5px;
-            transform: translateY(-50%);
-            z-index: 20;
-            cursor: pointer;
-
-            &:hover .input-container__image__path {
-                fill: #2683ff !important;
-            }
-        }
-    }
-
-    .label-container {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 10px;
-
-        &__error-icon {
-            min-height: 20px;
-            min-width: 20px;
-        }
-
-        &__main {
-            width: 100%;
-            display: flex;
-            justify-content: flex-start;
-            align-items: center;
-
-            &__label {
-                width: 100%;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                font-size: 15px;
-                color: #354049;
-
-                & .add-label {
-                    font-size: 12px;
-                    line-height: 18px;
-                    color: var(--c-grey-5) !important;
-                }
-            }
-
-            &__error {
-                font-size: 16px;
-                line-height: 21px;
-                color: #ff5560;
-                margin-left: 10px;
-            }
-        }
-
-        &__limit {
-            margin-left: 5px;
-            font-size: 16px;
-            line-height: 21px;
-            color: rgb(56 75 101 / 40%);
-        }
-    }
-
-    .optional-label-container {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        width: 100%;
-
-        &__optional {
-            font-size: 16px;
-            line-height: 21px;
-            color: #afb7c1;
-        }
-    }
-
-    .input,
-    .textarea {
-        font-size: 15px;
-        resize: none;
-        height: 52px;
-        width: 100%;
-        padding: 0;
-        text-indent: 16px;
-        border-color: #ccc;
-        border-radius: 6px;
-        box-shadow: none;
-        box-sizing: border-box;
-        transition: border-color 50ms ease-in-out;
-
-        &:hover {
-            border-color: var(--c-blue-6);
-        }
-
-        &::placeholder {
-            opacity: 0.6;
-        }
-    }
-
-    .textarea {
-        padding: 15px 22px;
-        text-indent: 0;
-        line-height: 26px;
-    }
-
-    .add-label {
-        margin-left: 5px;
-        color: rgb(56 75 101 / 40%);
-    }
-
-    .loader {
-        margin-left: 10px;
-        border: 5px solid #f3f3f3;
-        border-top: 5px solid #3498db;
-        border-radius: 50%;
-        width: 15px;
-        height: 15px;
-        animation: spin 2s linear infinite;
-    }
-
-    .password-input {
-        padding-right: 55px;
-    }
-
-    @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-    }
-</style>
diff --git a/web/satellite/src/components/common/VLoader.vue b/web/satellite/src/components/common/VLoader.vue
deleted file mode 100644
index e85a7ceba4de..000000000000
--- a/web/satellite/src/components/common/VLoader.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="loader">
-        <LoaderImage :class="{ white: isWhite }" :style="style" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import LoaderImage from '@/../static/images/common/loader.svg';
-
-const props = withDefaults(defineProps<{
-    width?: string;
-    height?: string;
-    isWhite?: boolean;
-}>(), {
-    width: 'unset',
-    height: 'unset',
-    isWhite: () => false,
-});
-
-const style = computed((): Record<string, unknown> => {
-    return { width: props.width, height: props.height };
-});
-</script>
-
-<style scoped lang="scss">
-    .loader {
-        width: 100%;
-        display: flex;
-        justify-content: center;
-    }
-
-    .white :deep(path) {
-        fill: #fff;
-    }
-</style>
diff --git a/web/satellite/src/components/common/VModal.vue b/web/satellite/src/components/common/VModal.vue
deleted file mode 100644
index 29b54081fabe..000000000000
--- a/web/satellite/src/components/common/VModal.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="modal" class="mask" tabindex="0" @keydown.esc="closeHandler">
-        <div class="mask__wrapper" @click.self="closeHandler">
-            <div class="mask__wrapper__container">
-                <slot name="content" />
-                <div v-if="isClosable" class="mask__wrapper__container__close" @click="closeHandler">
-                    <CloseCrossIcon />
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-
-import CloseCrossIcon from '@/../static/images/common/closeCross.svg';
-
-const props = withDefaults(defineProps<{
-    onClose?: () => void;
-    isClosable?: boolean;
-}>(), {
-    onClose: () => () => {},
-    isClosable: true,
-});
-
-const modal = ref<HTMLElement>();
-
-/**
- * Holds on close modal logic.
- */
-function closeHandler(): void {
-    if (props.isClosable) {
-        props.onClose();
-    }
-}
-
-onMounted((): void => {
-    modal.value?.focus();
-});
-</script>
-
-<style scoped lang="scss">
-    .mask {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        z-index: 9999;
-        background: rgb(27 37 51 / 75%);
-
-        &__wrapper {
-            height: calc(100% - 40px);
-            max-height: calc(100vh - 40px);
-            overflow: hidden auto;
-            text-align: center;
-            padding: 20px 0;
-
-            &__container {
-                display: inline-block;
-                position: relative;
-                background: #fff;
-                border-radius: 10px;
-                box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-                margin: 0 24px;
-
-                @media screen and (width <= 400px) {
-                    margin: 0;
-                }
-
-                &__close {
-                    position: absolute;
-                    right: 3px;
-                    top: 3px;
-                    padding: 10px;
-                    border-radius: 16px;
-                    cursor: pointer;
-
-                    &:hover {
-                        background-color: var(--c-grey-2);
-                    }
-
-                    &:active {
-                        background-color: var(--c-grey-4);
-                    }
-
-                    svg {
-                        display: block;
-                        width: 12px;
-                        height: 12px;
-
-                        :deep(path) {
-                            fill: var(--c-black);
-                        }
-                    }
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/VOverallLoader.vue b/web/satellite/src/components/common/VOverallLoader.vue
deleted file mode 100644
index a8b59bc4c005..000000000000
--- a/web/satellite/src/components/common/VOverallLoader.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <Teleport to="#app">
-        <div class="overall-loader">
-            <VLoader width="100px" height="100px" is-white />
-        </div>
-    </Teleport>
-</template>
-
-<script setup lang="ts">
-import { Teleport } from 'vue';
-
-import VLoader from '@/components/common/VLoader.vue';
-</script>
-
-<style scoped lang="scss">
-.overall-loader {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgb(27 37 51 / 75%);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-</style>
diff --git a/web/satellite/src/components/common/VSearch.vue b/web/satellite/src/components/common/VSearch.vue
deleted file mode 100644
index 9473ff57539c..000000000000
--- a/web/satellite/src/components/common/VSearch.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="search-container">
-        <SearchIcon class="search-container__icon" />
-        <input
-            v-model="searchQuery"
-            class="search-container__input"
-            placeholder="Search"
-            type="text"
-            autocomplete="off"
-            readonly
-            maxlength="72"
-            @input="processSearchQuery"
-            @focus="removeReadOnly"
-            @blur="addReadOnly"
-        >
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { useDOM } from '@/composables/DOM';
-
-import SearchIcon from '@/../static/images/common/search.svg';
-
-declare type searchCallback = (search: string) => Promise<void>;
-
-const props = defineProps<{
-    search: searchCallback,
-}>();
-
-const { removeReadOnly, addReadOnly } = useDOM();
-
-const searchQuery = ref<string>('');
-
-/**
- * Clears search query.
- */
-function clearSearch(): void {
-    searchQuery.value = '';
-    processSearchQuery();
-}
-
-async function processSearchQuery(): Promise<void> {
-    await props.search(searchQuery.value);
-}
-
-defineExpose({ clearSearch });
-</script>
-
-<style scoped lang="scss">
-    .search-container {
-        padding: 8px;
-        display: flex;
-        align-items: center;
-        box-sizing: border-box;
-        border: 1px solid var(--c-grey-3);
-        border-radius: 10px;
-        width: 250px;
-        background-color: #fff;
-
-        @media screen and (width <= 1150px) {
-            width: 100%;
-        }
-
-        &__icon {
-            margin: 0 12px 0 4px;
-        }
-
-        &__input {
-            flex: 1;
-            background-color: transparent;
-            outline: none;
-            border: none;
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-        }
-    }
-
-    ::placeholder {
-        color: var(--c-grey-6);
-        opacity: 0.7;
-    }
-</style>
diff --git a/web/satellite/src/components/common/VTable.vue b/web/satellite/src/components/common/VTable.vue
deleted file mode 100644
index 0657f4a4a502..000000000000
--- a/web/satellite/src/components/common/VTable.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="table-wrapper">
-        <div v-if="loading" class="table-wrapper__loader">
-            <VLoader width="100px" height="100px" />
-        </div>
-        <table class="base-table" border="0" cellpadding="0" cellspacing="0">
-            <thead>
-                <tr>
-                    <th v-if="selectable" class="icon select" @click.stop="() => emit('selectAllClicked')">
-                        <v-table-checkbox v-if="showSelect" :value="selected" @selectClicked="() => emit('selectAllClicked')" />
-                    </th>
-                    <slot name="head" />
-                </tr>
-            </thead>
-            <tbody>
-                <slot name="body" />
-            </tbody>
-        </table>
-        <div class="table-footer">
-            <table-pagination
-                class="table-footer__pagination"
-                :simple-pagination="simplePagination"
-                :total-page-count="totalPageCount"
-                :total-items-count="totalItemsCount"
-                :items-label="itemsLabel"
-                :limit="limit"
-                :on-page-size-changed="onPageSizeChanged"
-                :on-page-change="onPageChange"
-                :on-next-clicked="onNextClicked"
-                :on-previous-clicked="onPreviousClicked"
-                :page-number="pageNumber"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { PageChangeCallback } from '@/types/pagination';
-
-import TablePagination from '@/components/common/TablePagination.vue';
-import VTableCheckbox from '@/components/common/VTableCheckbox.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-const props = withDefaults(defineProps<{
-    itemsLabel?: string,
-    limit?: number,
-    totalItemsCount?: number,
-    onPageChange?: PageChangeCallback | null;
-    onNextClicked?: (() => Promise<void>) | null;
-    onPreviousClicked?: (() => Promise<void>) | null;
-    onPageSizeChanged?: ((size: number) => Promise<void> | void) | null;
-    totalPageCount?: number,
-    selectable?: boolean,
-    selected?: boolean,
-    showSelect?: boolean,
-    simplePagination?: boolean,
-    loading?: boolean,
-    pageNumber?: number,
-}>(), {
-    selectable: false,
-    selected: false,
-    showSelect: false,
-    simplePagination: false,
-    totalPageCount: 0,
-    itemsLabel: 'items',
-    limit: 0,
-    totalItemsCount: 0,
-    onPageChange: null,
-    onNextClicked: null,
-    onPreviousClicked: null,
-    onPageSizeChanged: null,
-    loading: false,
-    pageNumber: 1,
-});
-
-const emit = defineEmits(['selectAllClicked']);
-</script>
-
-<style lang="scss">
-.table-wrapper {
-    background: #fff;
-    border-radius: 12px;
-    position: relative;
-
-    &__loader {
-        border-radius: 12px;
-        z-index: 1;
-        background-color: rgb(0 0 0 / 5%);
-        position: absolute;
-        inset: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-}
-
-.base-table {
-    display: table;
-    width: 100%;
-    z-index: 997;
-    border: 1px solid var(--c-grey-2);
-    border-bottom: none;
-    border-top-left-radius: 12px;
-    border-top-right-radius: 12px;
-
-    th {
-        box-sizing: border-box;
-        padding: 1.125rem;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        font-family: 'font_regular', sans-serif;
-    }
-
-    thead {
-        background: var(--c-block-gray);
-        text-transform: uppercase;
-
-        @media screen and (width <= 550px) {
-            display: none;
-        }
-
-        tr {
-            height: 52px;
-            font-size: 0.875rem;
-            color: #6b7280;
-
-            th.icon {
-                border-top-left-radius: 12px;
-            }
-        }
-    }
-
-    tbody {
-
-        th {
-            font-family: 'font_regular', sans-serif;
-            color: #111827;
-            font-size: 1rem;
-            border-top: solid 1px var(--c-grey-2);
-
-            @media screen and (width <= 550px) {
-                border-top: none;
-                border-bottom: solid 1px var(--c-grey-2);
-            }
-        }
-
-        .data {
-            font-family: 'font_bold', sans-serif;
-        }
-
-        .data ~ .data {
-            font-family: 'font_regular', sans-serif;
-        }
-    }
-}
-
-.align-left {
-    text-align: left;
-}
-
-.overflow-visible {
-    overflow: visible !important;
-}
-
-.icon {
-    width: 50px;
-    overflow: visible !important;
-    border-right: 1px solid var(--c-grey-2);
-}
-
-.table-footer {
-    padding: 10px 20px;
-    background: var(--c-grey-1);
-    border: 1px solid var(--c-grey-2);
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-
-    @media screen and (width <= 550px) {
-        border-top: none;
-    }
-}
-
-tbody tr > .data p {
-    max-width: 25rem;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-
-    @media screen and (width <= 970px) {
-        max-width: 15rem;
-    }
-
-    @media screen and (width <= 870px) {
-        max-width: 10rem;
-    }
-
-    @media screen and (width <= 350px) {
-        max-width: 8rem;
-    }
-}
-
-@media screen and (width <= 600px) {
-
-    .select {
-        display: none;
-    }
-}
-
-</style>
diff --git a/web/satellite/src/components/common/VTableCheckbox.vue b/web/satellite/src/components/common/VTableCheckbox.vue
deleted file mode 100644
index 5df5c6c8d3e8..000000000000
--- a/web/satellite/src/components/common/VTableCheckbox.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <label class="container" @click.stop.prevent="selectClicked"> <!--don't propagate click event to parent <tr>-->
-        <input
-            id="checkbox" :disabled="disabled" :checked="value"
-            class="checkmark-input"
-            type="checkbox"
-        >
-        <span class="checkmark" />
-    </label>
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-    value?: boolean,
-    disabled?: boolean,
-}>(), { value: false, disabled: false });
-
-const emit = defineEmits(['selectClicked']);
-
-/**
- * Emits click event to parent component.
- * The parent is responsible for toggling the value prop.
- */
-function selectClicked(event: Event): void {
-    emit('selectClicked', event);
-}
-</script>
-
-<style scoped lang="scss">
-    .container {
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        user-select: none;
-        outline: none;
-    }
-
-    .container .checkmark-input {
-        position: absolute;
-        opacity: 0;
-        cursor: pointer;
-        height: 0;
-        width: 0;
-    }
-
-    .checkmark {
-        position: absolute;
-        height: 20px;
-        width: 20px;
-        border: 1px solid var(--c-grey-4);
-        border-radius: 4px;
-        box-sizing: border-box;
-    }
-
-    .checkmark:after {
-        content: '';
-        position: absolute;
-        display: none;
-    }
-
-    .container .checkmark:after {
-        left: 4px;
-        top: 0;
-        width: 5px;
-        height: 10px;
-        border: solid white;
-        border-width: 0 3px 3px 0;
-        transform: rotate(45deg);
-    }
-
-    .container:hover .checkmark-input ~ .checkmark {
-        background-color: #ccc;
-    }
-
-    .container .checkmark-input:checked ~ .checkmark {
-        border: 2px solid #376fff;
-        background-color: #376fff;
-    }
-
-    .container .checkmark-input:disabled ~ .checkmark {
-        background-color: #f2eeee;
-    }
-
-    .container .checkmark-input:checked ~ .checkmark:after {
-        display: block;
-    }
-
-    .label {
-        cursor: pointer;
-        font-size: 14px;
-    }
-</style>
diff --git a/web/satellite/src/components/common/ValidationMessage.vue b/web/satellite/src/components/common/ValidationMessage.vue
deleted file mode 100644
index 153057f8ef90..000000000000
--- a/web/satellite/src/components/common/ValidationMessage.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-if="showMessage" class="validation-message__wrapper" :class="{'success-message__wrapper' : isValid, 'error-message__wrapper' : !isValid}">
-        <div class="error-message__icon-container">
-            <ErrorIcon v-if="!isValid" class="error-message__icon-container__icon" />
-        </div>
-        <p v-if="isValid" class="success-message__text validation-message__text">{{ successMessage }}</p>
-        <p v-if="!isValid" class="error-message__text validation-message__text">{{ errorMessage }}</p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import ErrorIcon from '@/../static/images/common/errorNotice.svg';
-
-const props = withDefaults(defineProps<{
-    successMessage?: string;
-    errorMessage?: string;
-    isValid?: boolean;
-    showMessage?: boolean;
-}>(), {
-    successMessage: 'Valid!',
-    errorMessage: 'Invalid. Please try again',
-    isValid: false,
-    showMessage: false,
-});
-</script>
-
-<style scoped lang="scss">
-    .validation-message {
-
-        &__wrapper {
-            box-sizing: border-box;
-            border-radius: 6px;
-            width: 100%;
-            padding: 12px 20px;
-        }
-
-        &__text {
-            font-family: 'font_bold', sans-serif;
-            font-size: 16px;
-            line-height: 19px;
-            color: #1a9666;
-            position: relative;
-        }
-    }
-
-    .success-message {
-
-        &__wrapper {
-            background: #eafff7;
-            border: 1px solid #1a9666;
-        }
-
-        &__text {
-            color: #1a9666;
-        }
-    }
-
-    .error-message {
-
-        &__wrapper {
-            background: #fff;
-            border: 1px solid #e30011;
-            display: flex;
-        }
-
-        &__text {
-            color: #e30011;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-
-        &__icon-container {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            padding-right: 10px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/VerticalArrows.vue b/web/satellite/src/components/common/VerticalArrows.vue
deleted file mode 100644
index 806d5744b73c..000000000000
--- a/web/satellite/src/components/common/VerticalArrows.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="container">
-        <TopArrowIcon :class="`${ isActive && isTop?'active':'inactive' }`" />
-        <BottomArrowIcon :class="`${ isActive && isBottom?'active':'inactive' }`" />
-    </div>
-</template>
-
-<script setup lang="ts">
-
-import { computed } from 'vue';
-
-import { SortingDirectionEnum } from '@/types/sortingArrows';
-
-import BottomArrowIcon from '@/../static/images/common/bottomArrow.svg';
-import TopArrowIcon from '@/../static/images/common/topArrow.svg';
-
-const props = withDefaults(defineProps<{
-    isActive?: boolean;
-    direction?: SortingDirectionEnum;
-}>(), {
-    isActive: false,
-    direction: SortingDirectionEnum.BOTTOM,
-});
-
-const isTop = computed((): boolean => props.direction === SortingDirectionEnum.TOP);
-const isBottom = computed((): boolean => props.direction === SortingDirectionEnum.BOTTOM);
-</script>
-
-<style scoped lang="scss">
-    .container {
-        display: flex;
-        flex-direction: column;
-        margin-left: 10px;
-        justify-content: space-between;
-        height: 17px;
-    }
-
-    .inactive {
-        opacity: 0.5;
-    }
-
-    .active {
-        opacity: 1;
-
-        :deep(path) {
-            fill: #2683ff !important;
-        }
-    }
-
-</style>
diff --git a/web/satellite/src/components/common/share/ShareButton.vue b/web/satellite/src/components/common/share/ShareButton.vue
deleted file mode 100644
index 7a442434b069..000000000000
--- a/web/satellite/src/components/common/share/ShareButton.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <a
-        class="share-button"
-        :href="config.getLink(link)"
-        target="_blank"
-        rel="noopener noreferrer"
-        :aria-label="props.option"
-        :style="style"
-    >
-        <component :is="config.icon" width="12" height="12" />
-        <span>{{ props.option }}</span>
-    </a>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { ShareOptions, SHARE_BUTTON_CONFIGS, ShareButtonConfig } from '@/types/browser';
-
-const props = defineProps<{
-    option: ShareOptions;
-    link: string;
-}>();
-
-/**
- * Returns share button background color.
- */
-const style = computed((): Record<string, string> => {
-    return { 'background-color': config.value.color };
-});
-
-/**
- * Returns the configuration for this button's share option.
- */
-const config = computed((): ShareButtonConfig => {
-    return SHARE_BUTTON_CONFIGS[props.option];
-});
-</script>
-
-<style scoped lang="scss">
-    .share-button {
-        display: flex;
-        align-items: center;
-        text-decoration: none;
-        color: #fff;
-        margin-right: 1em;
-        margin-bottom: 1em;
-        border-radius: 5px;
-        transition: 25ms ease-out;
-        padding: 0.5em 0.75em;
-        font-size: 14px;
-        font-family: 'font_regular', sans-serif;
-
-        svg {
-            margin-right: 5px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/common/share/ShareContainer.vue b/web/satellite/src/components/common/share/ShareContainer.vue
deleted file mode 100644
index aaa67a46694e..000000000000
--- a/web/satellite/src/components/common/share/ShareContainer.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="share-container">
-        <ShareButton
-            v-for="opt of ShareOptions"
-            :key="opt"
-            :option="opt"
-            :link="link"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ShareOptions } from '@/types/browser';
-
-import ShareButton from '@/components/common/share/ShareButton.vue';
-
-const props = defineProps<{ link: string; }>();
-</script>
-
-<style scoped lang="scss">
-    .share-container {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-</style>
diff --git a/web/satellite/src/components/infoBars/BetaSatBar.vue b/web/satellite/src/components/infoBars/BetaSatBar.vue
deleted file mode 100644
index 73d2d48aa9c7..000000000000
--- a/web/satellite/src/components/infoBars/BetaSatBar.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="beta-banner">
-        <p class="beta-banner__message">
-            Thanks for testing the {{ config.satelliteName }} Beta satellite | Data may be deleted during this beta | Submit testing feedback
-            <a class="beta-banner__message__link" :href="config.betaSatelliteFeedbackURL" target="_blank" rel="noopener noreferrer">here</a>
-            | Request support
-            <a class="beta-banner__message__link" :href="config.betaSatelliteSupportURL" target="_blank" rel="noopener noreferrer">here</a>
-        </p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { FrontendConfig } from '@/types/config';
-import { useConfigStore } from '@/store/modules/configStore';
-
-const configStore = useConfigStore();
-
-/**
- * Returns the frontend config.
- */
-const config = computed((): FrontendConfig => {
-    return configStore.state.config;
-});
-</script>
-
-<style scoped lang="scss">
-    .beta-banner {
-        width: 100%;
-        box-sizing: border-box;
-        padding: 5px 30px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-family: 'font_regular', sans-serif;
-        background-color: red;
-
-        &__message {
-            font-weight: normal;
-            font-size: 14px;
-            line-height: 16px;
-            color: #fff;
-
-            &__link {
-                font-size: 14px;
-                line-height: 16px;
-                color: #fff;
-                text-decoration: underline;
-
-                &:hover {
-                    text-decoration: none;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/infoBars/MFARecoveryCodeBar.vue b/web/satellite/src/components/infoBars/MFARecoveryCodeBar.vue
deleted file mode 100644
index 94125009fd3e..000000000000
--- a/web/satellite/src/components/infoBars/MFARecoveryCodeBar.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="recovery-bar">
-        <p v-if="numCodes > 0">
-            You only have <b>{{ numCodes }}</b> two-factor authentication recovery code{{ numCodes != 1 ? 's' : '' }} left.
-        </p>
-        <p v-else>
-            You have no more two-factor authentication recovery codes.
-        </p>
-        <p class="recovery-bar__functional" @click="openGenerateModal">
-            Generate new codes.
-        </p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { useUsersStore } from '@/store/modules/usersStore';
-
-const usersStore = useUsersStore();
-
-const props = withDefaults(defineProps<{
-    openGenerateModal: () => void,
-}>(), {
-    openGenerateModal: () => {},
-});
-
-/**
- * Returns the quantity of MFA recovery codes.
- */
-const numCodes = computed((): number => {
-    return usersStore.state.user.mfaRecoveryCodeCount;
-});
-</script>
-
-<style scoped lang="scss">
-    .recovery-bar {
-        width: 100%;
-        box-sizing: border-box;
-        font-family: 'font_regular', sans-serif;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        background: var(--c-yellow-3);
-        font-size: 14px;
-        line-height: 18px;
-        color: #000;
-        padding: 5px 30px;
-
-        &__functional {
-            font-family: 'font_bold', sans-serif;
-            cursor: pointer;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/infoBars/ProjectInfoBar.vue b/web/satellite/src/components/infoBars/ProjectInfoBar.vue
deleted file mode 100644
index 3da1159be57e..000000000000
--- a/web/satellite/src/components/infoBars/ProjectInfoBar.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="projects-info-bar">
-        <div class="projects-info-bar__info">
-            <p class="projects-info-bar__info__message">
-                You have used
-                <VLoader v-if="isDataFetching" class="pr-info-loader" :is-white="true" width="15px" height="15px" />
-                <span v-else class="projects-info-bar__info__message__value">{{ projectsCount }}</span>
-                of your
-                <VLoader v-if="isDataFetching" class="pr-info-loader" :is-white="true" width="15px" height="15px" />
-                <span v-else class="projects-info-bar__info__message__value">{{ projectLimit }}</span>
-                available projects.
-            </p>
-        </div>
-        <a
-            class="projects-info-bar__link"
-            :href="projectLimitsIncreaseRequestURL"
-            target="_blank"
-            rel="noopener noreferrer"
-        >
-            Request Limit Increase ->
-        </a>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VLoader from '@/components/common/VLoader.vue';
-
-const configStore = useConfigStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-
-const isDataFetching = ref<boolean>(true);
-
-/**
- * Returns user's projects count.
- */
-const projectsCount = computed((): number => {
-    return projectsStore.projectsCount(usersStore.state.user.id);
-});
-
-/**
- * Returns project limit from store.
- */
-const projectLimit = computed((): number => {
-    const projectLimit: number = usersStore.state.user.projectLimit;
-    if (projectLimit < projectsCount.value) return projectsCount.value;
-
-    return projectLimit;
-});
-
-/**
- * Returns project limits increase request url from config.
- */
-const projectLimitsIncreaseRequestURL = computed((): string => {
-    return configStore.state.config.projectLimitsIncreaseRequestURL;
-});
-
-/**
- * Lifecycle hook after initial render.
- * Fetch projects.
- */
-onMounted(async (): Promise<void> => {
-    try {
-        await projectsStore.getProjects();
-
-        isDataFetching.value = false;
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.PROJECT_INFO_BAR);
-        return;
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .projects-info-bar {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background-color: #2582ff;
-        width: 100%;
-        box-sizing: border-box;
-        padding: 5px 30px;
-        font-family: 'font_regular', sans-serif;
-        color: #fff;
-
-        &__info {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-
-            &__message {
-                display: flex;
-                align-items: center;
-                margin-right: 5px;
-                font-size: 14px;
-                line-height: 17px;
-
-                &__value {
-                    margin: 0 5px;
-                }
-            }
-        }
-
-        &__link {
-            font-size: 14px;
-            line-height: 17px;
-            font-family: 'font_medium', sans-serif;
-            color: #fff;
-            text-align: right;
-        }
-    }
-
-    .pr-info-loader {
-        margin: 0 5px;
-    }
-</style>
diff --git a/web/satellite/src/components/modals/AddCouponCodeModal.vue b/web/satellite/src/components/modals/AddCouponCodeModal.vue
deleted file mode 100644
index 5767f4cd5237..000000000000
--- a/web/satellite/src/components/modals/AddCouponCodeModal.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="onCloseClick">
-        <template #content>
-            <div class="modal">
-                <p class="modal__title">Add Coupon Code</p>
-                <AddCouponCodeInput />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { RouteConfig } from '@/types/router';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import AddCouponCodeInput from '@/components/common/AddCouponCodeInput.vue';
-import VModal from '@/components/common/VModal.vue';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-
-/**
- * Closes add coupon modal.
- */
-function onCloseClick(): void {
-    analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Billing).path);
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        width: 500px;
-        padding: 32px;
-
-        @media screen and (width <= 650px) {
-            width: unset;
-            padding: 24px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 16px;
-            line-height: 148.31%;
-            margin: 15px 0;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/AddTeamMemberModal.vue b/web/satellite/src/components/modals/AddTeamMemberModal.vue
deleted file mode 100644
index 27a934256b71..000000000000
--- a/web/satellite/src/components/modals/AddTeamMemberModal.vue
+++ /dev/null
@@ -1,254 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <TeamMembersIcon />
-                    <h1 class="modal__header__title">
-                        {{ needsUpgrade ? 'Upgrade to Pro' : 'Invite team member' }}
-                    </h1>
-                </div>
-
-                <p class="modal__info">
-                    <template v-if="needsUpgrade">
-                        Upgrade now to unlock collaboration and bring your team together in this project.
-                    </template>
-                    <template v-else>
-                        Add a team member to contribute to this project.
-                    </template>
-                </p>
-
-                <VInput
-                    v-if="!needsUpgrade"
-                    class="modal__input"
-                    label="Email"
-                    height="38px"
-                    placeholder="email@email.com"
-                    role-description="email"
-                    :error="typeof formError === 'string' ? formError : undefined"
-                    :max-symbols="72"
-                    @setData="str => email = str.trim()"
-                />
-
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-transparent="true"
-                        :on-press="closeModal"
-                    />
-                    <VButton
-                        :label="needsUpgrade ? 'Upgrade' : 'Invite'"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onPrimaryClick"
-                        :is-disabled="!!formError || isLoading"
-                    >
-                        <template v-if="needsUpgrade" #icon-right>
-                            <ArrowIcon />
-                        </template>
-                    </VButton>
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang='ts'>
-import { computed, h, ref } from 'vue';
-
-import { Validator } from '@/utils/validation';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useLoading } from '@/composables/useLoading';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-import VInput from '@/components/common/VInput.vue';
-
-import TeamMembersIcon from '@/../static/images/team/teamMembers.svg';
-import ArrowIcon from '@/../static/images/onboardingTour/arrowRight.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const configStore = useConfigStore();
-
-const notify = useNotify();
-const { isLoading, withLoading } = useLoading();
-
-const FIRST_PAGE = 1;
-
-const email = ref<string>('');
-
-/**
- * Returns a boolean indicating whether the email is invalid
- * or a message describing the validation error.
- */
-const formError = computed<string | boolean>(() => {
-    if (needsUpgrade.value) return false;
-    if (!email.value) return true;
-    if (email.value.toLocaleLowerCase() === usersStore.state.user.email.toLowerCase()) {
-        return `You can't add yourself to the project.`;
-    }
-    if (!Validator.email(email.value)) {
-        return 'Please enter a valid email address.';
-    }
-    return false;
-});
-
-/**
- * Returns whether the user should upgrade to pro tier before inviting.
- */
-const needsUpgrade = computed<boolean>(() => {
-    const config = configStore.state.config;
-    return config.billingFeaturesEnabled && !(usersStore.state.user.paidTier || config.freeTierInvitesEnabled);
-});
-
-/**
- * Handles primary button click.
- */
-async function onPrimaryClick(): Promise<void> {
-    if (needsUpgrade.value) {
-        appStore.updateActiveModal(MODALS.upgradeAccount);
-        return;
-    }
-
-    await withLoading(async () => {
-        try {
-            await pmStore.inviteMember(email.value, projectsStore.state.selectedProject.id);
-        } catch (error) {
-            error.message = `Error inviting project member. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.ADD_PROJECT_MEMBER_MODAL);
-            return;
-        }
-
-        analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_MEMBERS_INVITE_SENT);
-
-        if (configStore.state.config.unregisteredInviteEmailsEnabled) {
-            notify.notify('Invite sent!');
-        } else {
-            notify.notify(() => [
-                h('p', { class: 'message-title' }, 'Invite sent!'),
-                h('p', { class: 'message-info' }, [
-                    'An invitation will be sent to the email address if it belongs to a user on this satellite.',
-                ]),
-            ]);
-        }
-
-        pmStore.setSearchQuery('');
-
-        try {
-            await pmStore.getProjectMembers(FIRST_PAGE, projectsStore.state.selectedProject.id);
-        } catch (error) {
-            error.message = `Unable to fetch project members. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.ADD_PROJECT_MEMBER_MODAL);
-        }
-
-        closeModal();
-    });
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang='scss'>
-    .modal {
-        width: 346px;
-        padding: 32px;
-
-        @media screen and (width <= 460px) {
-            width: 280px;
-            padding: 16px;
-        }
-
-        &__header {
-            display: flex;
-            align-items: center;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-
-            @media screen and (width <= 460px) {
-                flex-direction: column;
-                align-items: flex-start;
-            }
-
-            &__title {
-                margin-left: 16px;
-                font-family: 'font_bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                letter-spacing: -0.02em;
-                color: var(--c-black);
-                text-align: left;
-
-                @media screen and (width <= 460px) {
-                    margin: 10px 0 0;
-                }
-            }
-        }
-
-        &__info {
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            line-height: 19px;
-            color: var(--c-black);
-            border-bottom: 1px solid var(--c-grey-2);
-            text-align: left;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-        }
-
-        &__input {
-            border-bottom: 1px solid var(--c-grey-2);
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-        }
-
-        &__buttons {
-            display: flex;
-            column-gap: 10px;
-            margin-top: 10px;
-            width: 100%;
-
-            @media screen and (width <= 500px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 10px;
-            }
-        }
-    }
-
-    :deep(.label-container__main__label) {
-        font-size: 14px;
-    }
-
-    :deep(.label-container__main__error) {
-        font-size: 14px;
-    }
-
-    :deep(.input-container) {
-        margin-top: 0;
-    }
-</style>
diff --git a/web/satellite/src/components/modals/AddTokenFundsModal.vue b/web/satellite/src/components/modals/AddTokenFundsModal.vue
deleted file mode 100644
index dbfc8a627171..000000000000
--- a/web/satellite/src/components/modals/AddTokenFundsModal.vue
+++ /dev/null
@@ -1,272 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal v-if="wallet.address" :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <h1 class="modal__title" aria-roledescription="modal-title">
-                    Add STORJ Tokens
-                </h1>
-                <p class="modal__info">
-                    Send STORJ Tokens to the following deposit address to credit your Storj account:
-                </p>
-                <div class="modal__qr">
-                    <canvas ref="canvas" class="modal__qr__canvas" />
-                </div>
-                <div class="modal__label">
-                    <h2 class="modal__label__text">Deposit Address</h2>
-                    <VInfo class="modal__label__info">
-                        <template #icon>
-                            <InfoIcon />
-                        </template>
-                        <template #message>
-                            <p class="modal__label__info__msg">
-                                This is a Storj deposit address generated just for you.
-                                <a
-                                    class="modal__label__info__msg__link"
-                                    href=""
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    Learn more
-                                </a>
-                            </p>
-                        </template>
-                    </VInfo>
-                </div>
-                <div class="modal__address">
-                    <p class="modal__address__value">{{ wallet.address }}</p>
-                    <VButton
-                        class="modal__address__copy-button"
-                        label="Copy"
-                        width="84px"
-                        height="32px"
-                        font-size="13px"
-                        icon="copy"
-                        :on-press="onCopyAddressClick"
-                    />
-                </div>
-                <VButton
-                    width="194px"
-                    height="48px"
-                    border-radius="8px"
-                    label="Done"
-                    font-size="14px"
-                    :on-press="closeModal"
-                />
-                <div class="modal__footer">
-                    <h2 class="modal__footer__title">Send only STORJ tokens via Layer 1 transaction to this deposit address.</h2>
-                    <div class="modal__footer__msg">
-                        <p>
-                            Sending anything else than STORJ token will result in the loss of your deposit.
-                        </p>
-                        <p>
-                            Please note that zkSync transactions are not yet supported.
-                        </p>
-                    </div>
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import QRCode from 'qrcode';
-
-import { Wallet } from '@/types/payments';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-import VInfo from '@/components/common/VInfo.vue';
-
-import InfoIcon from '@/../static/images/payments/infoIcon.svg';
-
-const appStore = useAppStore();
-const billingStore = useBillingStore();
-const notify = useNotify();
-
-const canvas = ref<HTMLCanvasElement>();
-
-/**
- * Returns wallet from store.
- */
-const wallet = computed((): Wallet => {
-    return billingStore.state.wallet as Wallet;
-});
-
-/**
- * Closes create project prompt modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Copies address to user's clipboard.
- */
-function onCopyAddressClick(): void {
-    navigator.clipboard.writeText(wallet.value.address);
-    notify.success('Address copied to your clipboard');
-}
-
-/**
- * Mounted lifecycle hook after initial render.
- * Fetches wallet if necessary and renders QR code.
- */
-onMounted(async (): Promise<void> => {
-    if (!canvas.value) {
-        return;
-    }
-
-    try {
-        await QRCode.toCanvas(canvas.value, wallet.value.address);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.ADD_TOKEN_FUNDS_MODAL);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        width: 560px;
-        padding: 48px 0 0;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-        font-family: 'font_regular', sans-serif;
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: #1b2533;
-        }
-
-        &__info {
-            font-family: 'font_regular', sans-serif;
-            font-size: 16px;
-            line-height: 24px;
-            text-align: center;
-            color: #000;
-            margin: 15px 0;
-            max-width: 410px;
-        }
-
-        &__loader {
-            margin-bottom: 20px;
-        }
-
-        &__label {
-            display: flex;
-            align-items: center;
-            align-self: flex-start;
-            padding: 0 32px;
-
-            &__text {
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-                margin-right: 9px;
-                font-family: 'font_medium', sans-serif;
-            }
-
-            &__info {
-                cursor: pointer;
-                max-height: 16px;
-
-                &__msg {
-                    font-size: 12px;
-                    line-height: 18px;
-                    text-align: center;
-                    color: #fff;
-
-                    &__link {
-                        font-size: 12px;
-                        line-height: 18px;
-                        color: #fff;
-                        text-decoration: underline !important;
-
-                        &:visited {
-                            color: #fff;
-                        }
-                    }
-                }
-            }
-        }
-
-        &__address {
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            border: 1px solid var(--c-grey-4);
-            border-radius: 8px;
-            padding: 10px 15px;
-            width: calc(100% - 64px);
-            max-width: 482px;
-            margin: 8px 0 15px;
-
-            &__value {
-                font-size: 13px;
-                line-height: 20px;
-                color: #000;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                overflow: hidden;
-            }
-
-            &__copy-button {
-                margin-left: 10px;
-            }
-        }
-
-        &__footer {
-            margin-top: 26px;
-            background-color: #fec;
-            padding: 12px 28px;
-            border-radius: 0 0 10px 10px;
-            width: calc(100% - 56px);
-
-            &__title {
-                font-family: 'font_medium', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-            }
-
-            &__msg {
-                font-size: 12px;
-                line-height: 16px;
-            }
-        }
-    }
-
-    :deep(.info__box) {
-        width: 214px;
-        left: calc(50% - 107px);
-        top: calc(100% - 80px);
-        cursor: default;
-        filter: none;
-        transform: rotate(-180deg);
-    }
-
-    :deep(.info__box__message) {
-        background: var(--c-grey-6);
-        border-radius: 4px;
-        padding: 10px 8px;
-        transform: rotate(-180deg);
-    }
-
-    :deep(.info__box__arrow) {
-        background: var(--c-grey-6);
-        width: 10px;
-        height: 10px;
-        margin-bottom: -3px;
-    }
-</style>
diff --git a/web/satellite/src/components/modals/AllModals.vue b/web/satellite/src/components/modals/AllModals.vue
deleted file mode 100644
index 9a3263cc28f2..000000000000
--- a/web/satellite/src/components/modals/AllModals.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <GalleryView v-if="isGalleryView" />
-    <div v-if="activeModal">
-        <component :is="activeModal" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, Component } from 'vue';
-
-import { useAppStore } from '@/store/modules/appStore';
-
-import GalleryView from '@/components/browser/galleryView/GalleryView.vue';
-
-const appStore = useAppStore();
-
-/**
- * Indicates the current active modal.
- */
-const activeModal = computed((): Component | null => {
-    return appStore.state.activeModal;
-});
-
-/**
- * Indicates gallery view is visible.
- */
-const isGalleryView = computed((): boolean => {
-    return appStore.state.isGalleryView;
-});
-</script>
diff --git a/web/satellite/src/components/modals/ChangePasswordModal.vue b/web/satellite/src/components/modals/ChangePasswordModal.vue
deleted file mode 100644
index 4b95b3d6a70b..000000000000
--- a/web/satellite/src/components/modals/ChangePasswordModal.vue
+++ /dev/null
@@ -1,303 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="change-password">
-                <div class="change-password__row">
-                    <ChangePasswordIcon />
-                    <h2 class="change-password__row__label">Change Password</h2>
-                </div>
-                <VInput
-                    class="full-input"
-                    label="Old Password"
-                    placeholder="Old Password"
-                    is-password
-                    :autocomplete="autocompleteValue"
-                    :error="oldPasswordError"
-                    @setData="setOldPassword"
-                />
-                <div class="password-input">
-                    <VInput
-                        class="full-input"
-                        label="New Password"
-                        placeholder="New Password"
-                        is-password
-                        :error="newPasswordError"
-                        @setData="setNewPassword"
-                        @showPasswordStrength="showPasswordStrength"
-                        @hidePasswordStrength="hidePasswordStrength"
-                    />
-                    <PasswordStrength
-                        :password-string="newPassword"
-                        :is-shown="isPasswordStrengthShown"
-                    />
-                </div>
-                <VInput
-                    class="full-input"
-                    label="Confirm Password"
-                    placeholder="Confirm Password"
-                    is-password
-                    :error="confirmationPasswordError"
-                    @setData="setPasswordConfirmation"
-                />
-                <div class="change-password__buttons">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Update"
-                        width="100%"
-                        height="48px"
-                        :on-press="onUpdateClick"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { AuthHttpApi } from '@/api/auth';
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import PasswordStrength from '@/components/common/PasswordStrength.vue';
-import VInput from '@/components/common/VInput.vue';
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import ChangePasswordIcon from '@/../static/images/account/changePasswordPopup/changePassword.svg';
-
-const { config } = useConfigStore().state;
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const notify = useNotify();
-const router = useRouter();
-
-const DELAY_BEFORE_REDIRECT = 2000; // 2 sec
-const auth: AuthHttpApi = new AuthHttpApi();
-
-const oldPassword = ref<string>('');
-const newPassword = ref<string>('');
-const confirmationPassword = ref<string>('');
-const oldPasswordError = ref<string>('');
-const newPasswordError = ref<string>('');
-const confirmationPasswordError = ref<string>('');
-const isPasswordStrengthShown = ref<boolean>(false);
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    return `section-${config.satelliteName.substring(0, 2).toLowerCase()} current-password`;
-});
-
-/**
- * Enables password strength info container.
- */
-function showPasswordStrength(): void {
-    isPasswordStrengthShown.value = true;
-}
-
-/**
- * Disables password strength info container.
- */
-function hidePasswordStrength(): void {
-    isPasswordStrengthShown.value = false;
-}
-
-/**
- * Sets old password from input.
- */
-function setOldPassword(value: string): void {
-    oldPassword.value = value;
-    oldPasswordError.value = '';
-}
-
-/**
- * Sets new password from input.
- */
-function setNewPassword(value: string): void {
-    newPassword.value = value;
-    newPasswordError.value = '';
-}
-
-/**
- * Sets password confirmation from input.
- */
-function setPasswordConfirmation(value: string): void {
-    confirmationPassword.value = value;
-    confirmationPasswordError.value = '';
-}
-
-/**
- * Validates inputs and if everything are correct tries to change password and close popup.
- */
-async function onUpdateClick(): Promise<void> {
-    let hasError = false;
-    if (oldPassword.value.length < 6) {
-        oldPasswordError.value = 'Invalid old password. Must be 6 or more characters';
-        hasError = true;
-    }
-
-    if (newPassword.value.length < config.passwordMinimumLength) {
-        newPasswordError.value = `Invalid password. Use ${config.passwordMinimumLength} or more characters`;
-        hasError = true;
-    }
-
-    if (newPassword.value.length > config.passwordMaximumLength) {
-        newPasswordError.value = `Invalid password. Use ${config.passwordMaximumLength} or fewer characters`;
-        hasError = true;
-    }
-
-    if (!confirmationPassword.value) {
-        confirmationPasswordError.value = 'Password required';
-        hasError = true;
-    }
-
-    if (newPassword.value !== confirmationPassword.value) {
-        confirmationPasswordError.value = 'Password doesn\'t match new one';
-        hasError = true;
-    }
-
-    if (hasError) {
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CHANGE_PASSWORD_MODAL);
-        return;
-    }
-
-    try {
-        await auth.changePassword(oldPassword.value, newPassword.value);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.CHANGE_PASSWORD_MODAL);
-
-        return;
-    }
-
-    try {
-        await auth.logout();
-
-        setTimeout(() => {
-            router.push(RouteConfig.Login.path);
-        }, DELAY_BEFORE_REDIRECT);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.CHANGE_PASSWORD_MODAL);
-    }
-
-    analyticsStore.eventTriggered(AnalyticsEvent.PASSWORD_CHANGED);
-    notify.success('Password successfully changed!');
-    closeModal();
-}
-
-/**
- * Closes popup.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-    .change-password {
-        background-color: #fff;
-        border-radius: 6px;
-        display: flex;
-        flex-direction: column;
-        padding: 48px;
-        box-sizing: border-box;
-        min-width: 550px;
-
-        @media screen and (width <= 600px) {
-            min-width: 475px;
-            padding: 48px 24px;
-        }
-
-        @media screen and (width <= 530px) {
-            min-width: 420px;
-        }
-
-        @media screen and (width <= 470px) {
-            min-width: unset;
-        }
-
-        &__row {
-            display: flex;
-            align-items: center;
-            margin-bottom: 20px;
-
-            @media screen and (width <= 600px) {
-
-                svg {
-                    display: none;
-                }
-            }
-
-            &__label {
-                font-family: 'font_bold', sans-serif;
-                font-size: 32px;
-                line-height: 60px;
-                color: #384b65;
-                margin: 0 0 0 32px;
-
-                @media screen and (width <= 600px) {
-                    font-size: 24px;
-                    line-height: 28px;
-                    margin: 0;
-                }
-            }
-        }
-
-        &__buttons {
-            width: 100%;
-            display: flex;
-            align-items: center;
-            margin-top: 32px;
-            column-gap: 20px;
-
-            @media screen and (width <= 600px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 10px;
-                margin-top: 15px;
-            }
-        }
-    }
-
-    .password-input {
-        position: relative;
-        width: 100%;
-    }
-
-    .full-input {
-        margin-bottom: 15px;
-    }
-
-    @media screen and (width <= 600px) {
-
-        :deep(.password-strength-container) {
-            width: unset;
-            height: unset;
-        }
-
-        :deep(.password-strength-container__header) {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-
-        :deep(.password-strength-container__rule-area__rule) {
-            text-align: left;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/ChangeProjectLimitModal.vue b/web/satellite/src/components/modals/ChangeProjectLimitModal.vue
deleted file mode 100644
index 3a04babffd88..000000000000
--- a/web/satellite/src/components/modals/ChangeProjectLimitModal.vue
+++ /dev/null
@@ -1,551 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <LimitIcon />
-                    <h1 class="modal__header__title">{{ activeLimit }} Limit</h1>
-                </div>
-                <div class="modal__functional">
-                    <div class="modal__functional__limits">
-                        <div class="modal__functional__limits__wrap">
-                            <p class="modal__functional__limits__wrap__label">Set {{ activeLimit }} Limit</p>
-                            <div class="modal__functional__limits__wrap__inputs">
-                                <input
-                                    v-model="limitValue"
-                                    type="number"
-                                    :min="0"
-                                    :max="isBandwidthUpdating ? paidBandwidthLimit : paidStorageLimit"
-                                    @input="setLimitValue"
-                                >
-                                <select
-                                    :value="activeMeasurement"
-                                    @change="setActiveMeasurement"
-                                >
-                                    <option
-                                        v-for="option in measurementOptions"
-                                        :key="option"
-                                        :value="option"
-                                    >
-                                        {{ option }}
-                                    </option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="modal__functional__limits__wrap">
-                            <p class="modal__functional__limits__wrap__label">Available {{ activeLimit }}</p>
-                            <div class="modal__functional__limits__wrap__inputs">
-                                <input
-                                    :value="isBandwidthUpdating ? paidBandwidthLimit : paidStorageLimit"
-                                    disabled
-                                >
-                                <select
-                                    :value="activeMeasurement"
-                                    @change="setActiveMeasurement"
-                                >
-                                    <option
-                                        v-for="option in measurementOptions"
-                                        :key="option"
-                                        :value="option"
-                                    >
-                                        {{ option }}
-                                    </option>
-                                </select>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="modal__functional__range">
-                        <div class="modal__functional__range__labels">
-                            <p>0 {{ activeMeasurement }}</p>
-                            <p>
-                                {{ isBandwidthUpdating ? paidBandwidthLimit.toLocaleString() : paidStorageLimit.toLocaleString() }} {{ activeMeasurement }}
-                            </p>
-                        </div>
-                        <input
-                            ref="rangeInput"
-                            v-model="limitValue"
-                            min="0"
-                            :max="isBandwidthUpdating ? paidBandwidthLimit : paidStorageLimit"
-                            type="range"
-                            @input="setLimitValue"
-                        >
-                    </div>
-                </div>
-                <p class="modal__info">
-                    If you need more storage,
-                    <span
-                        v-if="isLimitIncreaseRequestEnabled"
-                        class="modal__info__link"
-                        rel="noopener noreferrer"
-                        @click="openRequestLimitModal"
-                    >
-                        request limit increase.
-                    </span>
-                    <a
-                        v-else
-                        class="modal__info__link"
-                        href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                    >
-                        request limit increase.
-                    </a>
-                </p>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        :on-press="closeModal"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-disabled="isLoading"
-                        is-white
-                    />
-                    <VButton
-                        label="Save"
-                        :on-press="onSave"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-disabled="isLoading"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, onMounted, ref } from 'vue';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useNotify } from '@/utils/hooks';
-import { LimitToChange, ProjectLimits } from '@/types/projects';
-import { Dimensions, Memory } from '@/utils/bytesSize';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useLoading } from '@/composables/useLoading';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import LimitIcon from '@/../static/images/modals/limit.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const configStore = useConfigStore();
-const notify = useNotify();
-
-const { isLoading, withLoading } = useLoading();
-
-const activeLimit = ref<LimitToChange>(LimitToChange.Storage);
-const activeMeasurement = ref<string>(Dimensions.TB);
-const limitValue = ref<number>(0);
-const rangeInput = ref<HTMLInputElement>();
-
-/**
- * Returns current limits from store.
- */
-const currentLimits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns current default bandwidth limit for paid accounts.
- */
-const paidBandwidthLimit = computed((): number => {
-    const limitVal = getLimitValue(configStore.state.config.defaultPaidBandwidthLimit);
-    const maxLimit = Math.max(currentLimits.value.bandwidthLimit / Memory.TB, limitVal);
-    if (activeMeasurement.value === Dimensions.GB) {
-        return toGB(maxLimit);
-    }
-    return maxLimit;
-});
-
-/**
- * Returns current default storage limit for paid accounts.
- */
-const paidStorageLimit = computed((): number => {
-    const limitVal = getLimitValue(configStore.state.config.defaultPaidStorageLimit);
-    const maxLimit = Math.max(currentLimits.value.storageLimit / Memory.TB, limitVal);
-    if (activeMeasurement.value === Dimensions.GB) {
-        return toGB(maxLimit);
-    }
-    return maxLimit;
-});
-
-/**
- * Returns dimensions dropdown options.
- */
-const measurementOptions = computed((): string[] => {
-    return [Dimensions.GB, Dimensions.TB];
-});
-
-/**
- * Indicates if bandwidth limit is updating.
- */
-const isBandwidthUpdating = computed((): boolean => {
-    return activeLimit.value === LimitToChange.Bandwidth;
-});
-
-/**
- * Indicates if limit increase requests can be sent directly from the UI.
- */
-const isLimitIncreaseRequestEnabled = computed<boolean>(() => configStore.state.config.limitIncreaseRequestEnabled);
-
-function openRequestLimitModal(): void {
-    appStore.updateActiveModal(MODALS.requestProjectLimitIncrease);
-}
-
-/**
- * Sets active dimension and recalculates limit values.
- */
-function setActiveMeasurement(event: Event): void {
-    const target = event.target as HTMLSelectElement;
-
-    if (target.value === Dimensions.TB) {
-        activeMeasurement.value = Dimensions.TB;
-        limitValue.value = toTB(limitValue.value);
-        updateTrackColor();
-        return;
-    }
-
-    activeMeasurement.value = Dimensions.GB;
-    limitValue.value = toGB(limitValue.value);
-    updateTrackColor();
-}
-
-/**
- * Sets limit value from inputs.
- */
-function setLimitValue(event: Event): void {
-    const target = event.target as HTMLInputElement;
-
-    const paidCharLimit = isBandwidthUpdating.value ?
-        paidBandwidthLimit.value.toString().length :
-        paidStorageLimit.value.toString().length;
-
-    if (target.value.length > paidCharLimit) {
-        const formattedLimit = target.value.slice(0, paidCharLimit);
-        limitValue.value = parseFloat(formattedLimit);
-        return;
-    }
-
-    if (activeLimit.value === LimitToChange.Bandwidth && parseFloat(target.value) > paidBandwidthLimit.value) {
-        limitValue.value = paidBandwidthLimit.value;
-        return;
-    }
-
-    if (activeLimit.value === LimitToChange.Storage && parseFloat(target.value) > paidStorageLimit.value) {
-        limitValue.value = paidStorageLimit.value;
-        return;
-    }
-
-    limitValue.value = parseFloat(target.value);
-
-    updateTrackColor();
-}
-
-/**
- * Get limit numeric value separated from included measurement
- */
-function getLimitValue(limit: string): number {
-    return parseInt(limit.split(' ')[0]);
-}
-
-/**
- * Convert value from GB to TB
- */
-function toTB(limitValue: number): number {
-    return limitValue / 1000;
-}
-
-/**
- * Convert value from TB to GB
- */
-function toGB(limitValue: number): number {
-    return limitValue * 1000;
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Updates range input's track color depending on current active value.
- */
-function updateTrackColor(): void {
-    if (!rangeInput.value) {
-        return;
-    }
-
-    const min = parseFloat(rangeInput.value.min);
-    const max = parseFloat(rangeInput.value.max);
-    const value = parseFloat(rangeInput.value.value);
-
-    const thumbPosition = (value - min) / (max - min);
-    const greenWidth = thumbPosition * 100;
-
-    rangeInput.value.style.background = `linear-gradient(to right, #00ac26 ${greenWidth}%, #d8dee3 ${greenWidth}%)`;
-}
-
-/**
- * Updates desired limit.
- */
-async function onSave(): Promise<void> {
-    await withLoading(async () => {
-        try {
-            let limit = limitValue.value;
-            if (activeMeasurement.value === Dimensions.GB) {
-                limit = limit * Number(Memory.GB);
-            } else if (activeMeasurement.value === Dimensions.TB) {
-                limit = limit * Number(Memory.TB);
-            }
-
-            if (isBandwidthUpdating.value) {
-                const updatedProject = new ProjectLimits(limit);
-                await projectsStore.updateProjectBandwidthLimit(updatedProject);
-
-                analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
-                notify.success('Project download limit updated successfully!');
-            } else {
-                const updatedProject = new ProjectLimits(0, 0, limit);
-                await projectsStore.updateProjectStorageLimit(updatedProject);
-
-                analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_STORAGE_LIMIT_UPDATED);
-                notify.success('Project storage limit updated successfully!');
-            }
-
-            closeModal();
-        } catch (error) {
-            notify.error(error.message, AnalyticsErrorEventSource.CHANGE_PROJECT_LIMIT_MODAL);
-        }
-    });
-}
-
-onBeforeMount(() => {
-    activeLimit.value = appStore.state.activeChangeLimit;
-
-    if (isBandwidthUpdating.value) {
-        limitValue.value = currentLimits.value.bandwidthLimit / Memory.TB;
-        return;
-    }
-
-    limitValue.value = currentLimits.value.storageLimit / Memory.TB;
-});
-
-onMounted(() => {
-    updateTrackColor();
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-
-    @media screen and (width <= 375px) {
-        padding: 32px 16px;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-            margin-left: 16px;
-        }
-    }
-
-    &__functional {
-        padding: 16px;
-        background: var(--c-grey-1);
-        border: 1px solid var(--c-grey-2);
-        border-radius: 16px;
-
-        &__limits {
-            display: flex;
-            align-items: center;
-            column-gap: 16px;
-
-            &__wrap {
-                @media screen and (width <= 475px) {
-                    width: calc(50% - 8px);
-                }
-
-                &__label {
-                    font-weight: 500;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-blue-6);
-                    text-align: left;
-                    margin-bottom: 8px;
-                }
-
-                &__inputs {
-                    display: flex;
-                    align-items: center;
-                    border: 1px solid var(--c-grey-4);
-                    border-radius: 8px;
-
-                    input,
-                    select {
-                        border: none;
-                        font-family: 'font_bold', sans-serif;
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: var(--c-grey-6);
-                        background-color: #fff;
-                    }
-
-                    input {
-                        padding: 9px 13px;
-                        box-sizing: border-box;
-                        width: 100px;
-                        border-radius: 8px 0 0 8px;
-
-                        @media screen and (width <= 475px) {
-                            padding-right: 0;
-                            width: calc(100% - 54px);
-                        }
-
-                        &:disabled {
-                            background-color: var(--c-grey-2);
-                        }
-                    }
-
-                    select {
-                        box-sizing: border-box;
-                        min-width: 54px;
-                        padding: 9px 0 9px 13px;
-                        border-radius: 0 8px 8px 0;
-                    }
-                }
-            }
-        }
-
-        &__range {
-            padding: 16px;
-            border: 1px solid var(--c-grey-3);
-            border-radius: 8px;
-            margin-top: 16px;
-            background-color: var(--c-white);
-
-            &__labels {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                margin-bottom: 10px;
-
-                p {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 14px;
-                    line-height: 14px;
-                    color: var(--c-grey-6);
-                }
-            }
-        }
-    }
-
-    &__info {
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        margin-top: 16px;
-        text-align: left;
-
-        &__link {
-            text-decoration: underline !important;
-            text-underline-position: under;
-            color: var(--c-blue-6);
-            cursor: pointer;
-
-            &:visited {
-                color: var(--c-blue-6);
-            }
-        }
-    }
-
-    &__buttons {
-        border-top: 1px solid var(--c-grey-2);
-        margin-top: 16px;
-        padding-top: 24px;
-        display: flex;
-        align-items: center;
-        column-gap: 16px;
-    }
-}
-
-input[type='range'] {
-    width: 100%;
-    cursor: pointer;
-    appearance: none;
-    border: none;
-    border-radius: 4px;
-}
-
-input[type='range']::-webkit-slider-thumb {
-    appearance: none;
-    margin-top: -4px;
-    width: 16px;
-    height: 16px;
-    background: var(--c-white);
-    border: 1px solid var(--c-green-5);
-    cursor: col-resize;
-    border-radius: 50%;
-    background-image: url('../../../static/images/modals/burger.png');
-    background-repeat: no-repeat;
-    background-size: 10px 7px;
-    background-position: center;
-}
-
-input[type='range']::-moz-range-thumb {
-    appearance: none;
-    margin-top: -4px;
-    width: 16px;
-    height: 16px;
-    background: var(--c-white);
-    border: 1px solid var(--c-green-5);
-    cursor: col-resize;
-    border-radius: 50%;
-    background-image: url('../../../static/images/modals/burger.png');
-    background-repeat: no-repeat;
-    background-size: 10px 7px;
-    background-position: center;
-}
-
-input[type='range']::-webkit-slider-runnable-track {
-    width: 100%;
-    height: 8px;
-    cursor: pointer;
-    border-radius: 4px;
-}
-
-input[type='range']::-moz-range-track {
-    width: 100%;
-    height: 8px;
-    cursor: pointer;
-    border-radius: 4px;
-}
-</style>
diff --git a/web/satellite/src/components/modals/CreateBucketModal.vue b/web/satellite/src/components/modals/CreateBucketModal.vue
deleted file mode 100644
index da2fcb160cde..000000000000
--- a/web/satellite/src/components/modals/CreateBucketModal.vue
+++ /dev/null
@@ -1,418 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <CreateBucketIcon />
-                    <h1 class="modal__header__title">Create a Bucket</h1>
-                </div>
-                <p class="modal__info">
-                    Buckets are used to store and organize your files. Enter lowercase alphanumeric characters only,
-                    no spaces.
-                </p>
-                <div class="modal__input-container">
-                    <VLoader v-if="bucketNamesLoading" width="100px" height="100px" />
-                    <VInput
-                        v-else
-                        :init-value="bucketName"
-                        label="Bucket Name"
-                        additional-label="Required"
-                        placeholder="Enter bucket name"
-                        :error="nameError"
-                        @setData="setBucketName"
-                    />
-                </div>
-                <div class="modal__button-container">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Create bucket ->"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onCreate"
-                        :is-disabled="!bucketName"
-                    />
-                </div>
-                <div v-if="isLoading" class="modal__blur">
-                    <VLoader class="modal__blur__loader" width="50px" height="50px" />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { Validator } from '@/utils/validation';
-import { AccessGrant, EdgeCredentials } from '@/types/accessGrants';
-import { LocalData } from '@/utils/localData';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore, FILE_BROWSER_AG_NAME } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VLoader from '@/components/common/VLoader.vue';
-import VInput from '@/components/common/VInput.vue';
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import CreateBucketIcon from '@/../static/images/buckets/createBucket.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-
-const bucketName = ref<string>('');
-const nameError = ref<string>('');
-const bucketNamesLoading = ref<boolean>(true);
-const isLoading = ref<boolean>(false);
-const worker = ref<Worker | null>(null);
-
-/**
- * Returns all bucket names from store.
- */
-const allBucketNames = computed((): string[] => {
-    return bucketsStore.state.allBucketNames;
-});
-
-/**
- * Returns condition if user has to be prompt for passphrase from store.
- */
-const promptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Returns object browser api key from store.
- */
-const apiKey = computed((): string => {
-    return bucketsStore.state.apiKey;
-});
-
-/**
- * Returns edge credentials from store.
- */
-const edgeCredentials = computed((): EdgeCredentials => {
-    return bucketsStore.state.edgeCredentials;
-});
-
-/**
- * Returns edge credentials for bucket creation from store.
- */
-const edgeCredentialsForCreate = computed((): EdgeCredentials => {
-    return bucketsStore.state.edgeCredentialsForCreate;
-});
-
-/**
- * Indicates if bucket was created.
- */
-const bucketWasCreated = computed((): boolean => {
-    const status = LocalData.getBucketWasCreatedStatus();
-    if (status !== null) {
-        return status;
-    }
-
-    return false;
-});
-
-/**
- * Validates provided bucket's name and creates a bucket.
- */
-async function onCreate(): Promise<void> {
-    if (isLoading.value) return;
-
-    if (!worker.value) {
-        notify.error('Worker is not defined', AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-        return;
-    }
-
-    if (!isBucketNameValid(bucketName.value)) {
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-        return;
-    }
-
-    if (allBucketNames.value.includes(bucketName.value)) {
-        notify.error('Bucket with this name already exists', AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-        return;
-    }
-
-    isLoading.value = true;
-
-    try {
-        const projectID = projectsStore.state.selectedProject.id;
-
-        if (!promptForPassphrase.value) {
-            if (!edgeCredentials.value.accessKeyId) {
-                await bucketsStore.setS3Client(projectID);
-            }
-            await bucketsStore.createBucket(bucketName.value);
-            await bucketsStore.getBuckets(1, projectID);
-            bucketsStore.setFileComponentBucketName(bucketName.value);
-
-            analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
-            analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-            await router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-            closeModal();
-
-            if (!bucketWasCreated.value) {
-                LocalData.setBucketWasCreatedStatus();
-            }
-
-            return;
-        }
-
-        if (edgeCredentialsForCreate.value.accessKeyId) {
-            await bucketsStore.createBucketWithNoPassphrase(bucketName.value);
-            await bucketsStore.getBuckets(1, projectID);
-            analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
-            closeModal();
-
-            if (!bucketWasCreated.value) {
-                LocalData.setBucketWasCreatedStatus();
-            }
-
-            return ;
-        }
-
-        if (!apiKey.value) {
-            await agStore.deleteAccessGrantByNameAndProjectID(FILE_BROWSER_AG_NAME, projectID);
-            const cleanAPIKey: AccessGrant = await agStore.createAccessGrant(FILE_BROWSER_AG_NAME, projectID);
-            bucketsStore.setApiKey(cleanAPIKey.secret);
-        }
-
-        const now = new Date();
-        const inOneHour = new Date(now.setHours(now.getHours() + 1));
-
-        worker.value.postMessage({
-            'type': 'SetPermission',
-            'isDownload': false,
-            'isUpload': true,
-            'isList': false,
-            'isDelete': false,
-            'notAfter': inOneHour.toISOString(),
-            'buckets': JSON.stringify([]),
-            'apiKey': apiKey.value,
-        });
-
-        const grantEvent: MessageEvent = await new Promise(resolve => {
-            if (worker.value) {
-                worker.value.onmessage = resolve;
-            }
-        });
-        if (grantEvent.data.error) {
-            notify.error(grantEvent.data.error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-            return;
-        }
-
-        const salt = await projectsStore.getProjectSalt(projectsStore.state.selectedProject.id);
-        const satelliteNodeURL: string = configStore.state.config.satelliteNodeURL;
-
-        worker.value.postMessage({
-            'type': 'GenerateAccess',
-            'apiKey': grantEvent.data.value,
-            'passphrase': '',
-            'salt': salt,
-            'satelliteNodeURL': satelliteNodeURL,
-        });
-
-        const accessGrantEvent: MessageEvent = await new Promise(resolve => {
-            if (worker.value) {
-                worker.value.onmessage = resolve;
-            }
-        });
-        if (accessGrantEvent.data.error) {
-            notify.error(accessGrantEvent.data.error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-            return;
-        }
-
-        const accessGrant = accessGrantEvent.data.value;
-
-        const creds: EdgeCredentials = await agStore.getEdgeCredentials(accessGrant);
-        bucketsStore.setEdgeCredentialsForCreate(creds);
-        await bucketsStore.createBucketWithNoPassphrase(bucketName.value);
-        await bucketsStore.getBuckets(1, projectID);
-        analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
-
-        closeModal();
-
-        if (!bucketWasCreated.value) {
-            LocalData.setBucketWasCreatedStatus();
-        }
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-    } finally {
-        isLoading.value = false;
-    }
-}
-
-/**
- * Sets bucket name value from input to local variable.
- */
-function setBucketName(name: string): void {
-    bucketName.value = name;
-}
-
-/**
- * Closes create bucket modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Sets local worker with worker instantiated in store.
- */
-function setWorker(): void {
-    worker.value = agStore.state.accessGrantsWebWorker;
-    if (worker.value) {
-        worker.value.onerror = (error: ErrorEvent) => {
-            notify.error(error.message, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-        };
-    }
-}
-
-/**
- * Returns validation status of a bucket name.
- */
-function isBucketNameValid(name: string): boolean {
-    switch (true) {
-    case name.length < 3 || name.length > 63:
-        nameError.value = 'Name must be not less than 3 and not more than 63 characters length';
-        return false;
-    case !Validator.bucketName(name):
-        nameError.value = 'Name must contain only lowercase latin characters, numbers, a hyphen or a period';
-        return false;
-    default:
-        return true;
-    }
-}
-
-onBeforeMount(() => {
-    setWorker();
-});
-
-onMounted(async (): Promise<void> => {
-    try {
-        await bucketsStore.getAllBucketsNames(projectsStore.state.selectedProject.id);
-        bucketName.value = allBucketNames.value.length > 0 ? '' : 'demo-bucket';
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
-    } finally {
-        bucketNamesLoading.value = false;
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-    display: flex;
-    flex-direction: column;
-    max-width: 350px;
-
-    @media screen and (width <= 615px) {
-        padding: 30px 20px;
-    }
-
-    &__blur {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        background-color: rgb(229 229 229 / 20%);
-        border-radius: 8px;
-        z-index: 100;
-
-        &__loader {
-            width: 25px;
-            height: 25px;
-            position: absolute;
-            right: 40px;
-            top: 40px;
-        }
-    }
-
-    :deep(.label-container) {
-        margin-bottom: 8px;
-    }
-
-    :deep(.label-container__main__label) {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        color: #56606d;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-            text-align: left;
-        }
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        padding: 16px 0;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__input-container {
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-
-    &__button-container {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: 16px;
-        column-gap: 20px;
-
-        @media screen and (width <= 600px) {
-            margin-top: 20px;
-            column-gap: unset;
-            row-gap: 8px;
-            flex-direction: column-reverse;
-        }
-    }
-}
-
-</style>
diff --git a/web/satellite/src/components/modals/CreateProjectModal.vue b/web/satellite/src/components/modals/CreateProjectModal.vue
deleted file mode 100644
index bca2a9ab3fd1..000000000000
--- a/web/satellite/src/components/modals/CreateProjectModal.vue
+++ /dev/null
@@ -1,272 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <img
-                    class="modal__icon"
-                    src="@/../static/images/account/billing/paidTier/prompt.png"
-                    alt="Prompt Image"
-                >
-                <h1 class="modal__title" aria-roledescription="modal-title">
-                    Create a Project
-                </h1>
-                <VInput
-                    label="Project Name*"
-                    additional-label="Up To 20 Characters"
-                    placeholder="Project Name"
-                    class="full-input"
-                    is-limit-shown
-                    :current-limit="projectName.length"
-                    :max-symbols="20"
-                    :error="nameError"
-                    @setData="setProjectName"
-                />
-                <VInput
-                    label="Description - Optional"
-                    placeholder="Project Description"
-                    class="full-input"
-                    is-multiline
-                    height="100px"
-                    is-limit-shown
-                    :current-limit="description.length"
-                    :max-symbols="100"
-                    @setData="setProjectDescription"
-                />
-                <div class="modal__button-container">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Create Project"
-                        width="100%"
-                        height="48px"
-                        :on-press="onCreateProjectClick"
-                        :is-disabled="!projectName"
-                    />
-                </div>
-                <div v-if="isLoading" class="modal__blur">
-                    <VLoader class="modal__blur__loader" width="50px" height="50px" />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { ProjectFields } from '@/types/projects';
-import { LocalData } from '@/utils/localData';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VLoader from '@/components/common/VLoader.vue';
-import VInput from '@/components/common/VInput.vue';
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const analyticsStore = useAnalyticsStore();
-const projectsStore = useProjectsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-const router = useRouter();
-
-const description = ref<string>('');
-const createdProjectId = ref<string>('');
-const projectName = ref<string>('');
-const nameError = ref<string>('');
-const isLoading = ref<boolean>(false);
-
-/**
- * Sets project name from input value.
- */
-function setProjectName(value: string): void {
-    projectName.value = value;
-    nameError.value = '';
-}
-
-/**
- * Sets project description from input value.
- */
-function setProjectDescription(value: string): void {
-    description.value = value;
-}
-
-/**
- * Creates project and refreshes store.
- */
-async function onCreateProjectClick(): Promise<void> {
-    if (isLoading.value) return;
-
-    isLoading.value = true;
-    projectName.value = projectName.value.trim();
-
-    const project = new ProjectFields(
-        projectName.value,
-        description.value,
-        usersStore.state.user.id,
-    );
-
-    try {
-        project.checkName();
-    } catch (error) {
-        isLoading.value = false;
-        nameError.value = error.message;
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
-
-        return;
-    }
-
-    try {
-        createdProjectId.value = await projectsStore.createProject(project);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
-        isLoading.value = false;
-
-        return;
-    }
-
-    selectCreatedProject();
-
-    notify.success('Project created successfully!');
-
-    isLoading.value = false;
-    closeModal();
-
-    bucketsStore.clearS3Data();
-    if (usersStore.state.settings.passphrasePrompt) {
-        appStore.updateActiveModal(MODALS.createProjectPassphrase);
-    }
-
-    analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-    await router.push(RouteConfig.ProjectDashboard.path);
-}
-
-/**
- * Selects just created project.
- */
-function selectCreatedProject(): void {
-    projectsStore.selectProject(createdProjectId.value);
-    LocalData.setSelectedProjectId(createdProjectId.value);
-}
-
-/**
- * Closes create project modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        width: 400px;
-        padding: 54px 48px 51px;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-        font-family: 'font_regular', sans-serif;
-
-        @media screen and (width <= 550px) {
-            width: calc(100% - 48px);
-            padding: 54px 24px 32px;
-        }
-
-        &__icon {
-            max-height: 154px;
-            max-width: 118px;
-
-            @media screen and (width <= 550px) {
-                max-height: 77px;
-                max-width: 59px;
-            }
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 34px;
-            color: #1b2533;
-            margin-top: 40px;
-            text-align: center;
-
-            @media screen and (width <= 550px) {
-                margin-top: 16px;
-                font-size: 24px;
-                line-height: 31px;
-            }
-        }
-
-        &__info {
-            font-family: 'font_regular', sans-serif;
-            font-size: 16px;
-            line-height: 21px;
-            text-align: center;
-            color: #354049;
-            margin: 15px 0 45px;
-        }
-
-        &__button-container {
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-top: 30px;
-            column-gap: 20px;
-
-            @media screen and (width <= 550px) {
-                margin-top: 20px;
-                column-gap: unset;
-                row-gap: 8px;
-                flex-direction: column-reverse;
-            }
-        }
-
-        &__blur {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 100%;
-            background-color: rgb(229 229 229 / 20%);
-            border-radius: 8px;
-            z-index: 100;
-
-            &__loader {
-                width: 25px;
-                height: 25px;
-                position: absolute;
-                right: 40px;
-                top: 40px;
-            }
-        }
-    }
-
-    .full-input {
-        margin-top: 20px;
-    }
-
-    @media screen and (width <= 550px) {
-
-        :deep(.add-label) {
-            display: none;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/CreateProjectPromptModal.vue b/web/satellite/src/components/modals/CreateProjectPromptModal.vue
deleted file mode 100644
index 34e596be5950..000000000000
--- a/web/satellite/src/components/modals/CreateProjectPromptModal.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <ProjectIcon />
-                    <h1 class="modal__header__title">Get more projects</h1>
-                </div>
-                <p v-if="!isPaidTier && billingEnabled" class="modal__info">
-                    Upgrade to Pro Account to create more projects and gain access to higher limits.
-                </p>
-                <p v-else class="modal__info">
-                    Request project limits increase.
-                </p>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        :on-press="closeModal"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        is-white
-                    />
-                    <VButton
-                        :label="buttonLabel"
-                        :on-press="onClick"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import ProjectIcon from '@/../static/images/common/blueBox.svg';
-
-const appStore = useAppStore();
-const userStore = useUsersStore();
-const configStore = useConfigStore();
-
-const isPaidTier = computed<boolean>(() => userStore.state.user.paidTier);
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Returns button text label depending on if the user is in the free or paid tier.
- */
-const buttonLabel = computed<string>(() => {
-    return !isPaidTier.value && billingEnabled.value ? 'Upgrade -->' : 'Request -->';
-});
-
-/**
- * Holds on button click logic.
- * Closes this modal
- * Redirects to upgrade modal or opens new tab to request increase project limits .
- */
-function onClick(): void {
-    if (!isPaidTier.value && billingEnabled.value) {
-        appStore.updateActiveModal(MODALS.upgradeAccount);
-    } else {
-        appStore.removeActiveModal();
-        window.open('https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212', '_blank', 'noopener');
-    }
-}
-
-/**
- * Closes create project prompt modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    width: 414px;
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-
-    @media screen and (max-width <= 375px) {
-        width: unset;
-        padding: 32px 16px;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-weight: 800;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-black);
-            margin-left: 16px;
-        }
-    }
-
-    &__info {
-        font-weight: 400;
-        font-size: 14px;
-        line-height: 20px;
-        margin-top: 16px;
-        text-align: left;
-    }
-
-    &__buttons {
-        border-top: 1px solid var(--c-grey-2);
-        margin-top: 16px;
-        padding-top: 24px;
-        display: flex;
-        align-items: center;
-        column-gap: 16px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/DeleteAccessGrantModal.vue b/web/satellite/src/components/modals/DeleteAccessGrantModal.vue
deleted file mode 100644
index 5d6d14398364..000000000000
--- a/web/satellite/src/components/modals/DeleteAccessGrantModal.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <DeleteIcon />
-                    <h1 class="modal__header__title">Delete Access</h1>
-                </div>
-                <p class="modal__info">The following access will be deleted.</p>
-                <h3 class="modal__name">{{ name }}</h3>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        :is-white="true"
-                        height="52px"
-                        width="100%"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="closeModal"
-                        :is-disabled="isLoading"
-                    />
-                    <VButton
-                        label="Delete"
-                        :is-solid-delete="true"
-                        icon="trash"
-                        width="100%"
-                        height="52px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onDelete"
-                        :is-disabled="isLoading"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useLoading } from '@/composables/useLoading';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import DeleteIcon from '@/../static/images/modals/deleteAccessGrant/delete.svg';
-
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const appStore = useAppStore();
-const notify = useNotify();
-
-const { isLoading, withLoading } = useLoading();
-
-/**
- * Returns access name to delete from store.
- */
-const name = computed((): string => {
-    return agStore.state.accessNameToDelete;
-});
-
-/**
- * Closes delete access grant modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Deletes selected access grant.
- */
-async function onDelete(): Promise<void> {
-    await withLoading(async () => {
-        try {
-            let page = agStore.state.cursor.page;
-            if (agStore.state.page.accessGrants.length === 1) {
-                page--;
-                if (page < 1) {
-                    page = 1;
-                }
-            }
-
-            await agStore.deleteAccessGrants();
-            notify.success(`Access Grant deleted successfully`);
-
-            await agStore.getAccessGrants(page, projectsStore.state.selectedProject.id);
-            agStore.clearSelection();
-            agStore.setAccessNameToDelete('');
-
-            closeModal();
-        } catch (error) {
-            notify.error(error.message, AnalyticsErrorEventSource.CONFIRM_DELETE_AG_MODAL);
-        }
-    });
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    width: 350px;
-    padding: 32px;
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-
-    @media screen and (width <= 500px) {
-        width: unset;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-            margin-left: 16px;
-            text-align: left;
-        }
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        margin-bottom: 24px;
-        text-align: left;
-    }
-
-    &__name {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        padding-bottom: 16px;
-        margin-bottom: 20px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        column-gap: 16px;
-
-        @media screen and (width <= 500px) {
-            column-gap: unset;
-            row-gap: 10px;
-            flex-direction: column-reverse;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/DeleteBucketModal.vue b/web/satellite/src/components/modals/DeleteBucketModal.vue
deleted file mode 100644
index b3109afbc569..000000000000
--- a/web/satellite/src/components/modals/DeleteBucketModal.vue
+++ /dev/null
@@ -1,277 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <h1 class="modal__title">Are you sure?</h1>
-                <p class="modal__subtitle">
-                    The following bucket will be deleted and all of its data.<br>This action cannot be undone.
-                </p>
-                <div class="modal__chip">
-                    <DeleteBucketIcon />
-                    <p class="modal__chip__label">{{ bucketToDelete }}</p>
-                </div>
-                <VInput
-                    class="modal__input"
-                    label="Type the name of the bucket to confirm"
-                    placeholder="Bucket Name"
-                    :is-loading="isLoading"
-                    @setData="onChangeName"
-                />
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="44px"
-                        :is-white="true"
-                        :on-press="closeModal"
-                    />
-                    <VButton
-                        label="Delete Bucket"
-                        width="100%"
-                        height="48px"
-                        :on-press="onDelete"
-                        :is-disabled="isLoading || !name"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { AccessGrant, EdgeCredentials } from '@/types/accessGrants';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore, FILE_BROWSER_AG_NAME } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import VInput from '@/components/common/VInput.vue';
-
-import DeleteBucketIcon from '@/../static/images/buckets/deleteBucket.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-
-const worker = ref<Worker| null>(null);
-const name = ref<string>('');
-const isLoading = ref<boolean>(false);
-
-/**
- * Returns apiKey from store.
- */
-const apiKey = computed<string>(() => bucketsStore.state.apiKey);
-const bucketToDelete = computed<string>(() => bucketsStore.state.bucketToDelete);
-
-/**
- * Holds on delete button click logic.
- * Creates unrestricted access grant and deletes bucket.
- */
-async function onDelete(): Promise<void> {
-    if (!worker.value) {
-        return;
-    }
-
-    if (isLoading.value) return;
-
-    isLoading.value = true;
-
-    const projectID = projectsStore.state.selectedProject.id;
-
-    try {
-        if (!apiKey.value) {
-            await agStore.deleteAccessGrantByNameAndProjectID(FILE_BROWSER_AG_NAME, projectID);
-            const cleanAPIKey: AccessGrant = await agStore.createAccessGrant(FILE_BROWSER_AG_NAME, projectID);
-            bucketsStore.setApiKey(cleanAPIKey.secret);
-        }
-
-        const now = new Date();
-        const inOneHour = new Date(now.setHours(now.getHours() + 1));
-
-        worker.value.postMessage({
-            'type': 'SetPermission',
-            'isDownload': false,
-            'isUpload': false,
-            'isList': true,
-            'isDelete': true,
-            'notAfter': inOneHour.toISOString(),
-            'buckets': JSON.stringify([name.value]),
-            'apiKey': apiKey.value,
-        });
-
-        const grantEvent: MessageEvent = await new Promise(resolve => {
-            if (worker.value) {
-                worker.value.onmessage = resolve;
-            }
-        });
-        if (grantEvent.data.error) {
-            notify.error(grantEvent.data.error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
-            return;
-        }
-
-        const salt = await projectsStore.getProjectSalt(projectsStore.state.selectedProject.id);
-        const satelliteNodeURL: string = configStore.state.config.satelliteNodeURL;
-
-        worker.value.postMessage({
-            'type': 'GenerateAccess',
-            'apiKey': grantEvent.data.value,
-            'passphrase': '',
-            'salt': salt,
-            'satelliteNodeURL': satelliteNodeURL,
-        });
-
-        const accessGrantEvent: MessageEvent = await new Promise(resolve => {
-            if (worker.value) {
-                worker.value.onmessage = resolve;
-            }
-        });
-        if (accessGrantEvent.data.error) {
-            notify.error(accessGrantEvent.data.error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
-            return;
-        }
-
-        const accessGrant = accessGrantEvent.data.value;
-
-        const edgeCredentials: EdgeCredentials = await agStore.getEdgeCredentials(accessGrant);
-        bucketsStore.setEdgeCredentialsForDelete(edgeCredentials);
-        await bucketsStore.deleteBucket(name.value);
-        analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_DELETED);
-        await fetchBuckets();
-        bucketsStore.setBucketToDelete('');
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
-        return;
-    } finally {
-        isLoading.value = false;
-    }
-
-    closeModal();
-}
-
-/**
- * Fetches bucket using api.
- */
-async function fetchBuckets(page = 1): Promise<void> {
-    try {
-        await bucketsStore.getBuckets(page, projectsStore.state.selectedProject.id);
-    } catch (error) {
-        notify.error(`Unable to fetch buckets. ${error.message}`, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
-    }
-}
-
-/**
- * Sets local worker with worker instantiated in store.
- */
-function setWorker(): void {
-    worker.value = agStore.state.accessGrantsWebWorker;
-    if (worker.value) {
-        worker.value.onerror = (error: ErrorEvent) => {
-            notify.error(error.message, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
-        };
-    }
-}
-
-/**
- * Sets name from input.
- */
-function onChangeName(value: string): void {
-    name.value = value;
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Lifecycle hook after initial render.
- * Sets local worker.
- */
-onMounted(() => {
-    setWorker();
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 35px;
-    border-radius: 10px;
-    font-family: 'font_regular', sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background-color: var(--c-white);
-    max-width: 480px;
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        font-size: 22px;
-        line-height: 30px;
-        color: var(--c-grey-8);
-        margin: 0 0 14px;
-    }
-
-    &__subtitle {
-        font-size: 16px;
-        line-height: 21px;
-        text-align: center;
-        color: var(--c-grey-8);
-        margin: 0 0 20px;
-    }
-
-    &__chip {
-        max-width: 100%;
-        display: flex;
-        align-items: center;
-        padding: 7px 30px;
-        border-radius: 999px;
-        margin-bottom: 24px;
-        background-color: var(--c-grey-2);
-
-        svg {
-            min-width: 18px;
-        }
-
-        &__label {
-            margin-left: 7px;
-            font-family: 'font_bold', sans-serif;
-            color: var(--c-blue-6);
-            font-size: 14px;
-            line-height: 18px;
-            word-break: break-word;
-        }
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        margin-top: 30px;
-        column-gap: 15px;
-
-        @media screen and (width <= 550px) {
-            flex-direction: column-reverse;
-            column-gap: unset;
-            row-gap: 10px;
-            margin-top: 15px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/DetailedUsageReportModal.vue b/web/satellite/src/components/modals/DetailedUsageReportModal.vue
deleted file mode 100644
index 15b3d4aa1b64..000000000000
--- a/web/satellite/src/components/modals/DetailedUsageReportModal.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-// Copyright (C) 2024 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <h1 class="modal__header__title">Get Detailed Usage Report</h1>
-                </div>
-                <p class="modal__label">Select date range to generate your report:</p>
-                <div class="modal__options">
-                    <VButton
-                        label="Past Month"
-                        width="100%"
-                        height="32px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="setPastMonth"
-                        :is-transparent="activeOption !== Options.PastMonth"
-                    />
-                    <VButton
-                        label="Past Year"
-                        width="100%"
-                        height="32px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="setPastYear"
-                        :is-transparent="activeOption !== Options.PastYear"
-                    />
-                    <VButton
-                        label="Choose Dates"
-                        width="100%"
-                        height="32px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="setChooseDates"
-                        :is-transparent="activeOption !== Options.ChooseDates"
-                    />
-                </div>
-                <v-date-range-picker
-                    :is-open="activeOption === Options.ChooseDates"
-                    :on-date-pick="setFromPicker"
-                />
-                <div class="modal__button-container">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Download"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onDownload"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { onBeforeMount, onBeforeUnmount, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { Download } from '@/utils/download';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-import VDateRangePicker from '@/components/common/VDateRangePicker.vue';
-
-enum Options {
-    PastMonth = 0,
-    PastYear,
-    ChooseDates,
-}
-
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-
-const notify = useNotify();
-
-const activeOption = ref<Options>(Options.PastMonth);
-const since = ref<Date>();
-const before = ref<Date>();
-
-/**
- * Starts report downloading.
- */
-async function onDownload(): Promise<void> {
-    if (!(since.value && before.value)) {
-        notify.error('Please select date range', AnalyticsErrorEventSource.DETAILED_USAGE_REPORT_MODAL);
-        return;
-    }
-
-    try {
-        const link = projectsStore.getUsageReportLink(since.value, before.value, appStore.state.usageReportProjectID);
-        Download.fileByLink(link);
-        notify.success('Usage report download started successfully.');
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.DETAILED_USAGE_REPORT_MODAL);
-    }
-}
-
-/**
- * Sets past month as active option.
- */
-function setPastMonth(): void {
-    const now = new Date();
-
-    since.value = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth() - 1, now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes()));
-    before.value = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes()));
-    activeOption.value = Options.PastMonth;
-}
-
-/**
- * Sets past year as active option.
- */
-function setPastYear(): void {
-    const now = new Date();
-
-    since.value = new Date(Date.UTC(now.getUTCFullYear() - 1, now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes()));
-    before.value = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes()));
-    activeOption.value = Options.PastYear;
-}
-
-/**
- * Sets custom date range as active option.
- */
-function setChooseDates(): void {
-    since.value = undefined;
-    before.value = undefined;
-    activeOption.value = Options.ChooseDates;
-}
-
-/**
- * Sets date range from picker.
- */
-function setFromPicker(dateRange: Date[]): void {
-    const start = dateRange[0];
-    const end = dateRange[1];
-
-    since.value = new Date(Date.UTC(start.getFullYear(), start.getMonth(), start.getDate(), start.getHours(), start.getMinutes()));
-    before.value = new Date(Date.UTC(end.getFullYear(), end.getMonth(), end.getDate(), end.getHours(), end.getMinutes()));
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-onBeforeMount(() => {
-    setPastMonth();
-});
-
-onBeforeUnmount(() => {
-    appStore.setUsageReportProjectID('');
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px 16px;
-    box-sizing: border-box;
-    font-family: 'font_regular', sans-serif;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    width: 500px;
-
-    @media screen and (width <= 550px) {
-        width: unset;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 32px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            text-align: left;
-        }
-    }
-
-    &__options {
-        margin: 10px 0 16px;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        column-gap: 8px;
-    }
-
-    &__button-container {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: 16px;
-        column-gap: 20px;
-
-        @media screen and (width <= 550px) {
-            margin-top: 20px;
-            column-gap: unset;
-            row-gap: 8px;
-            flex-direction: column-reverse;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/DisableMFAModal.vue b/web/satellite/src/components/modals/DisableMFAModal.vue
deleted file mode 100644
index 123dea4b7f08..000000000000
--- a/web/satellite/src/components/modals/DisableMFAModal.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="disable-mfa">
-                <h1 class="disable-mfa__title">Two-Factor Authentication</h1>
-                <p class="disable-mfa__subtitle">
-                    Enter code from your favorite TOTP app to disable 2FA.
-                </p>
-                <div class="disable-mfa__confirm">
-                    <h2 class="disable-mfa__confirm__title">Confirm Authentication Code</h2>
-                    <ConfirmMFAInput ref="mfaInput" :on-input="onConfirmInput" :is-error="isError" :is-recovery="isRecoveryCodeState" />
-                    <span class="disable-mfa__confirm__toggle" @click="toggleRecoveryCodeState">
-                        Or use {{ isRecoveryCodeState ? '2FA code' : 'recovery code' }}
-                    </span>
-                </div>
-                <p class="disable-mfa__info">
-                    After disabling 2FA, remove the authentication code from your TOTP app.
-                </p>
-                <div class="disable-mfa__buttons">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="44px"
-                        :is-white="true"
-                        :on-press="closeModal"
-                    />
-                    <VButton
-                        label="Disable 2FA"
-                        width="100%"
-                        height="44px"
-                        :on-press="disable"
-                        :is-disabled="!(request.recoveryCode || request.passcode) || isLoading"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { DisableMFARequest } from '@/types/users';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-
-import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-interface ClearInput {
-    clearInput(): void;
-}
-
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-
-const isError = ref<boolean>(false);
-const isLoading = ref<boolean>(false);
-const isRecoveryCodeState = ref<boolean>(false);
-const request = ref<DisableMFARequest>(new DisableMFARequest());
-const mfaInput = ref<ConfirmMFAInput & ClearInput>();
-
-/**
- * Closes disable MFA modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Sets confirmation passcode value from input.
- */
-function onConfirmInput(value: string): void {
-    isError.value = false;
-    isRecoveryCodeState.value ? request.value.recoveryCode = value : request.value.passcode = value;
-}
-
-/**
- * Toggles whether the MFA recovery code page is shown.
- */
-function toggleRecoveryCodeState(): void {
-    isError.value = false;
-    request.value.recoveryCode = request.value.passcode = '';
-    mfaInput.value?.clearInput();
-    isRecoveryCodeState.value = !isRecoveryCodeState.value;
-}
-
-/**
- * Disables user MFA.
- */
-async function disable(): Promise<void> {
-    if (!(request.value.recoveryCode || request.value.passcode) || isLoading.value || isError.value) return;
-
-    isLoading.value = true;
-
-    try {
-        await usersStore.disableUserMFA(request.value);
-        await usersStore.getUser();
-
-        await notify.success('MFA was disabled successfully');
-
-        closeModal();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.DISABLE_MFA_MODAL);
-        isError.value = true;
-    }
-
-    isLoading.value = false;
-}
-</script>
-
-<style scoped lang="scss">
-    .disable-mfa {
-        padding: 60px;
-        background: #fff;
-        border-radius: 6px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-
-        @media screen and (width <= 550px) {
-            padding: 48px 24px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 34px;
-            text-align: center;
-            color: #000;
-            margin: 0 0 30px;
-
-            @media screen and (width <= 550px) {
-                font-size: 24px;
-                line-height: 28px;
-                margin-bottom: 15px;
-            }
-        }
-
-        &__subtitle {
-            font-size: 16px;
-            line-height: 21px;
-            text-align: center;
-            color: #000;
-            margin: 0 0 45px;
-
-            @media screen and (width <= 550px) {
-                font-size: 14px;
-                line-height: 18px;
-                margin-bottom: 20px;
-            }
-        }
-
-        &__confirm {
-            padding: 25px;
-            background: #f5f6fa;
-            border-radius: 6px;
-            width: calc(100% - 50px);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            &__title {
-                font-size: 16px;
-                line-height: 19px;
-                text-align: center;
-                color: #000;
-                margin-bottom: 20px;
-            }
-
-            &__toggle {
-                font-size: 16px;
-                color: #0068dc;
-                cursor: pointer;
-                margin-top: 20px;
-                text-align: center;
-            }
-        }
-
-        &__info {
-            font-size: 16px;
-            line-height: 21px;
-            text-align: center;
-            color: #768394;
-            max-width: 485px;
-            margin-top: 30px;
-        }
-
-        &__buttons {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            margin-top: 30px;
-            column-gap: 15px;
-
-            @media screen and (width <= 550px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 10px;
-                margin-top: 15px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/EditProfileModal.vue b/web/satellite/src/components/modals/EditProfileModal.vue
deleted file mode 100644
index 700ac00f0960..000000000000
--- a/web/satellite/src/components/modals/EditProfileModal.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="edit-profile">
-                <div class="edit-profile__row">
-                    <div class="edit-profile__row__avatar">
-                        <h1 class="edit-profile__row__avatar__letter">{{ avatarLetter }}</h1>
-                    </div>
-                    <h2 class="edit-profile__row__label">Edit Profile</h2>
-                </div>
-                <VInput
-                    label="Full Name"
-                    placeholder="Enter Full Name"
-                    max-symbols="72"
-                    :error="fullNameError"
-                    :init-value="userInfo.fullName"
-                    @setData="setFullName"
-                />
-                <div class="edit-profile__buttons">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Update"
-                        width="100%"
-                        height="48px"
-                        :on-press="onUpdateClick"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, reactive, ref } from 'vue';
-
-import { UpdatedUser } from '@/types/users';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import VInput from '@/components/common/VInput.vue';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const userStore = useUsersStore();
-const notify = useNotify();
-
-const userInfo = reactive<UpdatedUser>(new UpdatedUser(userStore.state.user.fullName, userStore.state.user.shortName));
-const fullNameError = ref<string>('');
-
-/**
- * Returns first letter of username.
- */
-const avatarLetter = computed((): string => {
-    return userStore.userName.slice(0, 1).toUpperCase();
-});
-
-/**
- * Set full name value from input.
- */
-function setFullName(value: string): void {
-    userInfo.setFullName(value);
-    fullNameError.value = '';
-}
-
-/**
- * Validates name and tries to update user info and close popup.
- */
-async function onUpdateClick(): Promise<void> {
-    if (!userInfo.isValid()) {
-        fullNameError.value = 'Full name expected';
-
-        return;
-    }
-
-    try {
-        await userStore.updateUser(userInfo);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.EDIT_PROFILE_MODAL);
-
-        return;
-    }
-
-    analyticsStore.eventTriggered(AnalyticsEvent.PROFILE_UPDATED);
-
-    notify.success('Account info successfully updated!');
-
-    closeModal();
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-    .edit-profile {
-        background-color: #fff;
-        border-radius: 6px;
-        display: flex;
-        flex-direction: column;
-        padding: 48px;
-        min-width: 530px;
-        box-sizing: border-box;
-
-        @media screen and (width <= 580px) {
-            min-width: 450px;
-        }
-
-        @media screen and (width <= 500px) {
-            min-width: unset;
-        }
-
-        @media screen and (width <= 400px) {
-            padding: 24px;
-        }
-
-        &__row {
-            display: flex;
-            align-items: center;
-            margin-bottom: 30px;
-
-            @media screen and (width <= 400px) {
-                margin-bottom: 0;
-            }
-
-            &__avatar {
-                width: 60px;
-                height: 60px;
-                border-radius: 6px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                background: #e8eaf2;
-                margin-right: 20px;
-
-                @media screen and (width <= 400px) {
-                    display: none;
-                }
-
-                &__letter {
-                    font-family: 'font_medium', sans-serif;
-                    font-size: 16px;
-                    line-height: 23px;
-                    color: #354049;
-                }
-            }
-
-            &__label {
-                font-family: 'font_bold', sans-serif;
-                font-size: 32px;
-                line-height: 60px;
-                color: #384b65;
-                margin-top: 0;
-            }
-        }
-
-        &__buttons {
-            width: 100%;
-            display: flex;
-            align-items: center;
-            margin-top: 40px;
-            column-gap: 20px;
-
-            @media screen and (width <= 400px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 10px;
-                margin-top: 20px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/EditSessionTimeoutModal.vue b/web/satellite/src/components/modals/EditSessionTimeoutModal.vue
deleted file mode 100644
index 25db54003f23..000000000000
--- a/web/satellite/src/components/modals/EditSessionTimeoutModal.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="() => withLoading(onClose)">
-        <template #content>
-            <div class="timeout-modal">
-                <div class="timeout-modal__header">
-                    <Icon class="timeout-modal__header__icon" />
-                    <h1 class="timeout-modal__header__title">
-                        Session Timeout
-                    </h1>
-                </div>
-
-                <div class="timeout-modal__divider" />
-
-                <p class="timeout-modal__info">Select your session timeout duration.</p>
-
-                <div class="timeout-modal__divider" />
-
-                <div>
-                    <p class="timeout-modal__label">Session timeout duration</p>
-                    <timeout-selector :selected="sessionDuration" @select="durationChange" />
-                </div>
-
-                <div class="timeout-modal__divider" />
-
-                <div class="timeout-modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        border-radius="10px"
-                        font-size="13px"
-                        is-white
-                        class="timeout-modal__buttons__button cancel"
-                        :on-press="() => withLoading(onClose)"
-                        :is-disabled="isLoading"
-                    />
-                    <VButton
-                        label="Save"
-                        width="100%"
-                        border-radius="10px"
-                        font-size="13px"
-                        class="timeout-modal__buttons__button"
-                        :on-press="() => withLoading(save)"
-                        :is-disabled="isLoading || !hasChanged"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { Duration } from '@/utils/time';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useLoading } from '@/composables/useLoading';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-import TimeoutSelector from '@/components/modals/editSessionTimeout/TimeoutSelector.vue';
-
-import Icon from '@/../static/images/session/inactivityTimer.svg';
-
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-const { isLoading, withLoading } = useLoading();
-
-const sessionDuration = ref<Duration | null>(null);
-
-/**
- * Lifecycle hook after initial render.
- * Make the current selected duration the already configured one.
- */
-onMounted(() => {
-    sessionDuration.value = userDuration.value;
-});
-
-/**
- * Returns duration from store.
- */
-const userDuration = computed((): Duration | null => {
-    return usersStore.state.settings.sessionDuration;
-});
-
-/**
- * Whether the user has changed this setting.
- */
-const hasChanged = computed((): boolean => {
-    if (!sessionDuration.value) {
-        return false;
-    }
-    return !userDuration.value?.isEqualTo(sessionDuration.value as Duration);
-});
-
-/**
-* durationChange is called when the user selects a different duration.
-* @param duration the user's selection.
-* */
-function durationChange(duration: Duration) {
-    sessionDuration.value = duration;
-}
-
-/**
-* save submits the changed duration.
-* */
-async function save() {
-    isLoading.value = true;
-    try {
-        await usersStore.updateSettings({ sessionDuration: sessionDuration.value?.nanoseconds ?? 0 });
-        notify.success(`Session timeout changed successfully. Your session timeout is ${sessionDuration.value?.shortString}.`);
-        onClose();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.EDIT_TIMEOUT_MODAL);
-    } finally {
-        isLoading.value = false;
-    }
-}
-
-/**
- * onClose is called to close this modal.
- * */
-function onClose(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-.timeout-modal {
-    width: calc(100vw - 48px);
-    max-width: 410px;
-    padding: 32px;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    box-sizing: border-box;
-    font-family: 'font_regular', sans-serif;
-    text-align: left;
-
-    @media screen and (width <= 400px) {
-        width: 100vw;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        gap: 20px;
-
-        &__icon {
-            height: 40px;
-            width: 40px;
-            flex-shrink: 0;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-        }
-    }
-
-    &__divider {
-        height: 1px;
-        background-color: var(--c-grey-2);
-    }
-
-    &__info {
-        font-family: 'font_regular', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-    }
-
-    &__label {
-        margin-bottom: 4px;
-        font-family: 'font_medium', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-    }
-
-    &__buttons {
-        display: flex;
-        gap: 16px;
-
-        @media screen and (width <= 500px) {
-            flex-direction: column-reverse;
-        }
-
-        &__button {
-            padding: 16px;
-            box-sizing: border-box;
-
-            &.cancel {
-                box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-
-                :deep(.label) {
-                    color: var(--c-black) !important;
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/EnableMFAModal.vue b/web/satellite/src/components/modals/EnableMFAModal.vue
deleted file mode 100644
index 7e1924353394..000000000000
--- a/web/satellite/src/components/modals/EnableMFAModal.vue
+++ /dev/null
@@ -1,346 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="enable-mfa">
-                <h1 class="enable-mfa__title">Two-Factor Authentication</h1>
-                <p v-if="isScan" class="enable-mfa__subtitle">
-                    Scan this QR code in your favorite TOTP app to get started.
-                </p>
-                <p v-if="isEnable" class="enable-mfa__subtitle max-width">
-                    Enter the authentication code generated in your TOTP app to confirm your account is connected.
-                </p>
-                <p v-if="isCodes" class="enable-mfa__subtitle">
-                    Save recovery codes.
-                </p>
-                <div v-if="isScan" class="enable-mfa__scan">
-                    <h2 class="enable-mfa__scan__title">Scan this QR Code</h2>
-                    <p class="enable-mfa__scan__subtitle">Scan the following QR code in your OTP app.</p>
-                    <div class="enable-mfa__scan__qr">
-                        <canvas ref="canvas" class="enable-mfa__scan__qr__canvas" />
-                    </div>
-                    <p class="enable-mfa__scan__subtitle">Unable to scan? Use the following code instead:</p>
-                    <p class="enable-mfa__scan__secret">{{ userMFASecret }}</p>
-                </div>
-                <div v-if="isEnable" class="enable-mfa__confirm">
-                    <h2 class="enable-mfa__confirm__title">Confirm Authentication Code</h2>
-                    <ConfirmMFAInput :on-input="onConfirmInput" :is-error="isError" />
-                </div>
-                <div v-if="isCodes" class="enable-mfa__codes">
-                    <h2 class="enable-mfa__codes__title max-width">
-                        Please save these codes somewhere to be able to recover access to your account.
-                    </h2>
-                    <p
-                        v-for="(code, index) in userMFARecoveryCodes"
-                        :key="index"
-                    >
-                        {{ code }}
-                    </p>
-                </div>
-                <div class="enable-mfa__buttons">
-                    <VButton
-                        v-if="!isCodes"
-                        label="Cancel"
-                        width="100%"
-                        height="44px"
-                        :is-white="true"
-                        :on-press="closeModal"
-                    />
-                    <VButton
-                        v-if="isScan"
-                        label="Continue"
-                        width="100%"
-                        height="44px"
-                        :on-press="showEnable"
-                    />
-                    <VButton
-                        v-if="isEnable"
-                        label="Enable"
-                        width="100%"
-                        height="44px"
-                        :on-press="enable"
-                        :is-disabled="!confirmPasscode || isLoading"
-                    />
-                    <VButton
-                        v-if="isCodes"
-                        label="Done"
-                        width="100%"
-                        height="44px"
-                        :on-press="closeModal"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import QRCode from 'qrcode';
-import { computed, onMounted, ref } from 'vue';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-
-const isScan = ref<boolean>(true);
-const isEnable = ref<boolean>(false);
-const isCodes = ref<boolean>(false);
-const isError = ref<boolean>(false);
-const isLoading = ref<boolean>(false);
-const confirmPasscode = ref<string>('');
-const canvas = ref<HTMLCanvasElement>();
-
-/**
- * Returns satellite name from store.
- */
-const satellite = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Returns pre-generated MFA secret from store.
- */
-const userMFASecret = computed((): string => {
-    return usersStore.state.userMFASecret;
-});
-
-/**
- * Returns user MFA recovery codes from store.
- */
-const userMFARecoveryCodes = computed((): string[] => {
-    return usersStore.state.userMFARecoveryCodes;
-});
-
-const qrLink = `otpauth://totp/${encodeURIComponent(usersStore.state.user.email)}?secret=${userMFASecret.value}&issuer=${encodeURIComponent(`STORJ ${satellite.value}`)}&algorithm=SHA1&digits=6&period=30`;
-
-/**
- * Toggles view to Enable MFA state.
- */
-function showEnable(): void {
-    isScan.value = false;
-    isEnable.value = true;
-}
-
-/**
- * Closes enable MFA modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Toggles view to MFA Recovery Codes state.
- */
-async function showCodes(): Promise<void> {
-    try {
-        await usersStore.generateUserMFARecoveryCodes();
-        isEnable.value = false;
-        isCodes.value = true;
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.ENABLE_MFA_MODAL);
-    }
-}
-
-/**
- * Sets confirmation passcode value from input.
- */
-function onConfirmInput(value: string): void {
-    isError.value = false;
-    confirmPasscode.value = value;
-}
-
-/**
- * Enables user MFA and sets view to Recovery Codes state.
- */
-async function enable(): Promise<void> {
-    if (!confirmPasscode.value || isLoading.value || isError.value) return;
-
-    isLoading.value = true;
-
-    try {
-        await usersStore.enableUserMFA(confirmPasscode.value);
-        await usersStore.getUser();
-        await showCodes();
-
-        analyticsStore.eventTriggered(AnalyticsEvent.MFA_ENABLED);
-        notify.success('MFA was enabled successfully');
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.ENABLE_MFA_MODAL);
-        isError.value = true;
-    }
-
-    isLoading.value = false;
-}
-
-/**
- * Mounted lifecycle hook after initial render.
- * Renders QR code.
- */
-onMounted(async (): Promise<void> => {
-    try {
-        await QRCode.toCanvas(canvas.value, qrLink);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.ENABLE_MFA_MODAL);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .enable-mfa {
-        padding: 60px;
-        background: #fff;
-        border-radius: 6px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-
-        @media screen and (width <= 550px) {
-            padding: 48px 24px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 34px;
-            text-align: center;
-            color: #000;
-            margin: 0 0 30px;
-
-            @media screen and (width <= 550px) {
-                font-size: 24px;
-                line-height: 28px;
-                margin-bottom: 15px;
-            }
-        }
-
-        &__subtitle {
-            font-size: 16px;
-            line-height: 21px;
-            text-align: center;
-            color: #000;
-            margin: 0 0 45px;
-
-            @media screen and (width <= 550px) {
-                font-size: 14px;
-                line-height: 18px;
-                margin-bottom: 20px;
-            }
-        }
-
-        &__scan {
-            padding: 25px;
-            background: #f5f6fa;
-            border-radius: 6px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            width: calc(100% - 50px);
-
-            @media screen and (width <= 550px) {
-                padding: 15px;
-                width: calc(100% - 30px);
-            }
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 16px;
-                line-height: 19px;
-                text-align: center;
-                color: #000;
-                margin: 0 0 30px;
-
-                @media screen and (width <= 550px) {
-                    margin-bottom: 15px;
-                }
-            }
-
-            &__subtitle {
-                font-size: 14px;
-                line-height: 25px;
-                text-align: center;
-                color: #000;
-            }
-
-            &__qr {
-                margin: 30px 0;
-                background: #fff;
-                border-radius: 6px;
-                padding: 10px;
-
-                &__canvas {
-                    height: 200px !important;
-                    width: 200px !important;
-
-                    @media screen and (width <= 550px) {
-                        height: unset !important;
-                        width: 100% !important;
-                    }
-                }
-            }
-
-            &__secret {
-                margin: 5px 0 0;
-                font-family: 'font_medium', sans-serif;
-                font-size: 14px;
-                line-height: 25px;
-                text-align: center;
-                color: #000;
-                overflow-wrap: anywhere;
-            }
-        }
-
-        &__confirm,
-        &__codes {
-            padding: 25px;
-            background: #f5f6fa;
-            border-radius: 6px;
-            width: calc(100% - 50px);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            &__title {
-                font-size: 16px;
-                line-height: 19px;
-                text-align: center;
-                color: #000;
-                margin-bottom: 20px;
-            }
-        }
-
-        &__buttons {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            margin-top: 30px;
-            column-gap: 20px;
-
-            @media screen and (width <= 550px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 10px;
-                margin-top: 20px;
-            }
-        }
-    }
-
-    .max-width {
-        max-width: 485px;
-    }
-</style>
diff --git a/web/satellite/src/components/modals/EnterBucketPassphraseModal.vue b/web/satellite/src/components/modals/EnterBucketPassphraseModal.vue
deleted file mode 100644
index 96ced2c43441..000000000000
--- a/web/satellite/src/components/modals/EnterBucketPassphraseModal.vue
+++ /dev/null
@@ -1,309 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <AccessEncryptionIcon />
-                    <h1 class="modal__header__title">Enter passphrase</h1>
-                </div>
-                <p class="modal__info">
-                    Enter your encryption passphrase to view and manage your data in the browser. This passphrase will
-                    be used to unlock all buckets in this project.
-                </p>
-                <VInput
-                    :class="{'orange-border': isWarningState}"
-                    label="Encryption Passphrase"
-                    placeholder="Enter a passphrase here"
-                    :error="enterError"
-                    role-description="passphrase"
-                    is-password
-                    :autocomplete="autocompleteValue"
-                    :disabled="isLoading"
-                    @setData="setPassphrase"
-                />
-                <div v-if="isWarningState" class="modal__warning">
-                    <OpenWarningIcon class="modal__warning__icon" />
-                    <div class="modal__warning__info">
-                        <p class="modal__warning__info__title">
-                            Object count mismatch: files may be uploaded with a different passphrase, or files have
-                            been recently deleted and are not reflected yet.
-                        </p>
-                    </div>
-                </div>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        height="52px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-transparent="true"
-                        :on-press="closeModal"
-                        :is-disabled="isLoading"
-                    />
-                    <VButton
-                        label="Continue ->"
-                        height="52px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onContinue"
-                        :is-disabled="isLoading || !passphrase"
-                        :is-transparent="isWarningState"
-                    />
-                </div>
-                <div v-if="isLoading" class="modal__loading-wrap">
-                    <VLoader width="50px" height="50px" is-white />
-                    <p class="modal__loading-wrap__label">Counting objects...</p>
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onUnmounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { Bucket } from '@/types/buckets';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VInput from '@/components/common/VInput.vue';
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
-import OpenWarningIcon from '@/../static/images/objects/openWarning.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-const notify = useNotify();
-
-const enterError = ref<string>('');
-const passphrase = ref<string>('');
-const isLoading = ref<boolean>(false);
-const isWarningState = ref<boolean>(false);
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    return `section-${selectedProjectID.value.toLowerCase()} new-password`;
-});
-
-/**
- * Returns selected project ID from store.
- */
-const selectedProjectID = computed((): string => {
-    return projectsStore.state.selectedProject.id;
-});
-
-/**
- * Returns chosen bucket name from store.
- */
-const bucketName = computed((): string => {
-    return bucketsStore.state.fileComponentBucketName;
-});
-
-/**
- * Returns selected bucket name object count.
- */
-const bucketObjectCount = computed((): number => {
-    const data: Bucket | undefined = bucketsStore.state.page.buckets.find(
-        (bucket: Bucket) => bucket.name === bucketName.value,
-    );
-
-    return data?.objectCount ?? 0;
-});
-
-/**
- * Sets access and navigates to object browser.
- */
-async function onContinue(): Promise<void> {
-    if (isLoading.value) return;
-
-    const callback = bucketsStore.state.enterPassphraseCallback || ((): void => {
-        analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-        router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-    });
-
-    if (isWarningState.value) {
-        bucketsStore.setPromptForPassphrase(false);
-
-        closeModal();
-        callback();
-
-        return;
-    }
-
-    if (!passphrase.value) {
-        enterError.value = 'Passphrase can\'t be empty';
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
-
-        return;
-    }
-
-    isLoading.value = true;
-
-    try {
-        bucketsStore.setPassphrase(passphrase.value);
-        await bucketsStore.setS3Client(selectedProjectID.value);
-        const count: number = await bucketsStore.getObjectsCount(bucketName.value);
-        if (count === 0 && bucketObjectCount.value > 0) {
-            isWarningState.value = true;
-            isLoading.value = false;
-            return;
-        }
-        bucketsStore.setPromptForPassphrase(false);
-        isLoading.value = false;
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
-        isLoading.value = false;
-        return;
-    }
-
-    closeModal();
-    callback();
-}
-
-/**
- * Closes open bucket modal.
- */
-function closeModal(): void {
-    if (isLoading.value) return;
-
-    appStore.removeActiveModal();
-}
-
-/**
- * Sets passphrase from child component.
- */
-function setPassphrase(value: string): void {
-    if (enterError.value) enterError.value = '';
-    if (isWarningState.value) isWarningState.value = false;
-
-    passphrase.value = value;
-}
-
-onUnmounted((): void => {
-    bucketsStore.setEnterPassphraseCallback(null);
-});
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        font-family: 'font_regular', sans-serif;
-        display: flex;
-        flex-direction: column;
-        padding: 32px;
-        max-width: 350px;
-        position: relative;
-
-        &__header {
-            display: flex;
-            align-items: center;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                color: var(--c-grey-8);
-                margin-left: 16px;
-                text-align: left;
-            }
-        }
-
-        &__info {
-            font-size: 14px;
-            line-height: 19px;
-            color: #354049;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-            text-align: left;
-        }
-
-        &__warning {
-            max-width: 405px;
-            padding: 16px;
-            display: flex;
-            align-items: flex-start;
-            background: #fec;
-            border: 1px solid #ffd78a;
-            box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-            border-radius: 10px;
-            margin-top: 22px;
-
-            &__icon {
-                min-width: 32px;
-            }
-
-            &__info {
-                margin-left: 16px;
-
-                &__title {
-                    font-weight: 500;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: #000;
-                    text-align: left;
-                }
-            }
-        }
-
-        &__buttons {
-            display: flex;
-            column-gap: 20px;
-            margin-top: 31px;
-            width: 100%;
-
-            @media screen and (width <= 500px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 20px;
-            }
-        }
-
-        &__loading-wrap {
-            position: absolute;
-            inset: 0;
-            background: rgb(27 37 51 / 40%);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-
-            &__label {
-                font-family: 'font_medium', sans-serif;
-                font-size: 18px;
-                margin-top: 16px;
-                color: var(--c-white);
-            }
-        }
-    }
-
-    .orange-border {
-
-        :deep(h3) {
-            color: var(--c-yellow-5);
-        }
-
-        :deep(input) {
-            border-color: var(--c-yellow-5);
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/EnterPassphraseModal.vue b/web/satellite/src/components/modals/EnterPassphraseModal.vue
deleted file mode 100644
index b9bf783b21e9..000000000000
--- a/web/satellite/src/components/modals/EnterPassphraseModal.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <AccessEncryptionIcon />
-                    <h1 class="modal__header__title">Enter passphrase</h1>
-                </div>
-                <p class="modal__info">
-                    Enter your encryption passphrase to view and manage your data in the browser. This passphrase will
-                    be used to unlock all buckets in this project.
-                </p>
-                <VInput
-                    label="Encryption Passphrase"
-                    placeholder="Enter a passphrase here"
-                    :error="enterError"
-                    role-description="passphrase"
-                    is-password
-                    :autocomplete="autocompleteValue"
-                    @setData="setPassphrase"
-                />
-                <div class="modal__buttons">
-                    <VButton
-                        label="Skip"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-transparent="true"
-                        :on-press="skipPassphrase"
-                    />
-                    <VButton
-                        label="Continue ->"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onContinue"
-                        :is-disabled="!passphrase"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VInput from '@/components/common/VInput.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-
-const enterError = ref<string>('');
-const passphrase = ref<string>('');
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    return `section-${selectedProjectID.value.toLowerCase()} new-password`;
-});
-
-/**
- * Returns selected project ID from store.
- */
-const selectedProjectID = computed((): string => {
-    return projectsStore.state.selectedProject.id;
-});
-
-/**
- * Sets passphrase.
- */
-function onContinue(): void {
-    if (!passphrase.value) {
-        enterError.value = 'Passphrase can\'t be empty';
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
-
-        return;
-    }
-
-    analyticsStore.eventTriggered(AnalyticsEvent.PASSPHRASE_CREATED, {
-        method: 'enter',
-    });
-
-    bucketsStore.setPassphrase(passphrase.value);
-    bucketsStore.setPromptForPassphrase(false);
-
-    closeModal();
-}
-
-/**
- * Opens the SkipPassphrase modal for confirmation.
- */
-function skipPassphrase(): void {
-    appStore.updateActiveModal(MODALS.skipPassphrase);
-}
-
-/**
- * Closes enter passphrase modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Sets passphrase from child component.
- */
-function setPassphrase(value: string): void {
-    if (enterError.value) enterError.value = '';
-
-    passphrase.value = value;
-}
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        font-family: 'font_regular', sans-serif;
-        display: flex;
-        flex-direction: column;
-        padding: 32px;
-        max-width: 350px;
-
-        &__header {
-            display: flex;
-            align-items: center;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                color: var(--c-grey-8);
-                margin-left: 16px;
-                text-align: left;
-            }
-        }
-
-        &__info {
-            font-size: 14px;
-            line-height: 19px;
-            color: #354049;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-            text-align: left;
-        }
-
-        &__buttons {
-            display: flex;
-            column-gap: 20px;
-            margin-top: 31px;
-            width: 100%;
-
-            @media screen and (width <= 500px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 20px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/InactivityModal.vue b/web/satellite/src/components/modals/InactivityModal.vue
deleted file mode 100644
index 18536b833b7e..000000000000
--- a/web/satellite/src/components/modals/InactivityModal.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="onClose">
-        <template #content>
-            <div class="modal">
-                <Icon class="modal__icon" />
-                <h1 class="modal__title">Your session is about to expire due to inactivity in <span class="modal__title__timer">{{ seconds }} second{{ seconds != 1 ? 's' : '' }}</span></h1>
-                <p class="modal__info">Do you want to stay logged in?</p>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Stay Logged In"
-                        height="40px"
-                        font-size="13px"
-                        class="modal__buttons__button"
-                        :on-press="withLoading(onContinue)"
-                        :disabled="isLoading"
-                    />
-                    <VButton
-                        label="Log out"
-                        height="40px"
-                        font-size="13px"
-                        :is-transparent="true"
-                        class="modal__buttons__button logout"
-                        :on-press="withLoading(onLogout)"
-                        :disabled="isLoading"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import Icon from '@/../static/images/session/inactivityTimer.svg';
-
-const props = withDefaults(defineProps<{
-    onContinue: () => Promise<void>;
-    onLogout: () => Promise<void>;
-    onClose: () => void;
-    initialSeconds: number;
-}>(), {
-    onContinue: () => Promise.resolve,
-    onLogout: () =>  Promise.resolve,
-    onClose: () => {},
-    initialSeconds: 60,
-});
-
-const seconds = ref<number>(0);
-const isLoading = ref<boolean>(false);
-
-/**
- * Returns a function that disables modal interaction during execution.
- */
-function withLoading(fn: () => Promise<void>): () => Promise<void> {
-    return async () => {
-        if (isLoading.value) return;
-
-        isLoading.value = true;
-        await fn();
-        isLoading.value = false;
-    };
-}
-
-/**
- * Lifecycle hook after initial render.
- * Starts timer that decreases number of seconds until session expiration.
- */
-onMounted(async (): Promise<void> => {
-    seconds.value = props.initialSeconds;
-    const id: ReturnType<typeof setInterval> = setInterval(() => {
-        if (--seconds.value <= 0) clearInterval(id);
-    }, 1000);
-});
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        max-width: 500px;
-        padding: 32px;
-        box-sizing: border-box;
-        font-family: 'font_regular', sans-serif;
-        text-align: left;
-
-        &__icon {
-            margin-bottom: 24px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 36px;
-            letter-spacing: -0.02em;
-            color: #000;
-            margin-bottom: 8px;
-
-            &__timer {
-                color: var(--c-pink-4);
-            }
-        }
-
-        &__info {
-            font-family: 'font_regular', sans-serif;
-            font-size: 16px;
-            line-height: 24px;
-            color: #000;
-            margin-bottom: 16px;
-        }
-
-        &__buttons {
-            display: flex;
-            flex-direction: row;
-
-            &__button {
-                padding: 16px;
-                box-sizing: border-box;
-                letter-spacing: -0.02em;
-
-                &.logout {
-                    margin-left: 8px;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/JoinProjectModal.vue b/web/satellite/src/components/modals/JoinProjectModal.vue
deleted file mode 100644
index 83a5c1c443fd..000000000000
--- a/web/satellite/src/components/modals/JoinProjectModal.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <Icon />
-                    <span class="modal__header__title">Join project</span>
-                </div>
-                <hr>
-                <div class="modal__info">
-                    Join the {{ invite.projectName }} team project.
-                </div>
-                <hr>
-                <div class="modal__buttons">
-                    <VButton
-                        class="modal__buttons__button"
-                        width="calc(50% - 8px)"
-                        border-radius="8px"
-                        font-size="14px"
-                        :is-transparent="true"
-                        :is-disabled="isLoading"
-                        :on-press="() => respondToInvitation(ProjectInvitationResponse.Decline)"
-                        label="Decline"
-                    />
-                    <VButton
-                        class="modal__buttons__button"
-                        width="calc(50% - 8px)"
-                        border-radius="8px"
-                        font-size="14px"
-                        :is-disabled="isLoading"
-                        :on-press="() => respondToInvitation(ProjectInvitationResponse.Accept)"
-                        label="Join Project"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useNotify } from '@/utils/hooks';
-import { ProjectInvitation, ProjectInvitationResponse } from '@/types/projects';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { LocalData } from '@/utils/localData';
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import Icon from '@/../static/images/modals/boxesIcon.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-
-const isLoading = ref<boolean>(false);
-
-/**
- * Returns selected project member invitation from the store.
- */
-const invite = computed((): ProjectInvitation => {
-    return projectsStore.state.selectedInvitation;
-});
-
-/**
- * Handles accepting or declining the project member invitation.
- */
-async function respondToInvitation(response: ProjectInvitationResponse): Promise<void> {
-    if (isLoading.value) return;
-    isLoading.value = true;
-
-    const accepted = response === ProjectInvitationResponse.Accept;
-
-    let success = false;
-    try {
-        await projectsStore.respondToInvitation(invite.value.projectID, response);
-        analyticsStore.eventTriggered(accepted ? AnalyticsEvent.PROJECT_INVITATION_ACCEPTED : AnalyticsEvent.PROJECT_INVITATION_DECLINED);
-        success = true;
-    } catch (error) {
-        const action = accepted ? 'accept' : 'decline';
-        error.message = `Failed to ${action} project invitation. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.JOIN_PROJECT_MODAL);
-    }
-
-    try {
-        await projectsStore.getUserInvitations();
-        await projectsStore.getProjects();
-    } catch (error) {
-        error.message = `Failed to reload projects and invitations list. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.JOIN_PROJECT_MODAL);
-    }
-
-    if (!success) {
-        isLoading.value = false;
-        return;
-    }
-
-    if (accepted) {
-        projectsStore.selectProject(invite.value.projectID);
-        LocalData.setSelectedProjectId(invite.value.projectID);
-
-        notify.success('Invite accepted!');
-        analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-        router.push(RouteConfig.ProjectDashboard.path);
-    }
-
-    closeModal();
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    width: 410px;
-    padding: 32px;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-
-    @media screen and (width <= 460px) {
-        width: calc(100vw - 48px);
-    }
-
-    &__header {
-        display: flex;
-        gap: 16px;
-        align-items: center;
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-        }
-    }
-
-    &__info {
-        font-family: 'font_regular', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        gap: 16px;
-        justify-content: space-between;
-
-        &__button {
-            padding: 12px 0;
-            line-height: 24px;
-        }
-    }
-
-    & > hr {
-        height: 1px;
-        border: none;
-        background-color: var(--c-grey-2);
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/LimitWarningModal.vue b/web/satellite/src/components/modals/LimitWarningModal.vue
deleted file mode 100644
index c471b5db2be6..000000000000
--- a/web/satellite/src/components/modals/LimitWarningModal.vue
+++ /dev/null
@@ -1,215 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <v-modal :on-close="onClose">
-        <template #content>
-            <div class="modal">
-                <div class="modal__icon" :class="isHundred ? 'critical' : 'warning'">
-                    <Icon />
-                </div>
-                <h1 class="modal__title">
-                    <template v-if="isHundred">
-                        Urgent! You've reached the {{ limitTypes }} limit{{ limitTypes.includes(' ') ? 's' : '' }} for your project.
-                    </template>
-                    <template v-else>
-                        80% {{ limitTypes.charAt(0).toUpperCase() + limitTypes.slice(1) }} used
-                    </template>
-                </h1>
-                <p class="modal__info">
-                    <template v-if="!isPaidTier">
-                        To get more {{ limitTypes }} limit{{ limitTypes.includes(' ') ? 's' : '' }}, upgrade to a Pro Account.
-                        You will still get {{ bytesToBase10String(limits.storageUsed) }} free storage and egress per month, and only pay what you use beyond that.
-                    </template>
-                    <template v-else-if="isCustom">
-                        You can increase your limits in the Project Settings page.
-                    </template>
-                    <template v-else>
-                        To get higher limits, please contact support.
-                    </template>
-                </p>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        height="40px"
-                        width="48%"
-                        font-size="13px"
-                        class="modal__buttons__button"
-                        :is-white="true"
-                        :on-press="onClose"
-                    />
-                    <VButton
-                        :label="!isPaidTier ? 'Upgrade' : isCustom ? 'Edit Limits' : 'Request Higher Limit'"
-                        height="40px"
-                        width="48%"
-                        font-size="13px"
-                        class="modal__buttons__button primary"
-                        :on-press="onPrimaryClick"
-                        :link="(isPaidTier && !isCustom) ? requestURL : undefined"
-                        :is-white-blue="true"
-                    />
-                </div>
-            </div>
-        </template>
-    </v-modal>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { ProjectLimits, LimitThreshold, LimitThresholdsReached } from '@/types/projects';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { bytesToBase10String, humanizeArray } from '@/utils/strings';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { RouteConfig } from '@/types/router';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import Icon from '@/../static/images/notifications/info.svg';
-
-const projectsStore = useProjectsStore();
-const usersStore = useUsersStore();
-const configStore = useConfigStore();
-const analyticsStore = useAnalyticsStore();
-
-const router = useRouter();
-
-const props = defineProps<{
-    reachedThresholds: LimitThresholdsReached;
-    threshold: LimitThreshold,
-    onUpgrade: () => void;
-    onClose: () => void
-}>();
-
-/**
- * Returns whether the threshold represents 100% usage.
- */
-const isHundred = computed((): boolean => props.threshold.toLowerCase().includes('hundred'));
-
-/**
- * Returns whether the usage limit threshold is for a custom limit.
- */
-const isCustom = computed((): boolean => props.threshold.toLowerCase().includes('custom'));
-
-/**
- * Returns a string representing the usage types that have reached this limit threshold.
- */
-const limitTypes = computed((): string => {
-    return humanizeArray(props.reachedThresholds[props.threshold]).toLowerCase();
-});
-
-/**
- * Returns current limits from store.
- */
-const limits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns whether user is in the paid tier.
- */
-const isPaidTier = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * Returns the URL for the general request page from the store.
- */
-const requestURL = computed((): string => {
-    return configStore.state.config.generalRequestURL;
-});
-
-/**
- * Handles primary button click.
- */
-function onPrimaryClick(): void {
-    if (!isPaidTier.value) {
-        props.onUpgrade();
-        return;
-    }
-    if (isCustom.value) {
-        analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
-        router.push(RouteConfig.EditProjectDetails.path);
-        props.onClose();
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    width: 500px;
-    max-width: calc(100vw - 48px);
-    padding: 32px;
-    box-sizing: border-box;
-    font-family: 'font_regular', sans-serif;
-    text-align: left;
-
-    &__icon {
-        width: 64px;
-        height: 64px;
-        margin-bottom: 24px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 24px;
-
-        :deep(svg) {
-            width: 46px;
-            height: 46px;
-        }
-
-        &.critical {
-            background-color: var(--c-pink-1);
-
-            :deep(path) {
-                fill: var(--c-pink-4);
-            }
-        }
-
-        &.warning {
-            background-color: var(--c-yellow-1);
-
-            :deep(path) {
-                fill: var(--c-yellow-5);
-            }
-        }
-    }
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        font-size: 28px;
-        line-height: 36px;
-        letter-spacing: -0.02em;
-        color: #000;
-        margin-bottom: 8px;
-    }
-
-    &__info {
-        font-family: 'font_regular', sans-serif;
-        font-size: 16px;
-        line-height: 24px;
-        color: #000;
-        margin-bottom: 16px;
-    }
-
-    &__buttons {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-
-        &__button {
-            padding: 16px;
-            box-sizing: border-box;
-            letter-spacing: -0.02em;
-
-            &.primary {
-                margin-left: 8px;
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/MFARecoveryCodesModal.vue b/web/satellite/src/components/modals/MFARecoveryCodesModal.vue
deleted file mode 100644
index 78aa28a298d9..000000000000
--- a/web/satellite/src/components/modals/MFARecoveryCodesModal.vue
+++ /dev/null
@@ -1,261 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="recovery">
-                <h1 class="recovery__title">Two-Factor Authentication</h1>
-                <p v-if="isConfirmCode" class="recovery__subtitle">
-                    Enter code from your favorite TOTP app to regenerate 2FA codes.
-                </p>
-
-                <div v-if="isConfirmCode" class="recovery__confirm">
-                    <div class="recovery__confirm">
-                        <h2 class="recovery__confirm__title">Confirm Authentication Code</h2>
-                        <ConfirmMFAInput ref="mfaInput" :on-input="onConfirmInput" :is-error="isError" :is-recovery="isRecoveryCodeState" />
-                        <span class="recovery__confirm__toggle" @click="toggleRecoveryCodeState">
-                            Or use {{ isRecoveryCodeState ? '2FA code' : 'recovery code' }}
-                        </span>
-                    </div>
-
-                    <div class="recovery__confirm__buttons">
-                        <VButton
-                            label="Cancel"
-                            width="100%"
-                            height="44px"
-                            :is-white="true"
-                            :on-press="closeModal"
-                        />
-                        <VButton
-                            label="Regenerate"
-                            width="100%"
-                            height="44px"
-                            :on-press="regenerate"
-                            :is-disabled="!confirmPasscode || isLoading"
-                        />
-                    </div>
-                </div>
-
-                <template v-else>
-                    <div class="recovery__codes">
-                        <p class="recovery__codes__subtitle">
-                            Please save these codes somewhere to be able to recover access to your account.
-                        </p>
-                        <p
-                            v-for="(code, index) in userMFARecoveryCodes"
-                            :key="index"
-                        >
-                            {{ code }}
-                        </p>
-                    </div>
-                    <VButton
-                        class="recovery__done-button"
-                        label="Done"
-                        width="100%"
-                        height="44px"
-                        :on-press="closeModal"
-                    />
-                </template>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useLoading } from '@/composables/useLoading';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
-
-interface ClearInput {
-    clearInput(): void;
-}
-
-const usersStore = useUsersStore();
-const appStore = useAppStore();
-const notify = useNotify();
-const { withLoading, isLoading } = useLoading();
-
-const isConfirmCode = ref(true);
-const confirmPasscode = ref<string>('');
-const isError = ref<boolean>(false);
-const isRecoveryCodeState = ref<boolean>(false);
-
-const mfaInput = ref<ClearInput>();
-
-/**
- * Returns MFA recovery codes from store.
- */
-const userMFARecoveryCodes = computed((): string[] => {
-    return usersStore.state.userMFARecoveryCodes;
-});
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Sets confirmation passcode value from input.
- */
-function onConfirmInput(value: string): void {
-    isError.value = false;
-    confirmPasscode.value = value;
-}
-
-/**
- * Toggles whether the MFA recovery code input is shown.
- */
-function toggleRecoveryCodeState(): void {
-    isError.value = false;
-    confirmPasscode.value = '';
-    mfaInput.value?.clearInput();
-    isRecoveryCodeState.value = !isRecoveryCodeState.value;
-}
-
-/**
- * Regenerates user MFA codes and sets view to Recovery Codes state.
- */
-function regenerate(): void {
-    if (!confirmPasscode.value || isLoading.value || isError.value) return;
-
-    withLoading(async () => {
-        try {
-            const code = isRecoveryCodeState.value ? { recoveryCode: confirmPasscode.value } : { passcode: confirmPasscode.value };
-            await usersStore.regenerateUserMFARecoveryCodes(code);
-            isConfirmCode.value = false;
-            confirmPasscode.value = '';
-
-            notify.success('MFA codes were regenerated successfully');
-        } catch (error) {
-            notify.notifyError(error, AnalyticsErrorEventSource.MFA_CODES_MODAL);
-            isError.value = true;
-        }
-    });
-}
-</script>
-
-<style scoped lang="scss">
-    .recovery {
-        padding: 60px;
-        background: #fff;
-        border-radius: 6px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-
-        @media screen and (width <= 550px) {
-            padding: 48px 24px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 34px;
-            text-align: center;
-            color: #000;
-            margin: 0 0 30px;
-
-            @media screen and (width <= 550px) {
-                font-size: 24px;
-                line-height: 28px;
-                margin-bottom: 15px;
-            }
-        }
-
-        &__subtitle {
-            font-size: 16px;
-            line-height: 21px;
-            text-align: center;
-            color: #000;
-            margin: 0 0 45px;
-
-            @media screen and (width <= 550px) {
-                font-size: 14px;
-                line-height: 18px;
-                margin-bottom: 20px;
-            }
-        }
-
-        &__confirm {
-            padding: 25px;
-            background: #f5f6fa;
-            border-radius: 6px;
-            width: calc(100% - 50px);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            &__title {
-                font-size: 16px;
-                line-height: 19px;
-                text-align: center;
-                color: #000;
-                margin-bottom: 20px;
-            }
-
-            &__toggle {
-                font-size: 16px;
-                color: #0068dc;
-                cursor: pointer;
-                margin-top: 20px;
-                text-align: center;
-            }
-
-            &__buttons {
-                display: flex;
-                align-items: center;
-                width: 100%;
-                margin-top: 30px;
-                column-gap: 20px;
-
-                @media screen and (width <= 550px) {
-                    flex-direction: column-reverse;
-                    column-gap: unset;
-                    row-gap: 10px;
-                    margin-top: 20px;
-                }
-            }
-        }
-
-        &__codes {
-            padding: 25px;
-            background: #f5f6fa;
-            border-radius: 6px;
-            width: calc(100% - 50px);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            &__subtitle {
-                font-size: 16px;
-                line-height: 21px;
-                text-align: center;
-                color: #000;
-                margin: 0 0 30px;
-                max-width: 485px;
-
-                @media screen and (width <= 550px) {
-                    font-size: 14px;
-                    line-height: 18px;
-                    margin-bottom: 15px;
-                }
-            }
-        }
-
-        &__done-button {
-            margin-top: 30px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/ModalHeader.vue b/web/satellite/src/components/modals/ModalHeader.vue
deleted file mode 100644
index 7f52551a56d1..000000000000
--- a/web/satellite/src/components/modals/ModalHeader.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="header">
-        <component :is="icon" />
-        <h1 class="header__title">{{ title }}</h1>
-    </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-    icon: string
-    title: string
-}>();
-</script>
-
-<style scoped lang="scss">
-.header {
-    display: flex;
-    align-items: center;
-    padding-bottom: 16px;
-    margin-bottom: 16px;
-    border-bottom: 1px solid var(--c-grey-2);
-
-    svg {
-        min-width: 40px;
-    }
-
-    @media screen and (width <= 450px) {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        font-size: 24px;
-        line-height: 31px;
-        letter-spacing: -0.02em;
-        color: var(--c-black);
-        margin-left: 16px;
-        text-align: left;
-
-        @media screen and (width <= 450px) {
-            margin: 16px 0 0;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/NewBillingAddCouponCodeModal.vue b/web/satellite/src/components/modals/NewBillingAddCouponCodeModal.vue
deleted file mode 100644
index 1b2678a614fe..000000000000
--- a/web/satellite/src/components/modals/NewBillingAddCouponCodeModal.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="onCloseClick">
-        <template #content>
-            <div class="modal">
-                <CouponIcon />
-                <h2 class="modal__title">Apply Coupon Code</h2>
-                <p class="modal__text">Entering a new coupon will replace any existing coupon.</p>
-                <NewBillingAddCouponCodeInput @close="onCloseClick" />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import NewBillingAddCouponCodeInput from '@/components/common/NewBillingAddCouponCodeInput.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import CouponIcon from '@/../static/images/account/billing/greenCoupon.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-
-/**
- * Closes add coupon modal.
- */
-function onCloseClick(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.COUPON_CODE_APPLIED);
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        width: 500px;
-        padding: 32px;
-        font-family: 'font_regular', sans-serif;
-
-        @media screen and (width <= 650px) {
-            width: unset;
-            padding: 24px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 16px;
-            line-height: 148.31%;
-            margin: 15px 0;
-        }
-
-        &__text {
-            text-align: center;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/NewCreateProjectModal.vue b/web/satellite/src/components/modals/NewCreateProjectModal.vue
deleted file mode 100644
index 16e08dee4e37..000000000000
--- a/web/satellite/src/components/modals/NewCreateProjectModal.vue
+++ /dev/null
@@ -1,315 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <blue-box-icon />
-                    <span class="modal__header__title">Create new project</span>
-                </div>
-
-                <div class="modal__divider" />
-
-                <p class="modal__info">
-                    Projects are where you and your team can upload and manage data, view
-                    usage statistics and billing.
-                </p>
-
-                <div class="modal__divider" />
-
-                <VInput
-                    label="Project Name"
-                    additional-label="Required. Up to 20 characters"
-                    placeholder="Enter Project Name"
-                    :max-symbols="20"
-                    :error="nameError"
-                    @setData="setProjectName"
-                />
-
-                <div class="modal__divider" />
-
-                <VInput
-                    v-if="hasDescription"
-                    label="Project Description"
-                    placeholder="Enter Project Description"
-                    additional-label="Optional. Up to 50 characters"
-                    :max-symbols="50"
-                    is-multiline
-                    height="100px"
-                    @setData="setProjectDescription"
-                />
-                <div v-else class="modal__project-description">
-                    <p class="modal__project-description__label">Project Description</p>
-                    <a
-                        class="modal__project-description__action" href=""
-                        @click.prevent="hasDescription = !hasDescription"
-                    >Add Description (optional)</a>
-                </div>
-
-                <div class="modal__divider" />
-
-                <div class="modal__button-container">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Create Project -->"
-                        width="100%"
-                        height="48px"
-                        :on-press="onCreateProjectClick"
-                        :is-disabled="!projectName"
-                    />
-                </div>
-                <div v-if="isLoading" class="modal__blur">
-                    <VLoader class="modal__blur__loader" width="50px" height="50px" />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { ProjectFields } from '@/types/projects';
-import { LocalData } from '@/utils/localData';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VLoader from '@/components/common/VLoader.vue';
-import VInput from '@/components/common/VInput.vue';
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import BlueBoxIcon from '@/../static/images/common/blueBox.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-const notify = useNotify();
-
-const description = ref('');
-const createdProjectId = ref('');
-const hasDescription = ref(false);
-const isLoading = ref(false);
-const projectName = ref('');
-const nameError = ref('');
-
-/**
- * Sets project name from input value.
- */
-function setProjectName(value: string): void {
-    projectName.value = value;
-    nameError.value = '';
-}
-
-/**
- * Sets project description from input value.
- */
-function setProjectDescription(value: string): void {
-    description.value = value;
-}
-
-/**
- * Creates project and refreshes store.
- */
-async function onCreateProjectClick(): Promise<void> {
-    if (isLoading.value) {
-        return;
-    }
-
-    isLoading.value = true;
-    projectName.value = projectName.value.trim();
-
-    const project = new ProjectFields(
-        projectName.value,
-        description.value,
-        usersStore.state.user.id,
-    );
-
-    try {
-        project.checkName();
-    } catch (error) {
-        isLoading.value = false;
-        nameError.value = error.message;
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
-
-        return;
-    }
-
-    try {
-        const newProj = await projectsStore.createProject(project);
-        createdProjectId.value = newProj.id;
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
-        isLoading.value = false;
-
-        return;
-    }
-
-    await selectCreatedProject();
-
-    notify.success('Project created successfully!');
-
-    isLoading.value = false;
-    closeModal();
-
-    bucketsStore.clearS3Data();
-
-    if (usersStore.shouldOnboard) {
-        analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
-        await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
-        return;
-    }
-
-    analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-    await router.push(RouteConfig.ProjectDashboard.path);
-
-    if (usersStore.state.settings.passphrasePrompt) {
-        appStore.updateActiveModal(MODALS.enterPassphrase);
-    }
-}
-
-/**
- * Selects just created project.
- */
-async function selectCreatedProject() {
-    projectsStore.selectProject(createdProjectId.value);
-    LocalData.setSelectedProjectId(createdProjectId.value);
-    pmStore.setSearchQuery('');
-
-    bucketsStore.clearS3Data();
-}
-
-/**
- * Closes create project modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    width: 400px;
-    padding: 54px 48px 51px;
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        gap: 16px;
-
-        &__title {
-            font-family: 'font-medium', sans-serif;
-            font-weight: bold;
-            font-size: 24px;
-            line-height: 31px;
-        }
-    }
-
-    &__divider {
-        margin: 20px 0;
-        border: 0.5px solid var(--c-grey-2);
-    }
-
-    &__project-description {
-        font-family: 'font_regular', sans-serif;
-        text-align: start;
-
-        &__label {
-            font-weight: bold;
-            font-size: 16px;
-            line-height: 21px;
-            color: #354049;
-        }
-
-        &__action {
-            font-size: 14px;
-            line-height: 22px;
-            text-decoration: underline;
-            color: #354049;
-        }
-    }
-
-    @media screen and (width <= 550px) {
-        width: calc(100% - 48px);
-        padding: 54px 24px 32px;
-    }
-
-    &__info {
-        font-family: 'font_regular', sans-serif;
-        text-align: start;
-        font-size: 16px;
-        line-height: 21px;
-        color: #354049;
-    }
-
-    &__button-container {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        column-gap: 20px;
-
-        @media screen and (width <= 550px) {
-            column-gap: unset;
-            row-gap: 8px;
-            flex-direction: column-reverse;
-        }
-    }
-
-    &__blur {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        background-color: rgb(229 229 229 / 20%);
-        border-radius: 8px;
-        z-index: 100;
-
-        &__loader {
-            width: 25px;
-            height: 25px;
-            position: absolute;
-            right: 40px;
-            top: 40px;
-        }
-    }
-}
-
-.full-input {
-    margin-top: 20px;
-}
-
-@media screen and (width <= 550px) {
-
-    :deep(.add-label) {
-        display: none;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/NewFolderModal.vue b/web/satellite/src/components/modals/NewFolderModal.vue
deleted file mode 100644
index 93b1fe4240b0..000000000000
--- a/web/satellite/src/components/modals/NewFolderModal.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="close">
-        <template #content>
-            <div class="modal">
-                <h5 class="modal__title">New Folder</h5>
-                <VInput
-                    label="Folder name"
-                    placeholder="Enter name"
-                    :error="createFolderError"
-                    @setData="setName"
-                    @keypress.enter="createFolder"
-                />
-                <div class="modal__button-container">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        :on-press="close"
-                        :is-transparent="true"
-                    />
-                    <VButton
-                        label="Create Folder"
-                        width="100%"
-                        height="48px"
-                        :on-press="createFolder"
-                        :is-disabled="!createFolderName"
-                    />
-                </div>
-                <div v-if="isLoading" class="modal__blur">
-                    <VLoader width="50px" height="50px" />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import VInput from '@/components/common/VInput.vue';
-
-const obStore = useObjectBrowserStore();
-const appStore = useAppStore();
-const notify = useNotify();
-
-const createFolderName = ref<string>('');
-const createFolderError = ref<string>('');
-const isLoading = ref<boolean>(false);
-
-/**
- * Retrieve all the files sorted from the store.
- */
-const files = computed((): BrowserObject[] => {
-    return obStore.sortedFiles;
-});
-
-/**
- * Return a boolean signifying whether the current folder name abides by our convention.
- */
-const createFolderEnabled = computed((): boolean => {
-    const charsOtherThanSpaceExist = createFolderName.value.trim().length > 0;
-    const noForwardSlashes = createFolderName.value.indexOf('/') === -1;
-
-    const nameIsNotOnlyPeriods =
-        [...createFolderName.value.trim()].filter(
-            (char) => char === '.',
-        ).length !== createFolderName.value.trim().length;
-
-    const notDuplicate = files.value.filter(
-        (file) => file.Key === createFolderName.value.trim(),
-    ).length === 0;
-
-    return (
-        charsOtherThanSpaceExist &&
-        noForwardSlashes &&
-        nameIsNotOnlyPeriods &&
-        notDuplicate
-    );
-});
-
-/**
- * Close the NewFolderModal.
- */
-function close(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Sets folder name from input value.
- */
-function setName(value: string): void {
-    if (createFolderError.value) {
-        createFolderError.value = '';
-    }
-
-    createFolderName.value = value;
-}
-
-/**
- * Create a folder from the name inside of the folder creation input.
- */
-async function createFolder(): Promise<void> {
-    if (isLoading.value) return;
-
-    if (!createFolderEnabled.value) {
-        createFolderError.value = 'Invalid name';
-
-        return;
-    }
-
-    isLoading.value = true;
-
-    try {
-        await obStore.createFolder(createFolderName.value.trim());
-    } catch (error) {
-        await notify.error(error.message, AnalyticsErrorEventSource.CREATE_FOLDER_MODAL);
-    }
-
-    createFolderName.value = '';
-    isLoading.value = false;
-    close();
-}
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        width: 400px;
-        padding: 32px;
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-        font-family: 'font_regular', sans-serif;
-
-        @media screen and (width <= 450px) {
-            width: 320px;
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 34px;
-            color: #1b2533;
-            margin-bottom: 40px;
-            text-align: center;
-        }
-
-        &__button-container {
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-top: 30px;
-            column-gap: 20px;
-
-            @media screen and (width <= 550px) {
-                margin-top: 20px;
-                column-gap: unset;
-                row-gap: 8px;
-                flex-direction: column-reverse;
-            }
-        }
-
-        &__blur {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 100%;
-            width: 100%;
-            background-color: rgb(229 229 229 / 20%);
-            border-radius: 8px;
-            z-index: 100;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/ObjectDetailsModal.vue b/web/satellite/src/components/modals/ObjectDetailsModal.vue
deleted file mode 100644
index c2c7090c42af..000000000000
--- a/web/satellite/src/components/modals/ObjectDetailsModal.vue
+++ /dev/null
@@ -1,525 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__preview">
-                    <img
-                        v-if="previewAndMapFailed"
-                        class="failed-preview"
-                        :src="ErrorNoticeIcon"
-                        alt="failed preview"
-                    >
-                    <template v-else>
-                        <img
-                            v-if="previewIsImage && !isLoading"
-                            class="preview img-fluid"
-                            :src="objectPreviewUrl"
-                            aria-roledescription="image-preview"
-                            alt="preview"
-                        >
-
-                        <video
-                            v-if="previewIsVideo && !isLoading"
-                            class="preview"
-                            controls
-                            :src="objectPreviewUrl"
-                            aria-roledescription="video-preview"
-                        />
-
-                        <audio
-                            v-if="previewIsAudio && !isLoading"
-                            class="preview"
-                            controls
-                            :src="objectPreviewUrl"
-                            aria-roledescription="audio-preview"
-                        />
-                        <PlaceholderImage v-if="placeHolderDisplayable" />
-                    </template>
-                </div>
-                <div class="modal__info">
-                    <p class="modal__info__title">
-                        {{ filePath }}
-                    </p>
-                    <p class="modal__info__size">
-                        <span class="modal__info__size__label text-lighter">Size:</span>
-                        {{ size }}
-                    </p>
-                    <p class="modal__info__size">
-                        <span class="modal__info__size__label text-lighter">Created:</span>
-                        {{ uploadDate }}
-                    </p>
-                    <VButton
-                        class="modal__info__download-btn"
-                        label="Download"
-                        width="100%"
-                        height="34px"
-                        :on-press="download"
-                    />
-                    <div
-                        v-if="objectLink"
-                        class="modal__info__input-group"
-                    >
-                        <input
-                            id="url"
-                            class="form-control"
-                            type="url"
-                            :value="objectLink"
-                            aria-describedby="generateShareLink"
-                            readonly
-                        >
-                        <VButton
-                            class="modal__info__input-group__copy"
-                            :label="copyText"
-                            :is-transparent="true"
-                            font-size="14px"
-                            width="unset"
-                            height="34px"
-                            :on-press="copy"
-                        />
-                    </div>
-                    <VButton
-                        v-else
-                        label="Share"
-                        width="100%"
-                        height="34px"
-                        :is-transparent="true"
-                        :on-press="getSharedLink"
-                    />
-                    <VLoader v-if="isLoading" class="modal__info__loader" />
-                    <div
-                        v-if="objectMapUrl && !previewAndMapFailed"
-                        class="modal__info__map"
-                    >
-                        <div class="storage-nodes">
-                            Nodes storing this file
-                        </div>
-                        <img
-                            class="object-map"
-                            :src="objectMapUrl"
-                            alt="object map"
-                        >
-                    </div>
-                    <p v-if="!placeHolderDisplayable && !previewAndMapFailed && !isLoading" class="modal__info__note text-lighter">
-                        Note: If you would like to share this object with others, please use the 'Share'
-                        button rather than copying the path from the object preview. This object preview
-                        link will expire within 24 hours.
-                    </p>
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, h, onBeforeMount, ref, watch } from 'vue';
-import prettyBytes from 'pretty-bytes';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useLinksharing } from '@/composables/useLinksharing';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-import ErrorNoticeIcon from '@/../static/images/common/errorNotice.svg?url';
-import PlaceholderImage from '@/../static/images/browser/placeholder.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const obStore = useObjectBrowserStore();
-const bucketsStore = useBucketsStore();
-
-const notify = useNotify();
-const { generateFileOrFolderShareURL, generateObjectPreviewAndMapURL } = useLinksharing();
-
-const isLoading = ref<boolean>(false);
-const previewAndMapFailed = ref<boolean>(false);
-const objectMapUrl = ref<string>('');
-const objectPreviewUrl = ref<string>('');
-const objectLink = ref<string>('');
-const copyText = ref<string>('Copy Link');
-
-/**
- * Retrieve the file object that the modal is set to from the store.
- */
-const file = computed((): BrowserObject | undefined => {
-    return obStore.state.files.find(
-        (file) => file.Key === filePath.value.split('/').slice(-1)[0],
-    );
-});
-
-/**
- * Retrieve the filepath of the modal from the store.
- */
-const filePath = computed((): string => {
-    return obStore.state.objectPathForModal;
-});
-
-/**
- * Format the file size to be displayed.
- */
-const size = computed((): string => {
-    return prettyBytes(
-        obStore.state.files.find((f) => f.Key === file.value?.Key)?.Size || 0,
-    );
-});
-
-/**
- * Format the upload date of the current file.
- */
-const uploadDate = computed((): string | undefined => {
-    return file.value?.LastModified.toLocaleString().split(',')[0];
-});
-
-/**
- * Get the extension of the current file.
- */
-const extension = computed((): string | undefined => {
-    return filePath.value.split('.').pop();
-});
-
-/**
- * Check to see if the current file is an image file.
- */
-const previewIsImage = computed((): boolean => {
-    if (typeof extension.value !== 'string') {
-        return false;
-    }
-
-    return ['bmp', 'svg', 'jpg', 'jpeg', 'png', 'ico', 'gif'].includes(
-        extension.value.toLowerCase(),
-    );
-});
-
-/**
- * Check to see if the current file is a video file.
- */
-const previewIsVideo = computed((): boolean => {
-    if (typeof extension.value !== 'string') {
-        return false;
-    }
-
-    return ['m4v', 'mp4', 'webm', 'mov', 'mkv'].includes(
-        extension.value.toLowerCase(),
-    );
-});
-
-/**
- * Check to see if the current file is an audio file.
- */
-const previewIsAudio = computed((): boolean => {
-    if (typeof extension.value !== 'string') {
-        return false;
-    }
-
-    return ['mp3', 'wav', 'ogg'].includes(extension.value.toLowerCase());
-});
-
-/**
- * Check to see if the current file is neither an image file, video file, or audio file.
- */
-const placeHolderDisplayable = computed((): boolean => {
-    return [
-        previewIsImage.value,
-        previewIsVideo.value,
-        previewIsAudio.value,
-    ].every((value) => !value);
-});
-
-/**
- * Get the object map url for the file being displayed.
- */
-async function fetchPreviewAndMapUrl(): Promise<void> {
-    isLoading.value = true;
-
-    let url = '';
-    try {
-        url = await generateObjectPreviewAndMapURL(bucketsStore.state.fileComponentBucketName, filePath.value);
-    } catch (error) {
-        error.message = `Unable to get file preview and map URL. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.ACCESS_GRANTS_PAGE);
-    }
-
-    if (!url) {
-        previewAndMapFailed.value = true;
-        isLoading.value = false;
-
-        return;
-    }
-
-    const mapURL = `${url}?map=1`;
-    const previewURL = `${url}?view=1`;
-
-    await new Promise((resolve) => {
-        const preload = new Image();
-        preload.onload = resolve;
-        preload.src = mapURL;
-    });
-
-    objectMapUrl.value = mapURL;
-    objectPreviewUrl.value = previewURL;
-    isLoading.value = false;
-}
-
-/**
- * Download the current opened file.
- */
-async function download(): Promise<void> {
-    if (!file.value) return;
-    try {
-        await obStore.download(file.value);
-        notify.success(() => [
-            h('p', { class: 'message-title' }, 'Downloading...'),
-            h('p', { class: 'message-info' }, [
-                'Keep this download link private.', h('br'), 'If you want to share, use the Share option.',
-            ]),
-        ]);
-    } catch (error) {
-        notify.error('Can not download your file', AnalyticsErrorEventSource.OBJECT_DETAILS_MODAL);
-    }
-}
-
-/**
- * Close the current opened file details modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Copy the current opened file.
- */
-async function copy(): Promise<void> {
-    await navigator.clipboard.writeText(objectLink.value);
-    notify.success('Link copied successfully.');
-
-    copyText.value = 'Copied!';
-    setTimeout(() => {
-        copyText.value = 'Copy Link';
-    }, 2000);
-}
-
-/**
- * Get the share link of the current opened file.
- */
-async function getSharedLink(): Promise<void> {
-    analyticsStore.eventTriggered(AnalyticsEvent.LINK_SHARED);
-    try {
-        objectLink.value = await generateFileOrFolderShareURL(
-            bucketsStore.state.fileComponentBucketName, filePath.value);
-    } catch (error) {
-        error.message = `Unable to get sharing URL. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.OBJECT_DETAILS_MODAL);
-    }
-}
-
-/**
- * Call `fetchPreviewAndMapUrl` on before mount lifecycle method.
- */
-onBeforeMount((): void => {
-    fetchPreviewAndMapUrl();
-});
-
-/**
- * Watch for changes on the filepath and call `fetchObjectMapUrl` the moment it updates.
- */
-watch(filePath, () => {
-    fetchPreviewAndMapUrl();
-});
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        width: 1140px;
-        max-width: 1140px;
-
-        @media screen and (width <= 1200px) {
-            width: 800px;
-            max-width: 800px;
-        }
-
-        @media screen and (width <= 900px) {
-            width: 600px;
-            max-width: 600px;
-        }
-
-        @media screen and (width <= 660px) {
-            flex-direction: column-reverse;
-            width: calc(100vw - 50px);
-            min-width: calc(100vw - 50px);
-            max-width: calc(100vw - 50px);
-        }
-
-        @media screen and (width <= 400px) {
-            width: calc(100vw - 20px);
-            min-width: calc(100vw - 20px);
-            max-width: calc(100vw - 20px);
-        }
-
-        &__preview {
-            width: 67%;
-            max-width: 67%;
-            min-height: 75vh;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            @media screen and (width <= 900px) {
-                width: 60%;
-                max-width: 60%;
-            }
-
-            @media screen and (width <= 660px) {
-                width: 100%;
-                min-width: 100%;
-                max-width: 100%;
-                min-height: 50vh;
-                margin-top: 10px;
-                border-radius: 0 0 10px 10px;
-            }
-
-            @media screen and (width <= 500px) {
-                min-height: 30vh;
-            }
-        }
-
-        &__info {
-            padding: 64px 32px;
-            box-sizing: border-box;
-            width: 33%;
-            max-width: 33%;
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            align-self: flex-start;
-
-            @media screen and (width <= 900px) {
-                width: 40%;
-                max-width: 40%;
-            }
-
-            @media screen and (width <= 660px) {
-                width: 100%;
-                min-width: 100%;
-                max-width: 100%;
-                padding-bottom: 0;
-            }
-
-            @media screen and (width <= 400px) {
-                padding: 64px 20px 0;
-            }
-
-            &__title {
-                display: inline-block;
-                font-weight: bold;
-                max-width: 100%;
-                position: relative;
-                font-size: 18px;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                overflow: hidden;
-                margin-bottom: 14px;
-            }
-
-            &__size {
-                margin-bottom: 14px;
-                font-size: 12px;
-
-                &__label {
-                    margin-right: 7px;
-                }
-            }
-
-            &__download-btn {
-                margin-bottom: 14px;
-            }
-
-            &__input-group {
-                display: flex;
-                align-items: center;
-                width: 100%;
-
-                @media screen and (width <= 1200px) {
-                    flex-direction: column;
-                    align-items: flex-start;
-                }
-
-                @media screen and (width <= 660px) {
-                    flex-direction: row;
-                    align-items: center;
-                }
-
-                @media screen and (width <= 400px) {
-                    flex-direction: column;
-                    align-items: flex-start;
-                }
-
-                input {
-                    box-sizing: border-box;
-                    width: 100%;
-                    padding: 0.375rem 0.75rem;
-                    font-size: 1rem;
-                    font-weight: 400;
-                    line-height: 1.5;
-                    color: #495057;
-                    border: 1px solid #ced4da;
-                    border-radius: 0.25rem;
-                    background-color: #e9ecef;
-                }
-
-                &__copy {
-                    padding: 0 10px;
-                }
-            }
-
-            &__loader {
-                margin: 20px 0;
-            }
-
-            &__map {
-                margin-top: 36px;
-            }
-
-            &__note {
-                margin-top: 16px;
-                text-align: left;
-            }
-        }
-    }
-
-    .preview {
-        width: 100%;
-    }
-
-    .object-map {
-        width: 100%;
-    }
-
-    .storage-nodes {
-        padding: 5px;
-        background: rgb(0 0 0 / 80%);
-        font-weight: normal;
-        color: white;
-        font-size: 0.8rem;
-    }
-
-    .text-lighter {
-        color: #768394;
-    }
-
-    .failed-preview {
-        width: 50%;
-    }
-</style>
diff --git a/web/satellite/src/components/modals/PricingPlanModal.vue b/web/satellite/src/components/modals/PricingPlanModal.vue
deleted file mode 100644
index 9fad19b8b52b..000000000000
--- a/web/satellite/src/components/modals/PricingPlanModal.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal v-if="plan" class="modal" :on-close="onClose">
-        <template #content>
-            <div v-if="!isSuccess" class="content">
-                <div class="content__top">
-                    <h1 class="content__top__title">Activate your plan</h1>
-                    <div class="content__top__icon">
-                        <CheckIcon />
-                    </div>
-                </div>
-                <div class="content__middle">
-                    <div>
-                        <p class="content__middle__name">
-                            {{ plan.title }}
-                            <span v-if="plan.activationSubtitle"> / {{ plan.activationSubtitle }}</span>
-                        </p>
-                        <!-- eslint-disable-next-line vue/no-v-html -->
-                        <p class="content__middle__description" v-html="plan.activationDescriptionHTML" />
-                    </div>
-                    <!-- eslint-disable-next-line vue/no-v-html -->
-                    <p v-if="plan.activationPriceHTML" class="content__middle__price" v-html="plan.activationPriceHTML" />
-                </div>
-                <div class="content__bottom">
-                    <div v-if="!isFree" class="content__bottom__card-area">
-                        <p class="content__bottom__card-area__label">Add Card Info</p>
-                        <StripeCardElement
-                            v-if="paymentElementEnabled"
-                            ref="stripeCardInput"
-                            class="content__bottom__card-area__input"
-                            @pm-created="onCardAdded"
-                        />
-                        <StripeCardInput
-                            v-else
-                            ref="stripeCardInput"
-                            :on-stripe-response-callback="onCardAdded"
-                        />
-                    </div>
-                    <VButton
-                        class="content__bottom__button"
-                        :label="plan.activationButtonText || ('Activate ' + plan.title)"
-                        width="100%"
-                        font-size="13px"
-                        icon="lock"
-                        :is-green="plan.type === 'partner'"
-                        :is-disabled="isLoading"
-                        :on-press="onActivateClick"
-                    />
-                    <VButton
-                        class="content__bottom__button"
-                        label="Cancel"
-                        width="100%"
-                        font-size="13px"
-                        :is-white="true"
-                        :on-press="onClose"
-                    />
-                </div>
-            </div>
-            <div v-else class="content-success">
-                <div class="content-success__icon">
-                    <CircleCheck />
-                </div>
-                <h1 class="content-success__title">Success</h1>
-                <p class="content-success__subtitle">Your plan has been successfully activated.</p>
-                <div class="content-success__info">
-                    <ThinCheck class="content-success__info__icon" />
-                    <p class="content-success__info__title">
-                        {{ plan.title }}
-                        <span v-if="plan.activationSubtitle" class="content-success__info__title__duration"> / {{ plan.successSubtitle }}</span>
-                    </p>
-                    <p class="content-success__info__activated">Activated</p>
-                </div>
-                <VButton
-                    class="content-success__button"
-                    label="Continue"
-                    font-size="13px"
-                    :on-press="onClose"
-                />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { PricingPlanInfo, PricingPlanType } from '@/types/common';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-import StripeCardElement from '@/components/account/billing/paymentMethods/StripeCardElement.vue';
-import StripeCardInput from '@/components/account/billing/paymentMethods/StripeCardInput.vue';
-
-import CheckIcon from '@/../static/images/common/check.svg';
-import CircleCheck from '@/../static/images/onboardingTour/circleCheck.svg';
-import ThinCheck from '@/../static/images/onboardingTour/thinCheck.svg';
-
-interface StripeForm {
-    onSubmit(): Promise<void>;
-}
-
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const router = useRouter();
-const notify = useNotify();
-
-const isLoading = ref<boolean>(false);
-const isSuccess = ref<boolean>(false);
-
-const stripeCardInput = ref<StripeForm | null>(null);
-
-/**
- * Returns the pricing plan selected from the onboarding tour.
- */
-const plan = computed((): PricingPlanInfo | null => {
-    return appStore.state.selectedPricingPlan;
-});
-
-/**
- * Indicates whether stripe payment element is enabled.
- */
-const paymentElementEnabled = computed(() => {
-    return configStore.state.config.stripePaymentElementEnabled;
-});
-
-watch(plan, () => {
-    if (!plan.value) {
-        appStore.removeActiveModal();
-        notify.error('No pricing plan has been selected.');
-    }
-});
-
-/**
- * Returns whether this modal corresponds to a free pricing plan.
- */
-const isFree = computed((): boolean => {
-    return plan.value?.type === PricingPlanType.FREE;
-});
-
-/**
- * Closes the modal. If the user has not completed the onboarding tour, advance to the next step.
- */
-function onClose(): void {
-    appStore.removeActiveModal();
-    // do not reroute if the user has already completed onboarding
-    if (usersStore.state.settings.onboardingEnd) {
-        return;
-    }
-
-    if (isSuccess.value) router.push(RouteConfig.AllProjectsDashboard.path);
-}
-
-/**
- * Applies the selected pricing plan to the user.
- */
-function onActivateClick(): void {
-    if (isLoading.value || !plan.value) return;
-    isLoading.value = true;
-
-    if (isFree.value) {
-        isSuccess.value = true;
-        return;
-    }
-
-    stripeCardInput.value?.onSubmit();
-}
-
-/**
- * Adds card after Stripe confirmation.
- * @param res - the response from stripe. Could be a token or a payment method id.
- * depending on the paymentElementEnabled flag.
- */
-async function onCardAdded(res: string): Promise<void> {
-    if (!plan.value) return;
-
-    try {
-        if (plan.value.type === PricingPlanType.PARTNER) {
-            await billingStore.purchasePricingPackage(res, paymentElementEnabled.value);
-        } else {
-            paymentElementEnabled.value ? await billingStore.addCardByPaymentMethodID(res) : await billingStore.addCreditCard(res);
-        }
-        isSuccess.value = true;
-
-        // Fetch user to update paid tier status
-        await usersStore.getUser();
-        // Fetch cards to hide paid tier banner
-        await billingStore.getCreditCards();
-    } catch (error) {
-        notify.notifyError(error);
-    }
-
-    isLoading.value = false;
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-
-    :has(.content) :deep(.mask__wrapper__container) {
-        background-color: var(--c-grey-1);
-    }
-
-    :has(.content-success) :deep(.mask__wrapper__container) {
-        background-color: var(--c-grey-2);
-    }
-
-    :deep(.mask__wrapper__container__close) {
-        display: none;
-    }
-}
-
-.content {
-    width: 444px;
-    font-family: 'font_regular', sans-serif;
-    line-height: 20px;
-    text-align: left;
-
-    &__top {
-        padding: 26px;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-        gap: 16px;
-        border-radius: 10px 10px 0 0;
-
-        &__title {
-            font-size: 14px;
-            font-family: 'font_bold', sans-serif;
-        }
-
-        &__icon {
-            width: 40px;
-            height: 40px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background-color: var(--c-green-4);
-            border-radius: 10px;
-
-            svg {
-                transform: scale(1.25);
-
-                :deep(path) {
-                    fill: var(--c-green-5);
-                }
-            }
-        }
-    }
-
-    &__middle {
-        padding: 36px 26px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 16px;
-        background-color: #fff;
-
-        &__name {
-            font-family: 'font_bold', sans-serif;
-        }
-
-        &__description :deep(a) {
-            color: var(--c-blue-3);
-            text-decoration: underline;
-        }
-
-        &__price {
-            font-family: 'font_medium', sans-serif;
-            line-height: 22px;
-
-            :deep(s) {
-                font-family: 'font_regular', sans-serif;
-            }
-
-            :deep(b) {
-                font-family: 'font_bold', sans-serif;
-            }
-        }
-    }
-
-    &__bottom {
-        padding: 24px;
-        border-radius: 0 0 10px 10px;
-
-        > :not(:last-child) {
-            margin-bottom: 8px;
-        }
-
-        &__card-area {
-
-            &__label {
-                margin-bottom: 8px;
-                color: var(--c-grey-6);
-            }
-        }
-
-        &__button {
-            padding: 10px;
-
-            :deep(svg path) {
-                fill: #fff;
-            }
-        }
-    }
-}
-
-.content-success {
-    width: 444px;
-    padding: 50px 25px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 10px;
-    font-family: 'font_regular', sans-serif;
-
-    &__icon {
-        width: 65px;
-        height: 65px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-bottom: 10px;
-        background-color: var(--c-green-5);
-        border-radius: 26px;
-    }
-
-    &__title {
-        margin-bottom: 2px;
-        font-family: 'font_bold', sans-serif;
-        font-size: 24px;
-        line-height: 31px;
-        letter-spacing: -0.02em;
-        text-align: center;
-    }
-
-    &__subtitle {
-        margin-bottom: 16px;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 24px;
-        text-align: center;
-    }
-
-    &__info {
-        width: 100%;
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 16px;
-        margin-bottom: 25px;
-        padding: 18px 20px;
-        background-color: #fff;
-        border: 1px solid var(--c-green-5);
-        border-radius: 10px;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-
-        &__icon {
-            min-width: 20px;
-        }
-
-        &__title {
-            flex-grow: 1;
-            font-family: 'font_bold', sans-serif;
-            text-align: left;
-
-            &__duration {
-                font-family: 'font_regular', sans-serif;
-            }
-        }
-
-        &__activated {
-            font-family: 'font_medium', sans-serif;
-            color: var(--c-green-5);
-        }
-    }
-
-    &__button {
-        width: 143px;
-        padding: 10px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/RemoveProjectMemberModal.vue b/web/satellite/src/components/modals/RemoveProjectMemberModal.vue
deleted file mode 100644
index 2cd47044d206..000000000000
--- a/web/satellite/src/components/modals/RemoveProjectMemberModal.vue
+++ /dev/null
@@ -1,258 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <TeamMemberIcon />
-                    <h1 class="modal__header__title">Remove Member</h1>
-                </div>
-                <p class="modal__info">
-                    The following team members will be removed. This action cannot be undone.
-                </p>
-                <div class="modal__pm-container">
-                    <div v-for="(member, key) in firstThreeSelected" :key="key" :title="member" class="modal__project-member">
-                        {{ member }}
-                    </div>
-                    <div v-if="selectedMembersLength > 3" class="modal__project-member">
-                        + {{ selectedMembersLength - 3 }} more
-                    </div>
-                    <div class="modal__notice">
-                        <strong>Please note:</strong> any access grants they have created will still provide them with full access. If necessary, please revoke these access grants to ensure the security of your data.
-                    </div>
-                </div>
-                <div class="modal__button-container">
-                    <VButton
-                        label="Cancel"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="closeModal"
-                        :is-transparent="true"
-                        :is-disabled="isLoading"
-                    />
-                    <VButton
-                        label="Remove"
-                        :is-solid-delete="true"
-                        icon="trash"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="onRemove"
-                        :is-disabled="isLoading"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { Project } from '@/types/projects';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useLoading } from '@/composables/useLoading';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import TeamMemberIcon from '@/../static/images/team/teamMember.svg';
-
-const FIRST_PAGE = 1;
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const pmStore = useProjectMembersStore();
-const notify = useNotify();
-const router = useRouter();
-const { isLoading, withLoading } = useLoading();
-
-const firstThreeSelected = computed((): string[] => {
-    return pmStore.state.selectedProjectMembersEmails.slice(0, 3);
-});
-
-const selectedMembersLength = computed((): number => {
-    return pmStore.state.selectedProjectMembersEmails.length;
-});
-
-async function setProjectState(): Promise<void> {
-    const projects: Project[] = await projectsStore.getProjects();
-    if (!projects.length) {
-        const onboardingPath = RouteConfig.OnboardingTour.with(configStore.firstOnboardingStep).path;
-
-        analyticsStore.pageVisit(onboardingPath);
-        await router.push(onboardingPath);
-
-        return;
-    }
-
-    if (!projects.some(p => p.id === projectsStore.state.selectedProject.id)) {
-        projectsStore.selectProject(projects[0].id);
-    }
-
-    await pmStore.getProjectMembers(FIRST_PAGE, projectsStore.state.selectedProject.id);
-}
-
-async function onRemove(): Promise<void> {
-    await withLoading(async () => {
-        try {
-            await pmStore.deleteProjectMembers(projectsStore.state.selectedProject.id);
-            notify.success('Members were successfully removed from the project');
-            pmStore.setSearchQuery('');
-        } catch (error) {
-            error.message = `Error removing project members. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_MEMBERS_HEADER);
-        }
-
-        try {
-            await setProjectState();
-        } catch (error) {
-            error.message = `Unable to fetch project members. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_MEMBERS_HEADER);
-        }
-
-        closeModal();
-    });
-}
-
-/**
- * Closes remove team member modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-    display: flex;
-    flex-direction: column;
-    max-width: 350px;
-
-    @media screen and (width <= 615px) {
-        padding: 30px 20px;
-    }
-
-    &__blur {
-        position: absolute;
-        top: 0;
-        left: 0;
-        height: 100%;
-        width: 100%;
-        background-color: rgb(229 229 229 / 20%);
-        border-radius: 8px;
-        z-index: 100;
-
-        &__loader {
-            width: 25px;
-            height: 25px;
-            position: absolute;
-            right: 40px;
-            top: 40px;
-        }
-    }
-
-    :deep(.label-container) {
-        margin-bottom: 8px;
-    }
-
-    :deep(.label-container__main__label) {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        color: #56606d;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-            text-align: left;
-        }
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        padding: 16px 0;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__pm-container {
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-
-    &__button-container {
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: 16px;
-        column-gap: 20px;
-
-        @media screen and (width <= 600px) {
-            margin-top: 20px;
-            column-gap: unset;
-            row-gap: 8px;
-            flex-direction: column-reverse;
-        }
-    }
-
-    &__notice {
-        background: #fec;
-        border: 1px solid #ffd78a;
-        box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-        border-radius: 10px;
-        padding: 16px;
-        gap: 16px;
-        text-align: left;
-        margin: 16px 0;
-
-        strong {
-            font-family: 'font_bold', sans-serif;
-        }
-    }
-
-    &__project-member {
-        width: fit-content;
-        max-width: calc(100% - 40px);
-        text-align: left;
-        background: #f4f5f7;
-        border-radius: 30px;
-        padding: 7px 20px;
-        gap: 10px;
-        margin: 16px 0;
-        font-family: 'font_medium', sans-serif;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-}
-
-</style>
diff --git a/web/satellite/src/components/modals/RequestProjectLimitModal.vue b/web/satellite/src/components/modals/RequestProjectLimitModal.vue
deleted file mode 100644
index 97522680cec0..000000000000
--- a/web/satellite/src/components/modals/RequestProjectLimitModal.vue
+++ /dev/null
@@ -1,504 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <LimitIcon />
-                    <h1 class="modal__header__title">{{ activeLimit }} Limit Request</h1>
-                </div>
-
-                <p class="modal__info">
-                    Request a {{ activeLimit }} limit increase for this project.
-                </p>
-
-                <div class="modal__functional">
-                    <div class="modal__functional__limits">
-                        <div class="modal__functional__limits__wrap">
-                            <p class="modal__functional__limits__wrap__label">{{ activeLimit }} Limit</p>
-                            <div class="modal__functional__limits__wrap__inputs">
-                                <input
-                                    :value="currentActiveLimit"
-                                    disabled
-                                >
-                                <div class="modal__functional__limits__wrap__inputs__selector">
-                                    <div tabindex="0" class="modal__functional__limits__wrap__inputs__selector__content" @keyup.enter="() => toggleSelector('current')" @click.stop="() => toggleSelector('current')">
-                                        <span v-if="activeMeasurement" class="modal__functional__limits__wrap__inputs__selector__content__label">{{ activeMeasurement }}</span>
-                                        <span v-else class="modal__functional__limits__wrap__inputs__selector__content__label">Measurement</span>
-                                        <arrow-down-icon class="modal__functional__limits__wrap__inputs__selector__content__arrow" :class="{ open: curLimitMeasurementOpen }" />
-                                    </div>
-                                    <div v-if="curLimitMeasurementOpen" v-click-outside="closeSelector" class="modal__functional__limits__wrap__inputs__selector__dropdown">
-                                        <div
-                                            v-for="(option, index) in measurementOptions"
-                                            :key="index"
-                                            tabindex="0"
-                                            class="modal__functional__limits__wrap__inputs__selector__dropdown__item"
-                                            :class="{ selected: activeMeasurement === option }"
-                                            @click.stop="() => setActiveMeasurement(option)"
-                                            @keyup.enter="() => setActiveMeasurement(option)"
-                                        >
-                                            <span class="modal__functional__limits__wrap__inputs__selector__dropdown__item__label">{{ option }}</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="modal__functional__limits__wrap">
-                            <p class="modal__functional__limits__wrap__label">Requested Limit</p>
-                            <div class="modal__functional__limits__wrap__inputs">
-                                <input
-                                    v-model="limitValue"
-                                    type="number"
-                                    :min="0"
-                                    @input="setLimitValue"
-                                >
-                                <div class="modal__functional__limits__wrap__inputs__selector">
-                                    <div tabindex="0" class="modal__functional__limits__wrap__inputs__selector__content" @keyup.enter="() => toggleSelector('requested')" @click.stop="() => toggleSelector('requested')">
-                                        <span v-if="activeMeasurement" class="modal__functional__limits__wrap__inputs__selector__content__label">{{ activeMeasurement }}</span>
-                                        <span v-else class="modal__functional__limits__wrap__inputs__selector__content__label">Measurement</span>
-                                        <arrow-down-icon class="modal__functional__limits__wrap__inputs__selector__content__arrow" :class="{ open: reqLimitMeasurementOpen }" />
-                                    </div>
-                                    <div v-if="reqLimitMeasurementOpen" v-click-outside="closeSelector" class="modal__functional__limits__wrap__inputs__selector__dropdown">
-                                        <div
-                                            v-for="(option, index) in measurementOptions"
-                                            :key="index"
-                                            tabindex="0"
-                                            class="modal__functional__limits__wrap__inputs__selector__dropdown__item"
-                                            :class="{ selected: activeMeasurement === option }"
-                                            @click.stop="() => setActiveMeasurement(option)"
-                                            @keyup.enter="() => setActiveMeasurement(option)"
-                                        >
-                                            <span class="modal__functional__limits__wrap__inputs__selector__dropdown__item__label">{{ option }}</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="modal__buttons">
-                    <VButton
-                        label="Cancel"
-                        :on-press="closeModal"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-disabled="isLoading"
-                        is-white
-                    />
-                    <VButton
-                        label="Send"
-                        :on-press="sendRequest"
-                        width="100%"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-disabled="isSendDisabled"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, h, onBeforeMount, ref } from 'vue';
-
-import ArrowDownIcon from '../../../static/images/common/dropIcon.svg';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useNotify } from '@/utils/hooks';
-import { LimitToChange, ProjectLimits } from '@/types/projects';
-import { Dimensions, Memory } from '@/utils/bytesSize';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useLoading } from '@/composables/useLoading';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-
-import VModal from '@/components/common/VModal.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import LimitIcon from '@/../static/images/modals/limit.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const configStore = useConfigStore();
-const notify = useNotify();
-
-const { isLoading, withLoading } = useLoading();
-
-const activeLimit = ref<LimitToChange>(LimitToChange.Storage);
-const activeMeasurement = ref<string>(Dimensions.TB);
-const limitValue = ref<number>(0);
-
-/**
- * Returns current limits from store.
- */
-const currentLimits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns current default bandwidth limit for paid accounts.
- */
-const paidBandwidthLimit = computed((): number => {
-    const limitVal = getLimitValue(configStore.state.config.defaultPaidBandwidthLimit);
-    const maxLimit = Math.max(currentLimits.value.bandwidthLimit / Memory.TB, limitVal);
-    if (activeMeasurement.value === Dimensions.GB) {
-        return toGB(maxLimit);
-    }
-    return maxLimit;
-});
-
-/**
- * Returns current default storage limit for paid accounts.
- */
-const paidStorageLimit = computed((): number => {
-    const limitVal = getLimitValue(configStore.state.config.defaultPaidStorageLimit);
-    const maxLimit = Math.max(currentLimits.value.storageLimit / Memory.TB, limitVal);
-    if (activeMeasurement.value === Dimensions.GB) {
-        return toGB(maxLimit);
-    }
-    return maxLimit;
-});
-
-/**
- * Returns current limit for which an increase is being requested.
- */
-const currentActiveLimit = computed((): number => {
-    return isRequestingBandwidth.value ? paidBandwidthLimit.value : paidStorageLimit.value;
-});
-
-/**
- * Returns dimensions dropdown options.
- */
-const measurementOptions = computed((): Dimensions[] => {
-    return [Dimensions.GB, Dimensions.TB];
-});
-
-/**
- * Indicates if bandwidth limit is updating.
- */
-const isRequestingBandwidth = computed((): boolean => {
-    return activeLimit.value === LimitToChange.Bandwidth;
-});
-
-/**
- * whether the measurement dropdown is open.
- */
-const curLimitMeasurementOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.SIZE_MEASUREMENT_SELECTOR;
-});
-
-/**
- * whether the measurement dropdown is open.
- */
-const reqLimitMeasurementOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.REQUESTED_SIZE_MEASUREMENT_SELECTOR;
-});
-
-/**
- * whether the send button should be disabled.
- */
-const isSendDisabled = computed((): boolean => {
-    return limitValue.value === 0 || limitValue.value === currentActiveLimit.value || isLoading.value;
-});
-
-/**
- * Opens the measurement dropdown.
- */
-function toggleSelector(which: string) {
-    if (curLimitMeasurementOpen.value || curLimitMeasurementOpen.value) {
-        appStore.closeDropdowns();
-    } else if (which === 'current') {
-        appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.SIZE_MEASUREMENT_SELECTOR);
-    } else if (which === 'requested') {
-        appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.REQUESTED_SIZE_MEASUREMENT_SELECTOR);
-    }
-}
-
-/**
- * Closes the measurement dropdown.
- */
-function closeSelector() {
-    appStore.closeDropdowns();
-}
-
-/**
- * Sets active dimension and recalculates limit values.
- */
-function setActiveMeasurement(measurement: Dimensions): void {
-    closeSelector();
-    if (activeMeasurement.value === measurement) {
-        return;
-    }
-    if (measurement === Dimensions.TB) {
-        activeMeasurement.value = Dimensions.TB;
-        limitValue.value = toTB(limitValue.value);
-        return;
-    }
-
-    activeMeasurement.value = Dimensions.GB;
-    limitValue.value = toGB(limitValue.value);
-}
-
-/**
- * Sets limit value from inputs.
- */
-function setLimitValue(event: Event): void {
-    const target = event.target as HTMLInputElement;
-
-    limitValue.value = parseFloat(target.value);
-}
-
-/**
- * Get limit numeric value separated from included measurement
- */
-function getLimitValue(limit: string): number {
-    return parseInt(limit.split(' ')[0]);
-}
-
-/**
- * Convert value from GB to TB
- */
-function toTB(limitValue: number): number {
-    return limitValue / 1000;
-}
-
-/**
- * Convert value from TB to GB
- */
-function toGB(limitValue: number): number {
-    return limitValue * 1000;
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Updates desired limit.
- */
-async function sendRequest(): Promise<void> {
-    await withLoading(async () => {
-        try {
-            let limit = limitValue.value;
-            if (activeMeasurement.value === Dimensions.GB) {
-                limit = limit * Number(Memory.GB);
-            } else if (activeMeasurement.value === Dimensions.TB) {
-                limit = limit * Number(Memory.TB);
-            }
-            await projectsStore.requestLimitIncrease(activeLimit.value, limit);
-            notify.success(() => [
-                h('span', { class: 'message-title' }, 'Your request for limits increase has been submitted.\xa0'),
-                h('span', { class: 'message-info' }, 'Limit increases may take up to 3 business days to be reflected in your limits.'),
-            ]);
-            closeModal();
-        } catch (error) {
-            notify.error(error.message, AnalyticsErrorEventSource.REQUEST_PROJECT_LIMIT_MODAL);
-        }
-    });
-}
-
-onBeforeMount(() => {
-    activeLimit.value = appStore.state.activeChangeLimit;
-
-    if (isRequestingBandwidth.value) {
-        limitValue.value = currentLimits.value.bandwidthLimit / Memory.TB;
-        return;
-    }
-
-    limitValue.value = currentLimits.value.storageLimit / Memory.TB;
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-
-    @media screen and (width <= 375px) {
-        padding: 32px 16px;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-            margin-left: 16px;
-        }
-    }
-
-    &__functional {
-        padding: 16px;
-        background: var(--c-grey-1);
-        border: 1px solid var(--c-grey-2);
-        border-radius: 16px;
-
-        &__limits {
-            display: flex;
-            align-items: center;
-            column-gap: 16px;
-
-            &__wrap {
-                @media screen and (width <= 475px) {
-                    width: calc(50% - 8px);
-                }
-
-                &__label {
-                    font-weight: 500;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-blue-6);
-                    text-align: left;
-                    margin-bottom: 8px;
-                }
-
-                &__inputs {
-                    display: flex;
-                    align-items: center;
-                    border: 1px solid var(--c-grey-4);
-                    border-radius: 8px;
-                    background-color: var(--c-white);
-
-                    input {
-                        padding: 9px 13px;
-                        box-sizing: border-box;
-                        width: 100px;
-                        border-radius: 8px 0 0 8px;
-                        border: none;
-                        font-family: 'font_bold', sans-serif;
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: var(--c-grey-6);
-
-                        @media screen and (width <= 475px) {
-                            padding-right: 0;
-                            width: calc(100% - 54px);
-                        }
-
-                        &:disabled {
-                            background-color: var(--c-grey-2);
-                        }
-                    }
-
-                    &__selector {
-                        width: 65px;
-                        border-radius: 6px;
-                        box-sizing: border-box;
-
-                        &__content {
-                            display: flex;
-                            align-items: center;
-                            justify-content: space-between;
-                            position: relative;
-                            padding: 5px 14px;
-
-                            &__label {
-                                font-family: 'font_bold', sans-serif;
-                                font-size: 14px;
-                                line-height: 20px;
-                                color: var(--c-grey-6);
-                                cursor: default;
-                            }
-
-                            &__arrow {
-                                transition-duration: 0.5s;
-
-                                &.open {
-                                    transform: rotate(180deg) scaleX(-1);
-                                }
-                            }
-                        }
-
-                        &__dropdown {
-                            position: absolute;
-                            bottom: 70px;
-                            background: var(--c-white);
-                            z-index: 999;
-                            box-sizing: border-box;
-                            box-shadow: 0 -2px 16px rgb(0 0 0 / 10%);
-                            border-radius: 8px;
-                            border: 1px solid var(--c-grey-2);
-                            width: 60px;
-
-                            &__item {
-                                padding: 10px;
-
-                                &__label {
-                                    cursor: default;
-                                }
-
-                                &.selected {
-                                    background: var(--c-grey-1);
-                                }
-
-                                &:first-of-type {
-                                    border-top-right-radius: 8px;
-                                    border-top-left-radius: 8px;
-                                }
-
-                                &:last-of-type {
-                                    border-bottom-right-radius: 8px;
-                                    border-bottom-left-radius: 8px;
-                                }
-
-                                &:hover {
-                                    background: var(--c-grey-2);
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    &__info {
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        margin-top: 16px;
-        margin-bottom: 16px;
-        text-align: left;
-
-        &__link {
-            text-decoration: underline !important;
-            text-underline-position: under;
-            color: var(--c-blue-6);
-
-            &:visited {
-                color: var(--c-blue-6);
-            }
-        }
-    }
-
-    &__buttons {
-        border-top: 1px solid var(--c-grey-2);
-        margin-top: 16px;
-        padding-top: 24px;
-        display: flex;
-        align-items: center;
-        column-gap: 16px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/SessionExpiredModal.vue b/web/satellite/src/components/modals/SessionExpiredModal.vue
deleted file mode 100644
index cb2606b458cd..000000000000
--- a/web/satellite/src/components/modals/SessionExpiredModal.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :is-closable="false">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <Icon class="modal__header__icon" />
-                    <h1 class="modal__header__title">Session Expired</h1>
-                </div>
-                <p class="modal__info">
-                    To protect your account and data, you’ve been automatically logged out. You can change your session
-                    timeout preferences in your account settings.
-                </p>
-                <VButton
-                    label="Go to login"
-                    width="100%"
-                    height="40px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onRedirect"
-                />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-import Icon from '@/../static/images/session/inactivityTimer.svg';
-
-const props = defineProps<{
-    onRedirect: () => void;
-}>();
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        max-width: 410px;
-        padding: 32px;
-        box-sizing: border-box;
-        font-family: 'font_regular', sans-serif;
-
-        &__header {
-            display: flex;
-            align-items: center;
-            margin-bottom: 32px;
-
-            &__icon {
-                margin-right: 16px;
-                min-width: 40px;
-                width: 40px;
-                height: 40px;
-            }
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                letter-spacing: -0.02em;
-                color: var(--c-black);
-            }
-        }
-
-        &__info {
-            font-size: 16px;
-            line-height: 24px;
-            color: var(--c-black);
-            margin-bottom: 40px;
-            text-align: left;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/ShareModal.vue b/web/satellite/src/components/modals/ShareModal.vue
deleted file mode 100644
index 27512327db56..000000000000
--- a/web/satellite/src/components/modals/ShareModal.vue
+++ /dev/null
@@ -1,206 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <ModalHeader
-                    :icon="ShareIcon"
-                    :title="'Share ' + shareType"
-                />
-                <div class="modal__notification">
-                    <p class="modal__notification__msg">
-                        Sharing a {{ shareType.toLowerCase() }} will create a publicly shareable URL.
-                        Anyone with this link will be able to access your shared {{ shareType.toLowerCase() }}.
-                    </p>
-                </div>
-                <VLoader v-if="loading" width="40px" height="40px" />
-                <template v-else>
-                    <h1 class="modal__title">Share via</h1>
-                    <ShareContainer :link="link" />
-                    <label for="url" class="modal__label">Copy link</label>
-                    <input
-                        id="url"
-                        class="modal__input"
-                        type="url"
-                        :value="link"
-                        readonly
-                    >
-                </template>
-                <VButton
-                    class="modal__button"
-                    :label="copyButtonState === ButtonStates.Copy ? 'Copy link' : 'Link Copied'"
-                    height="52px"
-                    width="100%"
-                    border-radius="10px"
-                    font-size="14px"
-                    :icon="copyButtonState === ButtonStates.Copy ? 'none' : 'check'"
-                    :on-press="onCopy"
-                    :is-green="copyButtonState === ButtonStates.Copied"
-                />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useLinksharing } from '@/composables/useLinksharing';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { ShareType } from '@/types/browser';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import VButton from '@/components/common/VButton.vue';
-import ShareContainer from '@/components/common/share/ShareContainer.vue';
-import ModalHeader from '@/components/modals/ModalHeader.vue';
-
-import ShareIcon from '@/../static/images/browser/galleryView/modals/share.svg';
-
-enum ButtonStates {
-    Copy,
-    Copied,
-}
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const obStore = useObjectBrowserStore();
-const bucketsStore = useBucketsStore();
-
-const { generateFileOrFolderShareURL, generateBucketShareURL } = useLinksharing();
-const notify = useNotify();
-
-const link = ref<string>('');
-const loading = ref<boolean>(true);
-const copyButtonState = ref<ButtonStates>(ButtonStates.Copy);
-
-/**
- * Returns what type of entity is being shared.
- */
-const shareType = computed((): ShareType => {
-    return appStore.state.shareModalType;
-});
-
-/**
- * Retrieve the path to the current file.
- */
-const filePath = computed((): string => {
-    return obStore.state.objectPathForModal;
-});
-
-/**
- * Copies link to user's clipboard.
- */
-async function onCopy(): Promise<void> {
-    await navigator.clipboard.writeText(link.value);
-    copyButtonState.value = ButtonStates.Copied;
-
-    setTimeout(() => {
-        copyButtonState.value = ButtonStates.Copy;
-    }, 2000);
-}
-
-/**
- * Closes the modal.
- */
-function closeModal(): void {
-    if (loading.value) return;
-
-    appStore.removeActiveModal();
-}
-
-onMounted(async (): Promise<void> => {
-    analyticsStore.eventTriggered(AnalyticsEvent.LINK_SHARED);
-    try {
-        if (shareType.value === ShareType.Bucket) {
-            link.value = await generateBucketShareURL(bucketsStore.state.fileComponentBucketName);
-        } else {
-            link.value = await generateFileOrFolderShareURL(
-                bucketsStore.state.fileComponentBucketName,
-                filePath.value,
-                shareType.value === ShareType.Folder,
-            );
-        }
-    } catch (error) {
-        error.message = `Unable to get sharing URL. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.SHARE_MODAL);
-    }
-
-    loading.value = false;
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-    background-color: var(--c-white);
-    box-shadow: 0 20px 30px rgb(10 27 44 / 20%);
-    border-radius: 20px;
-    width: 410px;
-    box-sizing: border-box;
-
-    @media screen and (width <= 520px) {
-        width: unset;
-    }
-
-    &__notification {
-        margin-bottom: 16px;
-        border-radius: 10px;
-        border: 1px solid var(--c-yellow-2);
-        background: var(--c-yellow-1);
-        padding: 16px;
-
-        &__msg {
-            font-family: 'font-medium', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-            text-align: left;
-        }
-    }
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        margin-bottom: 16px;
-        text-align: left;
-    }
-
-    &__label {
-        display: block;
-        margin: 16px 0 4px;
-        padding-top: 16px;
-        border-top: 1px solid var(--c-grey-2);
-        text-align: left;
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-    }
-
-    &__input {
-        background: var(--c-white);
-        border: 1px solid var(--c-grey-4);
-        color: var(--c-grey-6);
-        outline: none;
-        max-width: 100%;
-        width: 100%;
-        padding: 9px 0 9px 13px;
-        box-sizing: border-box;
-        border-radius: 6px;
-    }
-
-    &__button {
-        margin-top: 16px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/SkipPassphraseModal.vue b/web/satellite/src/components/modals/SkipPassphraseModal.vue
deleted file mode 100644
index def865cecacb..000000000000
--- a/web/satellite/src/components/modals/SkipPassphraseModal.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <AccessEncryptionIcon />
-                    <h1 class="modal__header__title">Skip passphrase</h1>
-                </div>
-                <p class="modal__info">
-                    Do you want to remember this choice and always skip the passphrase when opening a project?
-                </p>
-
-                <div class="modal__buttons">
-                    <VButton
-                        label="No"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :is-transparent="true"
-                        :on-press="closeModal"
-                    />
-                    <VButton
-                        label="Yes"
-                        height="48px"
-                        font-size="14px"
-                        border-radius="10px"
-                        :on-press="rememberSkip"
-                    />
-                </div>
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import AccessEncryptionIcon from '../../../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useNotify } from '@/utils/hooks';
-
-import VButton from '@/components/common/VButton.vue';
-import VModal from '@/components/common/VModal.vue';
-
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-
-/**
- * Remembers to skip passphrase entry next time.
- */
-async function rememberSkip() {
-    try {
-        await usersStore.updateSettings({ passphrasePrompt: false });
-        appStore.removeActiveModal();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.SKIP_PASSPHRASE_MODAL);
-    }
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-    .modal {
-        font-family: 'font_regular', sans-serif;
-        display: flex;
-        flex-direction: column;
-        padding: 32px;
-        max-width: 350px;
-
-        &__header {
-            display: flex;
-            align-items: center;
-            padding-bottom: 16px;
-            margin-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                color: var(--c-grey-8);
-                margin-left: 16px;
-                text-align: left;
-            }
-        }
-
-        &__info {
-            font-size: 14px;
-            line-height: 19px;
-            color: #354049;
-            padding-bottom: 16px;
-            border-bottom: 1px solid var(--c-grey-2);
-            text-align: left;
-        }
-
-        &__buttons {
-            display: flex;
-            column-gap: 20px;
-            margin-top: 31px;
-            width: 100%;
-
-            @media screen and (width <= 500px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 20px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/modals/createProjectPassphrase/CreateProjectPassphraseModal.vue b/web/satellite/src/components/modals/createProjectPassphrase/CreateProjectPassphraseModal.vue
deleted file mode 100644
index bacb835546b2..000000000000
--- a/web/satellite/src/components/modals/createProjectPassphrase/CreateProjectPassphraseModal.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <SelectPassphraseModeStep
-                    v-if="activeStep === CreateProjectPassphraseStep.SelectMode"
-                    :is-generate="selectedOption === CreatePassphraseOption.Generate"
-                    :set-generate="() => setOption(CreatePassphraseOption.Generate)"
-                    :set-enter="() => setOption(CreatePassphraseOption.Enter)"
-                    :on-cancel="onCancelOrBack"
-                    :on-continue="onContinue"
-                />
-                <PassphraseGeneratedStep
-                    v-if="activeStep === CreateProjectPassphraseStep.PassphraseGenerated"
-                    :on-back="onCancelOrBack"
-                    :on-continue="onContinue"
-                    :passphrase="generatedPassphrase"
-                    name="storj"
-                />
-                <EnterPassphraseStep
-                    v-if="activeStep === CreateProjectPassphraseStep.EnterPassphrase"
-                    :set-passphrase="setPassphrase"
-                    :passphrase="passphrase"
-                    :on-back="onCancelOrBack"
-                    :on-continue="onContinue"
-                />
-                <SuccessStep
-                    v-if="activeStep === CreateProjectPassphraseStep.Success"
-                    :on-continue="onContinue"
-                />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { generateMnemonic } from 'bip39-english';
-import { useRoute, useRouter } from 'vue-router';
-
-import { useNotify } from '@/utils/hooks';
-import { RouteConfig } from '@/types/router';
-import { EdgeCredentials } from '@/types/accessGrants';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import SelectPassphraseModeStep from '@/components/modals/createProjectPassphrase/SelectPassphraseModeStep.vue';
-import PassphraseGeneratedStep from '@/components/modals/createProjectPassphrase/PassphraseGeneratedStep.vue';
-import EnterPassphraseStep from '@/components/modals/createProjectPassphrase/EnterPassphraseStep.vue';
-import SuccessStep from '@/components/modals/createProjectPassphrase/SuccessStep.vue';
-
-enum CreateProjectPassphraseStep {
-    SelectMode = 'SelectMode',
-    PassphraseGenerated = 'PassphraseGenerated',
-    EnterPassphrase = 'EnterPassphrase',
-    Success = 'Success',
-}
-
-enum CreatePassphraseOption {
-    Generate = 'Generate',
-    Enter = 'Enter',
-}
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const generatedPassphrase: string = generateMnemonic();
-
-const selectedOption = ref<CreatePassphraseOption>(CreatePassphraseOption.Generate);
-const activeStep = ref<CreateProjectPassphraseStep>(CreateProjectPassphraseStep.SelectMode);
-const passphrase = ref<string>('');
-
-/**
- * Sets passphrase input value to local variable.
- * Resets error is present.
- * @param value
- */
-function setPassphrase(value: string): void {
-    passphrase.value = value;
-}
-
-/**
- * Sets create passphrase option (generated or entered).
- * @param option
- */
-function setOption(option: CreatePassphraseOption): void {
-    selectedOption.value = option;
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-/**
- * Holds on continue button click logic.
- * Navigates further through flow.
- */
-async function onContinue(): Promise<void> {
-    if (activeStep.value === CreateProjectPassphraseStep.SelectMode) {
-        if (selectedOption.value === CreatePassphraseOption.Generate) {
-            if (passphrase.value) {
-                passphrase.value = '';
-            }
-
-            passphrase.value = generatedPassphrase;
-            activeStep.value = CreateProjectPassphraseStep.PassphraseGenerated;
-            return;
-        }
-
-        if (selectedOption.value === CreatePassphraseOption.Enter) {
-            if (passphrase.value) {
-                passphrase.value = '';
-            }
-            activeStep.value = CreateProjectPassphraseStep.EnterPassphrase;
-            return;
-        }
-    }
-
-    if (
-        activeStep.value === CreateProjectPassphraseStep.PassphraseGenerated ||
-        activeStep.value === CreateProjectPassphraseStep.EnterPassphrase
-    ) {
-        if (!passphrase.value) {
-            notify.error('Passphrase can\'t be empty', AnalyticsErrorEventSource.CREATE_PROJECT_PASSPHRASE_MODAL);
-            return;
-        }
-
-        analyticsStore.eventTriggered(AnalyticsEvent.PASSPHRASE_CREATED, {
-            method: selectedOption.value === CreatePassphraseOption.Enter ? 'enter' : 'generate',
-        });
-
-        bucketsStore.setEdgeCredentials(new EdgeCredentials());
-        bucketsStore.setPassphrase(passphrase.value);
-        bucketsStore.setPromptForPassphrase(false);
-
-        activeStep.value = CreateProjectPassphraseStep.Success;
-
-        return;
-    }
-
-    if (activeStep.value === CreateProjectPassphraseStep.Success) {
-        if (route.name === RouteConfig.OverviewStep.name) {
-            await router.push(RouteConfig.ProjectDashboard.path);
-        }
-
-        closeModal();
-    }
-}
-
-/**
- * Holds on cancel/back button click logic.
- * Navigates backwards through flow.
- */
-function onCancelOrBack(): void {
-    if (activeStep.value === CreateProjectPassphraseStep.SelectMode) {
-        closeModal();
-        return;
-    }
-
-    if (
-        activeStep.value === CreateProjectPassphraseStep.PassphraseGenerated ||
-        activeStep.value === CreateProjectPassphraseStep.EnterPassphrase
-    ) {
-        passphrase.value = '';
-        activeStep.value = CreateProjectPassphraseStep.SelectMode;
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-    font-family: 'font_regular', sans-serif;
-
-    @media screen and (width <= 615px) {
-        padding: 30px 20px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/createProjectPassphrase/EnterPassphraseStep.vue b/web/satellite/src/components/modals/createProjectPassphrase/EnterPassphraseStep.vue
deleted file mode 100644
index 0eae871abf45..000000000000
--- a/web/satellite/src/components/modals/createProjectPassphrase/EnterPassphraseStep.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="enter-step">
-        <div class="enter-step__header">
-            <AccessEncryptionIcon />
-            <h1 class="enter-step__header__title">Enter Passphrase</h1>
-        </div>
-        <EnterPassphraseStep
-            is-new-passphrase
-            is-project-passphrase
-            :on-back="onBack"
-            :on-continue="onContinue"
-            :passphrase="passphrase"
-            :set-passphrase="setPassphrase"
-            info="Please note that Storj does not know or store your encryption passphrase. If you lose it, you will
-                not be able to recover your files."
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import EnterPassphraseStep from '@/components/accessGrants/createFlow/steps/EnterPassphraseStep.vue';
-
-import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
-
-const props = withDefaults(defineProps<{
-    passphrase: string,
-    setPassphrase?: (v: string) => void,
-    onBack: () => void,
-    onContinue: () => void,
-}>(), {
-    passphrase: '',
-    setPassphrase: () => () => {},
-    onBack: () => () => {},
-    onContinue: () => () => {},
-});
-</script>
-
-<style scoped lang="scss">
-.enter-step {
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-            text-align: left;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/createProjectPassphrase/PassphraseGeneratedStep.vue b/web/satellite/src/components/modals/createProjectPassphrase/PassphraseGeneratedStep.vue
deleted file mode 100644
index e07c231e5a8f..000000000000
--- a/web/satellite/src/components/modals/createProjectPassphrase/PassphraseGeneratedStep.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="generated-step">
-        <div class="generated-step__header">
-            <PassphraseGeneratedIcon />
-            <h1 class="generated-step__header__title">Passphrase Generated</h1>
-        </div>
-        <PassphraseGeneratedStep
-            :on-back="onBack"
-            :on-continue="onContinue"
-            :passphrase="passphrase"
-            :name="name"
-            is-project-passphrase
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import PassphraseGeneratedStep from '@/components/accessGrants/createFlow/steps/PassphraseGeneratedStep.vue';
-
-import PassphraseGeneratedIcon from '@/../static/images/accessGrants/newCreateFlow/passphraseGenerated.svg';
-
-const props = withDefaults(defineProps<{
-    name: string,
-    onBack: () => void,
-    onContinue: () => void,
-    passphrase?: string,
-}>(), {
-    passphrase: '',
-});
-</script>
-
-<style scoped lang="scss">
-.generated-step {
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-            text-align: left;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/createProjectPassphrase/SelectPassphraseModeStep.vue b/web/satellite/src/components/modals/createProjectPassphrase/SelectPassphraseModeStep.vue
deleted file mode 100644
index d8d4f7b94bfe..000000000000
--- a/web/satellite/src/components/modals/createProjectPassphrase/SelectPassphraseModeStep.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="passphrase-mode">
-        <div class="passphrase-mode__header">
-            <AccessEncryptionIcon />
-            <h1 class="passphrase-mode__header__title">Encryption Passphrase</h1>
-        </div>
-        <p class="passphrase-mode__info">
-            The encryption passphrase will be used to encrypt the files you upload in this project. You can generate
-            a new encryption passphrase, or enter your own.
-        </p>
-        <ContainerWithIcon :icon-and-title="FUNCTIONAL_CONTAINER_ICON_AND_TITLE[FunctionalContainer.EncryptionPassphrase]">
-            <template #functional>
-                <div class="passphrase-mode__radios">
-                    <Radio
-                        id="generate passphrase"
-                        :checked="isGenerate"
-                        :on-check="setGenerate"
-                        label="Generate 12-word passphrase"
-                        info="Create this access with a new encryption passphrase that will be generated for you on
-                            the next step. The access will not be able to manage any existing data."
-                    />
-                    <Radio
-                        id="new passphrase"
-                        :checked="!isGenerate"
-                        :on-check="setEnter"
-                        label="Enter a new passphrase"
-                        info="Create this access with a new encryption passphrase that you can enter on the next step.
-                            The access will not be able to manage any existing data."
-                    />
-                </div>
-            </template>
-        </ContainerWithIcon>
-        <ButtonsContainer>
-            <template #leftButton>
-                <VButton
-                    label="Cancel"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onCancel"
-                    :is-white="true"
-                />
-            </template>
-            <template #rightButton>
-                <VButton
-                    label="Continue ->"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    :on-press="onContinue"
-                />
-            </template>
-        </ButtonsContainer>
-    </div>
-</template>
-
-<script setup lang="ts">
-import {
-    FUNCTIONAL_CONTAINER_ICON_AND_TITLE,
-    FunctionalContainer,
-} from '@/types/createAccessGrant';
-
-import ContainerWithIcon from '@/components/accessGrants/createFlow/components/ContainerWithIcon.vue';
-import Radio from '@/components/accessGrants/createFlow/components/Radio.vue';
-import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
-
-const props = withDefaults(defineProps<{
-    isGenerate?: boolean
-    setGenerate?: () => void
-    setEnter?: () => void
-    onContinue?: () => void
-    onCancel?: () => void
-}>(), {
-    isGenerate: true,
-    setGenerate: () => () => {},
-    setEnter: () => () => {},
-    onContinue: () => () => {},
-    onCancel: () => () => {},
-});
-</script>
-
-<style scoped lang="scss">
-.passphrase-mode {
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-            text-align: left;
-        }
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 19px;
-        color: var(--c-blue-6);
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__radios {
-        display: flex;
-        flex-direction: column;
-        row-gap: 16px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/createProjectPassphrase/SuccessStep.vue b/web/satellite/src/components/modals/createProjectPassphrase/SuccessStep.vue
deleted file mode 100644
index cd9e07521772..000000000000
--- a/web/satellite/src/components/modals/createProjectPassphrase/SuccessStep.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="success-step">
-        <div class="success-step__header">
-            <SuccessIcon />
-            <h1 class="success-step__header__title">Success</h1>
-        </div>
-        <p class="success-step__info">
-            Your encryption passphrase is ready to use. Now you can upload files into your buckets securely using an
-            encryption passphrase only you know.
-        </p>
-        <VButton
-            label="Continue ->"
-            width="100%"
-            height="40px"
-            font-size="14px"
-            border-radius="10px"
-            :on-press="onContinue"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import VButton from '@/components/common/VButton.vue';
-
-import SuccessIcon from '@/../static/images/accessGrants/newCreateFlow/accessCreated.svg';
-
-const props = defineProps<{
-    onContinue: () => void
-}>();
-</script>
-
-<style scoped lang="scss">
-.success-step {
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-        }
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 19px;
-        color: var(--c-blue-6);
-        padding: 16px 0;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue b/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue
deleted file mode 100644
index f4a1c553138f..000000000000
--- a/web/satellite/src/components/modals/editSessionTimeout/TimeoutSelector.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="selector">
-        <div tabindex="0" class="selector__content" @keyup.enter="toggleSelector" @click.stop="toggleSelector">
-            <span v-if="selected" class="selector__content__label">{{ selected?.shortString }}</span>
-            <span v-else class="selector__content__label">Select duration</span>
-            <arrow-down-icon class="selector__content__arrow" :class="{ open: isOpen }" />
-        </div>
-        <div
-            v-if="isOpen"
-            v-click-outside="closeSelector"
-            tabindex="0"
-            class="selector__dropdown"
-        >
-            <div
-                v-for="(option, index) in options"
-                :key="index"
-                tabindex="0"
-                class="selector__dropdown__item"
-                :class="{ selected: isSelected(option) }"
-                @click.stop="() => select(option)"
-                @keyup.enter="() => select(option)"
-            >
-                <span>{{ option.shortString }}</span>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { Duration } from '@/utils/time';
-import { useAppStore } from '@/store/modules/appStore';
-
-import ArrowDownIcon from '@/../static/images/common/dropIcon.svg';
-
-const appStore = useAppStore();
-
-const props = defineProps<{
-    selected: Duration | null;
-}>();
-
-const emit = defineEmits<{
-    // select is emitted when the selection changes.
-    (e: 'select', duration: Duration): void
-}>();
-
-const options = [
-    Duration.MINUTES_15,
-    Duration.MINUTES_30,
-    Duration.HOUR_1,
-    Duration.DAY_1,
-    Duration.WEEK_1,
-    Duration.DAY_30,
-];
-
-/**
- * whether the selector drop down is open
- * */
-const isOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.TIMEOUT_SELECTOR;
-});
-
-/**
- * whether an option is currently selected.
- * @param option
- * */
-function isSelected(option: Duration): boolean {
-    if (!props.selected) {
-        return false;
-    }
-    return props.selected.isEqualTo(option);
-}
-
-/**
- * select sends the new selection to a parent component.
- * @param option the new selection
- * */
-function select(option: Duration) {
-    emit('select', option);
-    closeSelector();
-}
-
-/**
- * closeSelector closes the selector dropdown.
- * */
-function closeSelector() {
-    appStore.closeDropdowns();
-}
-
-/**
- * toggleSelector closes or opens the selector dropdown
- * */
-function toggleSelector() {
-    if (isOpen.value) {
-        appStore.closeDropdowns();
-    } else {
-        appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.TIMEOUT_SELECTOR);
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.selector {
-    border: 1px solid var(--c-grey-3);
-    border-radius: 6px;
-    max-width: 170px;
-    position: relative;
-    box-sizing: border-box;
-
-    &__content {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        position: relative;
-        padding: 10px 14px;
-        cursor: pointer;
-
-        &__label {
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-6);
-        }
-
-        &__arrow {
-            transition-duration: 0.5s;
-
-            &.open {
-                transform: rotate(180deg) scaleX(-1);
-            }
-        }
-    }
-
-    &__dropdown {
-        position: absolute;
-        top: 50px;
-        background: var(--c-white);
-        z-index: 999;
-        box-sizing: border-box;
-        box-shadow: 0 -2px 16px rgb(0 0 0 / 10%);
-        border-radius: 8px;
-        border: 1px solid var(--c-grey-2);
-        width: 100%;
-
-        &__item {
-            padding: 10px;
-            cursor: pointer;
-
-            &.selected {
-                background: var(--c-grey-1);
-            }
-
-            &:first-of-type {
-                border-top-right-radius: 8px;
-                border-top-left-radius: 8px;
-            }
-
-            &:last-of-type {
-                border-bottom-right-radius: 8px;
-                border-bottom-left-radius: 8px;
-            }
-
-            &:hover {
-                background: var(--c-grey-2);
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/manageProjectPassphrase/ClearStep.vue b/web/satellite/src/components/modals/manageProjectPassphrase/ClearStep.vue
deleted file mode 100644
index 193cb1d3a54d..000000000000
--- a/web/satellite/src/components/modals/manageProjectPassphrase/ClearStep.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="clear-step">
-        <p class="clear-step__info">
-            By choosing to clear your passphrase for this session, your data will become locked while you can use the
-            rest of the dashboard.
-        </p>
-        <div class="clear-step__buttons">
-            <VButton
-                label="Back"
-                width="100%"
-                height="52px"
-                font-size="14px"
-                border-radius="10px"
-                :is-white="true"
-                :on-press="onCancel"
-            />
-            <VButton
-                label="Continue ->"
-                width="100%"
-                height="52px"
-                font-size="14px"
-                border-radius="10px"
-                :on-press="onClear"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-const props = withDefaults(defineProps<{
-    onCancel?: () => void,
-}>(), {
-    onCancel: () => () => {},
-});
-
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const notify = useNotify();
-
-/**
- * Clears passphrase and edge credentials.
- */
-function onClear(): void {
-    bucketsStore.clearS3Data();
-    appStore.removeActiveModal();
-    notify.success('Passphrase was cleared successfully');
-}
-</script>
-
-<style scoped lang="scss">
-.clear-step {
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__info {
-        font-size: 14px;
-        line-height: 19px;
-        color: #354049;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        column-gap: 16px;
-        width: 100%;
-
-        @media screen and (width <= 530px) {
-            column-gap: unset;
-            flex-direction: column-reverse;
-            row-gap: 15px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/manageProjectPassphrase/CreateStep.vue b/web/satellite/src/components/modals/manageProjectPassphrase/CreateStep.vue
deleted file mode 100644
index 6fc09c2a8637..000000000000
--- a/web/satellite/src/components/modals/manageProjectPassphrase/CreateStep.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="create-step">
-        <p class="create-step__info">
-            Creating a new passphrase allows you to upload data separately from the data uploaded with the current
-            encryption passphrase.
-        </p>
-        <div class="create-step__buttons">
-            <VButton
-                label="Back"
-                width="100%"
-                height="52px"
-                font-size="14px"
-                border-radius="10px"
-                :is-white="true"
-                :on-press="onCancel"
-            />
-            <VButton
-                label="Continue ->"
-                width="100%"
-                height="52px"
-                font-size="14px"
-                border-radius="10px"
-                :on-press="onNext"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-const props = withDefaults(defineProps<{
-    onCancel?: () => void,
-}>(), {
-    onCancel: () => () => {},
-});
-
-const appStore = useAppStore();
-
-/**
- * Starts create new passphrase flow.
- */
-function onNext(): void {
-    appStore.updateActiveModal(MODALS.createProjectPassphrase);
-}
-</script>
-
-<style scoped lang="scss">
-.create-step {
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__info {
-        font-size: 14px;
-        line-height: 19px;
-        color: #354049;
-        padding-bottom: 16px;
-        margin-bottom: 24px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        column-gap: 16px;
-        width: 100%;
-
-        @media screen and (width <= 530px) {
-            column-gap: unset;
-            flex-direction: column-reverse;
-            row-gap: 15px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/manageProjectPassphrase/ManageOptionsStep.vue b/web/satellite/src/components/modals/manageProjectPassphrase/ManageOptionsStep.vue
deleted file mode 100644
index 1a8c1237be47..000000000000
--- a/web/satellite/src/components/modals/manageProjectPassphrase/ManageOptionsStep.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="manage-options">
-        <div class="manage-options__option" @click="setCreate">
-            <PlusIcon class="manage-options__option__icon" />
-            <div class="manage-options__option__info">
-                <h2 class="manage-options__option__info__title">Create a new passphrase</h2>
-                <p class="manage-options__option__info__msg">Allows you to upload data with a different passphrase.</p>
-            </div>
-            <ChevronIcon class="manage-options__option__arrow" />
-        </div>
-        <div class="manage-options__option middle" @click="setSwitch">
-            <SwitchIcon class="manage-options__option__icon" />
-            <div class="manage-options__option__info">
-                <h2 class="manage-options__option__info__title">Switch active passphrase</h2>
-                <p class="manage-options__option__info__msg">View and upload data using another passphrase. </p>
-            </div>
-            <ChevronIcon class="manage-options__option__arrow" />
-        </div>
-        <div class="manage-options__option" @click="setClear">
-            <ClearIcon class="manage-options__option__icon" />
-            <div class="manage-options__option__info">
-                <h2 class="manage-options__option__info__title">Clear saved passphrase</h2>
-                <p class="manage-options__option__info__msg">Lock your data and clear passphrase from this session.</p>
-            </div>
-            <ChevronIcon class="manage-options__option__arrow" />
-        </div>
-        <div class="manage-options__divider" />
-        <VButton
-            label="Cancel"
-            width="100%"
-            height="48px"
-            font-size="14px"
-            border-radius="10px"
-            :on-press="onCancel"
-            :is-white="true"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import VButton from '@/components/common/VButton.vue';
-
-import PlusIcon from '@/../static/images/projectPassphrase/plus.svg';
-import SwitchIcon from '@/../static/images/projectPassphrase/switch.svg';
-import ClearIcon from '@/../static/images/projectPassphrase/clear.svg';
-import ChevronIcon from '@/../static/images/projectPassphrase/chevron.svg';
-
-const props = withDefaults(defineProps<{
-    setCreate?: () => void,
-    setSwitch?: () => void,
-    setClear?: () => void,
-    onCancel?: () => void,
-}>(), {
-    setCreate: () => () => {},
-    setSwitch: () => () => {},
-    setClear: () => () => {},
-    onCancel: () => () => {},
-});
-</script>
-
-<style scoped lang="scss">
-.manage-options {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__option {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 14px 20px;
-        width: calc(100% - 40px);
-        background: #fafafb;
-        border: 1px solid #d8dee3;
-        border-radius: 10px;
-        cursor: pointer;
-
-        &__icon {
-            min-width: 32px;
-            min-height: 32px;
-        }
-
-        &__info {
-            margin: 0 8px 0 16px;
-            width: 100%;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-                color: #000;
-                margin-bottom: 8px;
-                text-align: left;
-            }
-
-            &__msg {
-                font-size: 12px;
-                line-height: 18px;
-                color: #000;
-                text-align: left;
-            }
-        }
-
-        &__arrow {
-            min-height: 20px;
-            min-width: 20px;
-        }
-
-        &:hover {
-            background-color: #fff;
-            border-color: #0149ff;
-
-            h2 {
-                color: #0d6efd;
-            }
-
-            :deep(path) {
-                fill: #0149ff;
-            }
-        }
-    }
-
-    &__divider {
-        width: 100%;
-        height: 1px;
-        margin: 16px 0;
-        background-color: var(--c-grey-2);
-    }
-}
-
-.middle {
-    margin: 18px 0;
-}
-</style>
diff --git a/web/satellite/src/components/modals/manageProjectPassphrase/ManageProjectPassphraseModal.vue b/web/satellite/src/components/modals/manageProjectPassphrase/ManageProjectPassphraseModal.vue
deleted file mode 100644
index 4a09c8240c23..000000000000
--- a/web/satellite/src/components/modals/manageProjectPassphrase/ManageProjectPassphraseModal.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <div class="modal">
-                <div class="modal__header">
-                    <AccessEncryptionIcon />
-                    <p class="modal__header__title">{{ title }}</p>
-                </div>
-                <ManageOptionsStep
-                    v-if="activeStep === ManageProjectPassphraseStep.ManageOptions"
-                    :set-create="setCreate"
-                    :set-switch="setSwitch"
-                    :set-clear="setClear"
-                    :on-cancel="closeModal"
-                />
-                <CreateStep
-                    v-if="activeStep === ManageProjectPassphraseStep.Create"
-                    :on-cancel="setManageOptions"
-                />
-                <SwitchStep
-                    v-if="activeStep === ManageProjectPassphraseStep.Switch"
-                    :on-cancel="setManageOptions"
-                />
-                <ClearStep
-                    v-if="activeStep === ManageProjectPassphraseStep.Clear"
-                    :on-cancel="setManageOptions"
-                />
-            </div>
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { ManageProjectPassphraseStep } from '@/types/managePassphrase';
-import { useAppStore } from '@/store/modules/appStore';
-
-import VModal from '@/components/common/VModal.vue';
-import ManageOptionsStep from '@/components/modals/manageProjectPassphrase/ManageOptionsStep.vue';
-import CreateStep from '@/components/modals/manageProjectPassphrase/CreateStep.vue';
-import SwitchStep from '@/components/modals/manageProjectPassphrase/SwitchStep.vue';
-import ClearStep from '@/components/modals/manageProjectPassphrase/ClearStep.vue';
-
-import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
-
-const appStore = useAppStore();
-const notify = useNotify();
-
-/**
- * Returns step from store.
- */
-const storedStep = computed((): ManageProjectPassphraseStep | undefined => {
-    return appStore.state.managePassphraseStep;
-});
-
-const activeStep = ref<ManageProjectPassphraseStep>(storedStep.value || ManageProjectPassphraseStep.ManageOptions);
-
-/**
- * Returns modal title based on active step.
- */
-const title = computed((): string => {
-    switch (activeStep.value) {
-    case ManageProjectPassphraseStep.ManageOptions:
-        return 'Manage Passphrase';
-    case ManageProjectPassphraseStep.Create:
-        return 'Create a new passphrase';
-    case ManageProjectPassphraseStep.Switch:
-        return 'Switch passphrase';
-    case ManageProjectPassphraseStep.Clear:
-        return 'Clear my passphrase';
-    }
-
-    return '';
-});
-
-/**
- * Sets flow to create step.
- */
-function setCreate(): void {
-    activeStep.value = ManageProjectPassphraseStep.Create;
-}
-
-/**
- * Sets flow to switch step.
- */
-function setSwitch(): void {
-    activeStep.value = ManageProjectPassphraseStep.Switch;
-}
-
-/**
- * Sets flow to clear step.
- */
-function setClear(): void {
-    activeStep.value = ManageProjectPassphraseStep.Clear;
-}
-
-/**
- * Sets flow to manage options step.
- */
-function setManageOptions(): void {
-    activeStep.value = ManageProjectPassphraseStep.ManageOptions;
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-
-onMounted(() => {
-    appStore.setManagePassphraseStep(undefined);
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    padding: 32px;
-
-    @media screen and (width <= 615px) {
-        padding: 30px 20px;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            color: var(--c-grey-8);
-            margin-left: 16px;
-            letter-spacing: -0.02em;
-            text-align: left;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/manageProjectPassphrase/SwitchStep.vue b/web/satellite/src/components/modals/manageProjectPassphrase/SwitchStep.vue
deleted file mode 100644
index 945f7c6f808e..000000000000
--- a/web/satellite/src/components/modals/manageProjectPassphrase/SwitchStep.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="switch-step">
-        <p class="switch-step__info">
-            Switch passphrases to view existing data that is uploaded with a different passphrase, or upload new data.
-            Please note that you won’t see the previous data once you switch passphrases.
-        </p>
-        <VInput
-            label="Encryption Passphrase"
-            is-password
-            width="100%"
-            height="56px"
-            placeholder="Enter Encryption Passphrase"
-            :autocomplete="autocompleteValue"
-            :error="enterError"
-            @setData="setPassphrase"
-        />
-        <div class="switch-step__buttons">
-            <VButton
-                label="Back"
-                width="100%"
-                height="52px"
-                font-size="14px"
-                border-radius="10px"
-                :is-white="true"
-                :on-press="onCancel"
-            />
-            <VButton
-                label="Continue ->"
-                width="100%"
-                height="52px"
-                font-size="14px"
-                border-radius="10px"
-                :on-press="onSwitch"
-                :is-disabled="!passphrase"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useNotify } from '@/utils/hooks';
-import { EdgeCredentials } from '@/types/accessGrants';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VInput from '@/components/common/VInput.vue';
-
-const props = withDefaults(defineProps<{
-    onCancel?: () => void,
-}>(), {
-    onCancel: () => () => {},
-});
-
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-
-const passphrase = ref<string>('');
-const enterError = ref<string>('');
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    return `section-${selectedProjectID.value.toLowerCase()} new-password`;
-});
-
-/**
- * Returns selected project ID from store.
- */
-const selectedProjectID = computed((): string => {
-    return projectsStore.state.selectedProject.id;
-});
-
-/**
- * Sets passphrase input value to local variable.
- * Resets error is present.
- * @param value
- */
-function setPassphrase(value: string): void {
-    if (enterError.value) {
-        enterError.value = '';
-    }
-
-    passphrase.value = value;
-}
-
-/**
- * Sets new passphrase and generates new edge credentials.
- */
-async function onSwitch(): Promise<void> {
-    if (!passphrase.value) {
-        enterError.value = 'Passphrase can\'t be empty';
-
-        return;
-    }
-
-    bucketsStore.setEdgeCredentials(new EdgeCredentials());
-    bucketsStore.setPassphrase(passphrase.value);
-    bucketsStore.setPromptForPassphrase(false);
-
-    notify.success('Passphrase was switched successfully');
-    appStore.removeActiveModal();
-}
-</script>
-
-<style scoped lang="scss">
-.switch-step {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-family: 'font_regular', sans-serif;
-    max-width: 350px;
-
-    &__info {
-        font-size: 14px;
-        line-height: 19px;
-        color: #354049;
-        padding-bottom: 16px;
-        margin-bottom: 6px;
-        border-bottom: 1px solid var(--c-grey-2);
-        text-align: left;
-    }
-
-    &__buttons {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        column-gap: 16px;
-        margin-top: 16px;
-        padding-top: 24px;
-        border-top: 1px solid var(--c-grey-2);
-        width: 100%;
-
-        @media screen and (width <= 530px) {
-            column-gap: unset;
-            flex-direction: column-reverse;
-            row-gap: 15px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/objectUpload/ObjectsUploadingModal.vue b/web/satellite/src/components/modals/objectUpload/ObjectsUploadingModal.vue
deleted file mode 100644
index 58b0fc8562c5..000000000000
--- a/web/satellite/src/components/modals/objectUpload/ObjectsUploadingModal.vue
+++ /dev/null
@@ -1,449 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="modal">
-        <div class="modal__header" :class="{'custom-radius': !isExpanded}" @click="toggleExpanded">
-            <div class="modal__header__left">
-                <div class="modal__header__left__info">
-                    <div class="modal__header__left__info__cont">
-                        <component :is="icon" v-if="icon" :class="{ close: icon === FailedIcon }" />
-                        <p class="modal__header__left__info__cont__title">{{ statusLabel }}</p>
-                    </div>
-                    <div class="modal__header__left__info__right">
-                        <p class="modal__header__left__info__right__remaining">{{ remainingTimeString }}</p>
-                        <p v-if="!isClosable" class="modal__header__left__info__right__cancel" @click.stop="cancelAll">Cancel</p>
-                    </div>
-                </div>
-                <div v-if="!isClosable" class="modal__header__left__track">
-                    <div v-if="progress" class="modal__header__left__track__fill" :style="progressStyle" />
-                    <div v-else class="modal__header__left__track__indeterminate" />
-                </div>
-            </div>
-            <div class="modal__header__right">
-                <ArrowIcon class="modal__header__right__arrow" :class="{rotated: isExpanded}" />
-                <CloseIcon v-if="isClosable" class="modal__header__right__close" @click="closeModal" />
-            </div>
-        </div>
-        <div v-if="isExpanded" class="modal__items">
-            <UploadItem
-                v-for="item in uploading"
-                :key="item.Key"
-                :class="{ modal__items__completed: item.status == UploadingStatus.Finished }"
-                :item="item"
-                @click="() => showFile(item)"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref, watch, Component } from 'vue';
-
-import { UploadingBrowserObject, UploadingStatus, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { Duration } from '@/utils/time';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useConfigStore } from '@/store/modules/configStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import UploadItem from '@/components/modals/objectUpload/UploadItem.vue';
-
-import ArrowIcon from '@/../static/images/modals/objectUpload/arrow.svg';
-import CloseIcon from '@/../static/images/modals/objectUpload/close.svg';
-import CompleteIcon from '@/../static/images/modals/objectUpload/complete.svg';
-import FailedIcon from '@/../static/images/modals/objectUpload/failed.svg';
-
-const obStore = useObjectBrowserStore();
-const appStore = useAppStore();
-const bucketsStore = useBucketsStore();
-const notify = useNotify();
-const projectsStore = useProjectsStore();
-const config = useConfigStore();
-
-const isExpanded = ref<boolean>(false);
-const startDate = ref<number>(Date.now());
-const remainingTimeString = ref<string>('');
-const interval = ref<NodeJS.Timer>();
-
-/**
- * Returns uploading objects from store.
- */
-const uploading = computed((): UploadingBrowserObject[] => {
-    return obStore.state.uploading;
-});
-
-/**
- * Returns uploading objects with InProgress status.
- */
-const objectsInProgress = computed((): UploadingBrowserObject[] => {
-    return uploading.value.filter(f => f.status === UploadingStatus.InProgress);
-});
-
-/**
- * Indicates if modal is closable.
- */
-const isClosable = computed((): boolean => {
-    return !objectsInProgress.value.length;
-});
-
-/**
- * Returns what icon should be displayed in the header.
- */
-const icon = computed((): string => {
-    if (!isClosable.value) return '';
-    if (uploading.value.some(f => f.status === UploadingStatus.Finished)) return CompleteIcon;
-    if (uploading.value.some(f => f.status === UploadingStatus.Failed)) return FailedIcon;
-    return '';
-});
-
-/**
- * Returns header's status label.
- */
-const statusLabel = computed((): string => {
-    if (!uploading.value.length) return 'No items to upload';
-    let inProgress = 0, finished = 0, failed = 0, cancelled = 0;
-    uploading.value.forEach(u => {
-        switch (u.status) {
-        case UploadingStatus.InProgress:
-            inProgress++;
-            break;
-        case UploadingStatus.Failed:
-            failed++;
-            break;
-        case UploadingStatus.Cancelled:
-            cancelled++;
-            break;
-        default:
-            finished++;
-        }
-    });
-
-    if (failed === uploading.value.length) return 'Uploading failed';
-    if (cancelled === uploading.value.length) return 'Uploading cancelled';
-    if (inProgress) return `Uploading ${inProgress} item${inProgress > 1 ? 's' : ''}`;
-
-    const statuses = [
-        failed ? `${failed} failed` : '',
-        cancelled ? `${cancelled} cancelled` : '',
-    ].filter(s => s).join(', ');
-
-    return `Uploading completed${statuses ? ` (${statuses})` : ''}`;
-});
-
-/**
- * Returns upload progress.
- */
-const progress = computed((): number => {
-    return uploading.value.reduce((total: number, item: UploadingBrowserObject) => {
-        total += item.progress || 0;
-        return total;
-    }, 0) / uploading.value.length;
-});
-
-/**
- * Returns progress bar style.
- */
-const progressStyle = computed((): Record<string, string> => {
-    return {
-        width: `${progress.value}%`,
-    };
-});
-
-/**
- * Calculates remaining seconds.
- */
-function calculateRemainingTime(): void {
-    const progress = uploading.value.reduce((total: number, item: UploadingBrowserObject) => {
-        if (item.progress && item.progress !== 100) {
-            total += item.progress;
-        }
-        return total;
-    }, 0);
-
-    const remainingProgress = 100 - progress;
-    const averageProgressPerNanosecond = progress / ((Date.now() - startDate.value) * 1000000);
-    const remainingNanoseconds = remainingProgress / averageProgressPerNanosecond;
-    if (!isFinite(remainingNanoseconds) || remainingNanoseconds < 0) {
-        return;
-    }
-
-    remainingTimeString.value = new Duration(remainingNanoseconds).remainingFormatted;
-}
-
-/**
- * Cancels all uploads in progress.
- */
-function cancelAll(): void {
-    objectsInProgress.value.forEach(item => {
-        try {
-            obStore.cancelUpload(item.Key);
-        } catch (error) {
-            notify.error(`Unable to cancel upload for '${item.Key}'. ${error.message}`, AnalyticsErrorEventSource.OBJECTS_UPLOAD_MODAL);
-        }
-    });
-}
-
-/**
- * Opens the object preview.
- */
-function showFile(item: UploadingBrowserObject): void {
-    if (item.status !== UploadingStatus.Finished) return;
-
-    obStore.setObjectPathForModal(item.Key);
-
-    if (config.state.config.galleryViewEnabled) {
-        appStore.setGalleryView(true);
-    } else {
-        appStore.updateActiveModal(MODALS.objectDetails);
-    }
-}
-
-/**
- * Toggles expanded state.
- */
-function toggleExpanded(): void {
-    isExpanded.value = !isExpanded.value;
-}
-
-/**
- * Closes modal.
- */
-function closeModal(): void {
-    isExpanded.value = false;
-    appStore.setUploadingModal(false);
-    obStore.clearUploading();
-}
-
-/**
- * Starts interval for recalculating remaining time.
- */
-function startInterval(): void {
-    const int = setInterval(() => {
-        if (isClosable.value) {
-            clearInterval(int);
-            interval.value = undefined;
-            remainingTimeString.value = '';
-            return;
-        }
-
-        calculateRemainingTime();
-    }, 2000); // recalculate every 2 seconds.
-
-    interval.value = int;
-}
-
-watch(() => projectsStore.state.selectedProject, (value, oldValue) => {
-    if (value.id === oldValue.id || !appStore.state.isUploadingModal) {
-        return;
-    }
-    closeModal();
-});
-
-watch(() =>  bucketsStore.state.fileComponentBucketName, (value, oldValue) => {
-    if (value === oldValue || !appStore.state.isUploadingModal) {
-        return;
-    }
-    closeModal();
-});
-
-watch(() => objectsInProgress.value.length, () => {
-    if (!interval.value) {
-        startDate.value = Date.now();
-        startInterval();
-    }
-});
-
-/**
- * Close the modal if nothing is uploading.
- */
-watch(uploading, (value, oldValue) => {
-    if (value.length === oldValue.length) {
-        return;
-    }
-
-    if (!value.length) {
-        closeModal();
-    }
-});
-
-onMounted(() => {
-    startInterval();
-});
-</script>
-
-<style scoped lang="scss">
-.modal {
-    position: fixed;
-    right: 24px;
-    bottom: 24px;
-    width: 500px;
-    max-width: 500px;
-    border-radius: 8px;
-    font-family: 'font_regular', sans-serif;
-    filter: drop-shadow(0 7px 20px rgb(0 0 0 / 15%));
-
-    @media screen and (width <= 650px) {
-        max-width: unset;
-        width: unset;
-        left: 126px;
-    }
-
-    @media screen and (width <= 500px) {
-        left: 24px;
-    }
-
-    &__header {
-        background-color: var(--c-grey-10);
-        padding: 16px;
-        cursor: pointer;
-        border-radius: 8px 8px 0 0;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 24px;
-
-        &__left {
-            box-sizing: border-box;
-            width: 100%;
-
-            &__info {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-
-                &__cont {
-                    display: flex;
-                    align-items: center;
-                    gap: 11px;
-
-                    svg {
-                        width: 24px;
-                        height: 24px;
-                    }
-
-                    &__title {
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: var(--c-white);
-                    }
-                }
-
-                &__right {
-                    display: flex;
-                    align-items: center;
-                    gap: 17px;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-white);
-
-                    &__remaining {
-                        opacity: 0.7;
-                        text-align: right;
-                    }
-
-                    &__cancel {
-                        cursor: pointer;
-
-                        &:hover {
-                            text-decoration: underline;
-                        }
-                    }
-                }
-            }
-
-            &__track {
-                margin-top: 10px;
-                width: 100%;
-                height: 8px;
-                border-radius: 4px;
-                position: relative;
-                background-color: var(--c-grey-11);
-                overflow: hidden;
-
-                &__fill {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    bottom: 0;
-                    background-color: var(--c-blue-1);
-                    border-radius: 4px;
-                    max-width: 100%;
-                }
-
-                &__indeterminate {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    bottom: 0;
-                    background-color: var(--c-blue-1);
-                    border-radius: 4px;
-                    max-width: 100%;
-                    width: 50%;
-                    animation: indeterminate-progress-bar;
-                    animation-duration: 2s;
-                    animation-iteration-count: infinite;
-                }
-
-                @keyframes indeterminate-progress-bar {
-
-                    from {
-                        left: -50%;
-                    }
-
-                    to {
-                        left: 100%;
-                    }
-                }
-            }
-        }
-
-        &__right {
-            display: flex;
-            align-items: center;
-
-            &__arrow {
-                transition: all 0.3s ease-out;
-            }
-
-            &__close {
-                margin-left: 30px;
-
-                :deep(path) {
-                    fill: var(--c-white);
-                }
-            }
-        }
-    }
-
-    &__items {
-        border: 1px solid var(--c-grey-3);
-        border-radius: 0 0 8px 8px;
-        max-height: 185px;
-        overflow-y: auto;
-
-        &__completed {
-            cursor: pointer;
-
-            &:hover {
-                background-color: var(--c-grey-1);
-            }
-
-            &:active {
-                background-color: var(--c-grey-2);
-            }
-        }
-    }
-}
-
-.rotated {
-    transform: rotate(180deg);
-}
-
-.custom-radius {
-    border-radius: 8px;
-}
-</style>
diff --git a/web/satellite/src/components/modals/objectUpload/UploadItem.vue b/web/satellite/src/components/modals/objectUpload/UploadItem.vue
deleted file mode 100644
index ef06aee86fec..000000000000
--- a/web/satellite/src/components/modals/objectUpload/UploadItem.vue
+++ /dev/null
@@ -1,296 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="item">
-        <div class="item__left">
-            <div class="item__left__icon">
-                <component :is="icon" />
-            </div>
-            <p class="item__left__name" :title="item.Key">{{ item.Key }}</p>
-        </div>
-        <div class="item__right">
-            <template v-if="item.status === UploadingStatus.InProgress">
-                <div class="item__right__track">
-                    <div v-if="item.progress" class="item__right__track__fill" :style="progressStyle" />
-                    <div v-else class="item__right__track__indeterminate" />
-                </div>
-                <CloseIcon class="item__right__cancel" @click="cancelUpload" />
-            </template>
-            <p v-if="item.status === UploadingStatus.Cancelled" class="item__right__cancelled">Upload cancelled</p>
-            <CheckIcon v-if="item.status === UploadingStatus.Finished" />
-            <template v-if="item.status === UploadingStatus.Failed">
-                <p class="item__right__failed">{{ item.failedMessage }}</p>
-                <FailedIcon />
-                <VInfo v-if="item.failedMessage === FailedUploadMessage.TooBig" class="item__right__info">
-                    <template #icon>
-                        <InfoIcon />
-                    </template>
-                    <template #message>
-                        <p class="item__right__info__message">
-                            Use Command Line Interface to drop files more than 30 GB.
-                            <a
-                                class="item__right__info__message__link"
-                                href="https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/prerequisites"
-                                target="_blank"
-                                rel="noopener noreferrer"
-                            >
-                                More information
-                            </a>
-                        </p>
-                    </template>
-                </VInfo>
-                <p v-else class="item__right__retry" @click="retryUpload">Retry</p>
-            </template>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import {
-    UploadingBrowserObject,
-    UploadingStatus,
-    FailedUploadMessage,
-    useObjectBrowserStore,
-} from '@/store/modules/objectBrowserStore';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { ObjectType } from '@/utils/objectIcon';
-
-import VInfo from '@/components/common/VInfo.vue';
-
-import CloseIcon from '@/../static/images/modals/objectUpload/close.svg';
-import CheckIcon from '@/../static/images/modals/objectUpload/check.svg';
-import FailedIcon from '@/../static/images/modals/objectUpload/failed.svg';
-import InfoIcon from '@/../static/images/modals/objectUpload/info.svg';
-
-const obStore = useObjectBrowserStore();
-const notify = useNotify();
-
-const props = defineProps<{
-    item: UploadingBrowserObject
-}>();
-
-/**
- * Returns appropriate icon for provided object.
- */
-const icon = computed((): string => ObjectType.findIcon(ObjectType.findType(props.item.Key)));
-
-/**
- * Returns progress bar style.
- */
-const progressStyle = computed((): Record<string, string> => {
-    return {
-        width: props.item.progress ? `${props.item.progress}%` : '0%',
-    };
-});
-
-/**
- * Retries failed upload.
- */
-async function retryUpload(): Promise<void> {
-    try {
-        await obStore.retryUpload(props.item.Key);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.OBJECTS_UPLOAD_MODAL);
-    }
-}
-
-/**
- * Cancels active upload.
- */
-function cancelUpload(): void {
-    try {
-        obStore.cancelUpload(props.item.Key);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.OBJECTS_UPLOAD_MODAL);
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-top: 1px solid var(--c-grey-3);
-    padding: 14px 20px;
-    font-family: 'font_regular', sans-serif;
-    background-color: var(--c-white);
-
-    @media screen and (width <= 450px) {
-        padding: 14px;
-    }
-
-    &:last-of-type {
-        border-radius: 0 0 8px 8px;
-    }
-
-    &__left {
-        display: flex;
-        align-items: center;
-        max-width: 56%;
-
-        @media screen and (width <= 450px) {
-            max-width: 40%;
-        }
-
-        &__icon {
-            min-width: 32px;
-            width: 32px;
-            height: 32px;
-            background-color: var(--c-white);
-            border: 1px solid var(--c-grey-2);
-            border-radius: 8px;
-            margin-right: 12px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            @media screen and (width <= 550px) {
-                display: none;
-            }
-        }
-
-        &__name {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-9);
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-    }
-
-    &__right {
-        display: flex;
-        align-items: center;
-        margin-left: 20px;
-
-        svg {
-            width: 20px;
-            height: 20px;
-        }
-
-        &__track {
-            min-width: 130px;
-            height: 6px;
-            border-radius: 3px;
-            position: relative;
-            margin-right: 34px;
-            background-color: var(--c-blue-1);
-            overflow: hidden;
-
-            &__fill {
-                position: absolute;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                background-color: var(--c-blue-3);
-                border-radius: 3px;
-                max-width: 100%;
-            }
-
-            &__indeterminate {
-                position: absolute;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                background-color: var(--c-blue-3);
-                border-radius: 3px;
-                max-width: 100%;
-                width: 50%;
-                animation: indeterminate-progress-bar;
-                animation-duration: 2s;
-                animation-iteration-count: infinite;
-            }
-
-            @keyframes indeterminate-progress-bar {
-
-                from {
-                    left: -50%;
-                }
-
-                to {
-                    left: 100%;
-                }
-            }
-        }
-
-        &__cancel {
-            cursor: pointer;
-        }
-
-        &__cancelled {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-5);
-            text-align: right;
-        }
-
-        &__failed {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-red-4);
-            margin-right: 8px;
-        }
-
-        &__retry {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-blue-3);
-            margin-left: 18px;
-            cursor: pointer;
-
-            &:hover {
-                text-decoration: underline;
-            }
-        }
-
-        &__info {
-            cursor: pointer;
-            max-height: 20px;
-            margin-left: 18px;
-
-            &__message {
-                font-size: 14px;
-                line-height: 20px;
-                text-align: center;
-                color: var(--c-black);
-
-                &__link {
-                    color: var(--c-blue-3);
-
-                    &:visited {
-                        color: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-    }
-}
-
-:deep(.info__box) {
-    width: 290px;
-    left: calc(50% - 265px);
-    top: calc(100% - 85px);
-    cursor: default;
-    filter: none;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__message) {
-    border-radius: 4px;
-    padding: 10px 8px;
-    transform: rotate(-180deg);
-    border: 1px solid var(--c-grey-5);
-}
-
-:deep(.info__box__arrow) {
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/AddCreditCardStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/AddCreditCardStep.vue
deleted file mode 100644
index 300adf5f4b38..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/AddCreditCardStep.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <UpgradeAccountWrapper title="Add Credit Card">
-        <template #content>
-            <p class="card-info">
-                By saving your card information, you allow Storj to charge your card for future payments in accordance with
-                the terms.
-            </p>
-            <StripeCardElement
-                v-if="paymentElementEnabled"
-                ref="stripeCardInput"
-                @pm-created="addCardToDB"
-            />
-            <StripeCardInput
-                v-else
-                ref="stripeCardInput"
-                :on-stripe-response-callback="addCardToDB"
-            />
-            <VButton
-                class="button"
-                label="Save card"
-                icon="lock"
-                width="100%"
-                height="48px"
-                border-radius="10px"
-                font-size="14px"
-                :is-green="true"
-                :on-press="onSaveCardClick"
-                :is-disabled="loading"
-            />
-            <p class="security-info">Your information is secured with 128-bit SSL & AES-256 encryption.</p>
-        </template>
-    </UpgradeAccountWrapper>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { RouteConfig } from '@/types/router';
-import { useNotify } from '@/utils/hooks';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
-import VButton from '@/components/common/VButton.vue';
-import StripeCardElement from '@/components/account/billing/paymentMethods/StripeCardElement.vue';
-import StripeCardInput from '@/components/account/billing/paymentMethods/StripeCardInput.vue';
-
-interface StripeForm {
-    onSubmit(): Promise<void>;
-}
-
-const analyticsStore = useAnalyticsStore();
-const usersStore = useUsersStore();
-const billingStore = useBillingStore();
-const configStore = useConfigStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const props = defineProps<{
-    setSuccess: () => void;
-}>();
-
-const loading = ref<boolean>(false);
-const stripeCardInput = ref<StripeForm | null>(null);
-
-/**
- * Indicates whether stripe payment element is enabled.
- */
-const paymentElementEnabled = computed(() => {
-    return configStore.state.config.stripePaymentElementEnabled;
-});
-
-/**
- * Provides card information to Stripe.
- */
-async function onSaveCardClick(): Promise<void> {
-    if (loading.value || !stripeCardInput.value) return;
-
-    loading.value = true;
-
-    try {
-        await stripeCardInput.value.onSubmit();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.UPGRADE_ACCOUNT_MODAL);
-        loading.value = false;
-    }
-}
-
-/**
- * Adds card after Stripe confirmation.
- *
- * @param res - the response from stripe. Could be a token or a payment method id.
- * depending on the paymentElementEnabled flag.
- */
-async function addCardToDB(res: string): Promise<void> {
-    try {
-        const action = paymentElementEnabled.value ? billingStore.addCardByPaymentMethodID : billingStore.addCreditCard;
-        await action(res);
-        notify.success('Card successfully added');
-        // We fetch User one more time to update their Paid Tier status.
-        await usersStore.getUser();
-
-        if (route.name === RouteConfig.ProjectDashboard.name) {
-            await projectsStore.getProjectLimits(projectsStore.state.selectedProject.id);
-        }
-
-        if (route.path.includes(RouteConfig.Billing.path) || route.path.includes(RouteConfig.Billing2.path)) {
-            await billingStore.getCreditCards();
-        }
-
-        analyticsStore.eventTriggered(AnalyticsEvent.MODAL_ADD_CARD);
-
-        loading.value = false;
-        props.setSuccess();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.UPGRADE_ACCOUNT_MODAL);
-        loading.value = false;
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.card-info {
-    font-family: 'font_regular', sans-serif;
-    font-size: 14px;
-    line-height: 20px;
-    color: var(--c-blue-6);
-    padding-bottom: 16px;
-    margin-bottom: 16px;
-    border-bottom: 1px solid var(--c-grey-2);
-    text-align: left;
-    max-width: 400px;
-}
-
-.button {
-    margin: 16px 0;
-}
-
-.security-info {
-    font-family: 'font_regular', sans-serif;
-    font-size: 12px;
-    line-height: 18px;
-    text-align: center;
-    color: var(--c-black);
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue
deleted file mode 100644
index 484a9ab4b37b..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <UpgradeAccountWrapper :title="title">
-        <template #content>
-            <div class="add-tokens">
-                <p class="add-tokens__info">
-                    Send more than {{ amountForUpgrade }} in STORJ Tokens to the following deposit address to upgrade to
-                    a Pro account. Your account will be upgraded after your transaction receives {{ neededConfirmations }}
-                    confirmations. If your account is not automatically upgraded, please fill out this
-                    <a
-                        class="add-tokens__info__link"
-                        href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                    >limit increase request form</a>.
-                </p>
-                <canvas ref="canvas" />
-                <div class="add-tokens__label">
-                    <h2 class="add-tokens__label__text">Deposit Address</h2>
-                    <VInfo class="add-tokens__label__info">
-                        <template #icon>
-                            <InfoIcon />
-                        </template>
-                        <template #message>
-                            <p class="add-tokens__label__info__msg">
-                                This is a Storj deposit address generated just for you.
-                                <a
-                                    class="add-tokens__label__info__msg__link"
-                                    href=""
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    Learn more
-                                </a>
-                            </p>
-                        </template>
-                    </VInfo>
-                </div>
-                <div class="add-tokens__address">
-                    <p class="add-tokens__address__value">{{ wallet.address }}</p>
-                    <VButton
-                        class="add-tokens__address__copy-button"
-                        label="Copy"
-                        width="84px"
-                        height="32px"
-                        font-size="12px"
-                        border-radius="8px"
-                        icon="copy"
-                        :on-press="onCopyAddressClick"
-                    />
-                </div>
-                <div class="add-tokens__divider" />
-                <AddTokensStepBanner
-                    :is-default="viewState === ViewState.Default"
-                    :is-pending="viewState === ViewState.Pending"
-                    :is-success="viewState === ViewState.Success"
-                    :pending-payments="pendingPayments"
-                />
-            </div>
-        </template>
-    </UpgradeAccountWrapper>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
-import QRCode from 'qrcode';
-
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useNotify } from '@/utils/hooks';
-import { PaymentStatus, PaymentWithConfirmations, Wallet } from '@/types/payments';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { centsToDollars, microDollarsToCents } from '@/utils/strings';
-
-import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
-import VButton from '@/components/common/VButton.vue';
-import VInfo from '@/components/common/VInfo.vue';
-import AddTokensStepBanner from '@/components/modals/upgradeAccountFlow/AddTokensStepBanner.vue';
-
-import InfoIcon from '@/../static/images/payments/infoIcon.svg';
-
-enum ViewState {
-    Default,
-    Pending,
-    Success,
-}
-
-const configStore = useConfigStore();
-const billingStore = useBillingStore();
-const notify = useNotify();
-
-const canvas = ref<HTMLCanvasElement>();
-const intervalID = ref<NodeJS.Timer>();
-const viewState = ref<ViewState>(ViewState.Default);
-
-const amountForUpgrade = computed<string>(() => {
-    const balanceForUpgrade = configStore.state.config.userBalanceForUpgrade;
-
-    return centsToDollars(microDollarsToCents(balanceForUpgrade));
-});
-
-/**
- * Returns wallet from store.
- */
-const wallet = computed((): Wallet => {
-    return billingStore.state.wallet as Wallet;
-});
-
-/**
- * Returns needed transaction confirmations from config store.
- */
-const neededConfirmations = computed((): number => {
-    return configStore.state.config.neededTransactionConfirmations;
-});
-
-/**
- * Returns pending payments from store.
- */
-const pendingPayments = computed((): PaymentWithConfirmations[] => {
-    return billingStore.state.pendingPaymentsWithConfirmations;
-});
-
-/**
- * Returns title based on payment statuses.
- */
-const title = computed((): string => {
-    switch (viewState.value) {
-    case ViewState.Pending:
-        return 'Transaction pending...';
-    case ViewState.Success:
-        return 'Transaction Successful';
-    default:
-        return 'Add STORJ Tokens';
-    }
-});
-
-/**
- * Copies address to user's clipboard.
- */
-function onCopyAddressClick(): void {
-    navigator.clipboard.writeText(wallet.value.address);
-    notify.success('Address copied to your clipboard');
-}
-
-/**
- * Sets current view state depending on payment statuses.
- */
-function setViewState(): void {
-    switch (true) {
-    case pendingPayments.value.some(p => p.status === PaymentStatus.Pending):
-        viewState.value = ViewState.Pending;
-        break;
-    case pendingPayments.value.some(p => p.status === PaymentStatus.Confirmed):
-        viewState.value = ViewState.Success;
-        break;
-    default:
-        viewState.value = ViewState.Default;
-    }
-}
-
-watch(() => pendingPayments.value, () => {
-    setViewState();
-}, { deep: true });
-
-/**
- * Mounted lifecycle hook after initial render.
- * Renders QR code.
- */
-onMounted(async (): Promise<void> => {
-    setViewState();
-
-    intervalID.value = setInterval(async () => {
-        try {
-            await billingStore.getPaymentsWithConfirmations();
-        } catch { /* empty */ }
-    }, 20000); // get payments every 20 seconds.
-
-    if (!canvas.value) {
-        return;
-    }
-
-    try {
-        await QRCode.toCanvas(canvas.value, wallet.value.address, { width: 124 });
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.UPGRADE_ACCOUNT_MODAL);
-    }
-});
-
-onBeforeUnmount(() => {
-    clearInterval(intervalID.value);
-
-    if (viewState.value === ViewState.Success) {
-        billingStore.clearPendingPayments();
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.add-tokens {
-    max-width: 482px;
-    font-family: 'font_regular', sans-serif;
-
-    @media screen and (width <= 600px) {
-        max-width: 350px;
-    }
-
-    @media screen and (width <= 470px) {
-        max-width: 280px;
-    }
-
-    &__info {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-blue-6);
-        margin-bottom: 16px;
-        text-align: left;
-
-        &__link {
-            color: var(--c-blue-3);
-            text-decoration: underline;
-            text-underline-position: under;
-
-            &:visited {
-                color: var(--c-blue-3);
-            }
-        }
-    }
-
-    &__label {
-        display: flex;
-        align-items: center;
-        align-self: flex-start;
-        margin-top: 16px;
-
-        &__text {
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-6);
-            margin-right: 9px;
-            font-family: 'font_medium', sans-serif;
-        }
-
-        &__info {
-            cursor: pointer;
-            max-height: 16px;
-
-            &__msg {
-                font-size: 12px;
-                line-height: 18px;
-                text-align: center;
-                color: var(--c-white);
-
-                &__link {
-                    font-size: 12px;
-                    line-height: 18px;
-                    color: var(--c-white);
-                    text-decoration: underline !important;
-
-                    &:visited {
-                        color: var(--c-white);
-                    }
-                }
-            }
-        }
-    }
-
-    &__address {
-        box-sizing: border-box;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        border: 1px solid var(--c-grey-4);
-        border-radius: 8px;
-        padding: 10px 15px;
-        margin: 8px 0 16px;
-        width: 100%;
-
-        &__value {
-            font-size: 13px;
-            line-height: 20px;
-            color: var(--c-black);
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-
-        &__copy-button {
-            margin-left: 10px;
-            min-width: 84px;
-        }
-    }
-
-    &__divider {
-        width: 100%;
-        height: 1px;
-        margin-top: 16px;
-        background-color: var(--c-grey-2);
-    }
-}
-
-:deep(.info__box) {
-    width: 214px;
-    left: calc(50% - 107px);
-    top: calc(100% - 80px);
-    cursor: default;
-    filter: none;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__message) {
-    background: var(--c-grey-6);
-    border-radius: 4px;
-    padding: 10px 8px;
-    transform: rotate(-180deg);
-}
-
-:deep(.info__box__arrow) {
-    background: var(--c-grey-6);
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStepBanner.vue b/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStepBanner.vue
deleted file mode 100644
index c478a6abda3c..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStepBanner.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="banner" :class="{success: isSuccess}">
-        <template v-if="isDefault">
-            <h2 class="banner__title">Send only STORJ tokens via Layer 1 transaction to this address.</h2>
-            <p class="banner__message">
-                Sending anything else than STORJ token will result in the loss of your deposit.
-                Please note that zkSync transactions are not yet supported.
-            </p>
-        </template>
-        <template v-if="isPending">
-            <div class="banner__row">
-                <PendingIcon />
-                <p class="banner__message">
-                    <b>{{ stillPendingTransactions.length }} transaction{{ stillPendingTransactions.length > 1 ? 's' : '' }} pending...</b>
-                    {{ txWithLeastConfirmations.confirmations }} of {{ neededConfirmations }} confirmations
-                </p>
-            </div>
-        </template>
-        <template v-if="isSuccess">
-            <div class="banner__row">
-                <CheckIcon />
-                <p class="banner__message">
-                    Successful deposit of {{ totalValueCounter('tokenValue') }} STORJ tokens.
-                    You received an additional bonus of {{ totalValueCounter('bonusTokens') }} STORJ tokens.
-                </p>
-            </div>
-        </template>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { PaymentStatus, PaymentWithConfirmations } from '@/types/payments';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import PendingIcon from '@/../static/images/modals/upgradeFlow/pending.svg';
-import CheckIcon from '@/../static/images/modals/upgradeFlow/check.svg';
-
-const configStore = useConfigStore();
-
-const props = defineProps<{
-    isDefault: boolean
-    isPending: boolean
-    isSuccess: boolean
-    pendingPayments: PaymentWithConfirmations[]
-}>();
-
-/**
- * Returns an array of still pending transactions to correctly display confirmations count.
- */
-const stillPendingTransactions = computed((): PaymentWithConfirmations[] => {
-    return props.pendingPayments.filter(p => p.status === PaymentStatus.Pending);
-});
-
-/**
- * Returns transaction with the least confirmations count.
- */
-const txWithLeastConfirmations = computed((): PaymentWithConfirmations => {
-    return stillPendingTransactions.value.reduce((minTx: PaymentWithConfirmations, currentTx: PaymentWithConfirmations) => {
-        if (currentTx.confirmations < minTx.confirmations) {
-            return currentTx;
-        }
-        return minTx;
-    }, props.pendingPayments[0]);
-});
-
-/**
- * Returns needed confirmations count for each transaction from config store.
- */
-const neededConfirmations = computed((): number => {
-    return configStore.state.config.neededTransactionConfirmations;
-});
-
-/**
- * Calculates total count of provided payment field from the list (i.e. tokenValue or bonusTokens).
- */
-function totalValueCounter(field: keyof PaymentWithConfirmations): string {
-    return props.pendingPayments.reduce((acc: number, curr: PaymentWithConfirmations) => {
-        return acc + (curr[field] as number);
-    }, 0).toLocaleString(undefined, { maximumFractionDigits: 2 });
-}
-</script>
-
-<style scoped lang="scss">
-.banner {
-    margin-top: 16px;
-    padding: 16px;
-    background: var(--c-yellow-1);
-    border: 1px solid var(--c-yellow-2);
-    box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-    border-radius: 10px;
-
-    &__title,
-    &__message {
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-        text-align: left;
-    }
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-    }
-
-    &__row {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 16px;
-
-        svg {
-            min-width: 32px;
-        }
-    }
-}
-
-.success {
-    background: var(--c-green-4);
-    border-color: var(--c-green-5);
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/InfoBullet.vue b/web/satellite/src/components/modals/upgradeAccountFlow/InfoBullet.vue
deleted file mode 100644
index 49b30eb58e65..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/InfoBullet.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="bullet">
-        <GreyCheckmark v-if="!isPro" class="bullet__icon" />
-        <GreenCheckmark v-else class="bullet__icon" />
-        <div class="bullet__column">
-            <div class="bullet__column__header">
-                <h3 class="bullet__column__header__title">{{ title }}</h3>
-                <VInfo v-if="slots.moreInfo">
-                    <template #icon>
-                        <InfoIcon class="bullet__column__header__icon" />
-                    </template>
-                    <template #message>
-                        <slot name="moreInfo" />
-                    </template>
-                </VInfo>
-            </div>
-            <p class="bullet__column__info">{{ info }}</p>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useSlots } from 'vue';
-
-import VInfo from '@/components/common/VInfo.vue';
-
-import GreyCheckmark from '@/../static/images/modals/upgradeFlow/greyCheckmark.svg';
-import GreenCheckmark from '@/../static/images/modals/upgradeFlow/greenCheckmark.svg';
-import InfoIcon from '@/../static/images/modals/upgradeFlow/info.svg';
-
-const props = withDefaults(defineProps<{
-    isPro?: boolean;
-    title: string;
-    info: string;
-}>(), {
-    isPro: false,
-    title: '',
-    info: '',
-});
-
-const slots = useSlots();
-</script>
-
-<style scoped lang="scss">
-.bullet {
-    display: flex;
-    align-items: flex-start;
-    font-family: 'font_regular', sans-serif;
-
-    &__icon {
-        min-width: 16px;
-        margin-top: 2px;
-    }
-
-    &__column {
-        margin-left: 10px;
-        font-size: 14px;
-        line-height: 20px;
-        color: var(--c-black);
-
-        &__header {
-            display: flex;
-            align-items: center;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-black);
-                white-space: nowrap;
-                margin-right: 6px;
-            }
-
-            &__icon {
-                cursor: pointer;
-                max-height: 14px;
-            }
-        }
-
-        &__info {
-            text-align: left;
-        }
-    }
-}
-
-:deep(.info) {
-    max-height: 14px;
-}
-
-:deep(.info__box) {
-    top: calc(100% + 1px);
-    cursor: default;
-    filter: none;
-}
-
-:deep(.info__box__message) {
-    width: 245px;
-    background: var(--c-grey-6);
-    border-radius: 4px;
-    padding: 10px 8px;
-}
-
-:deep(.info__box__arrow) {
-    background: var(--c-grey-6);
-    width: 10px;
-    height: 10px;
-    margin-bottom: -3px;
-    border-radius: 0;
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/PricingPlanStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/PricingPlanStep.vue
deleted file mode 100644
index 034abc4d2a9e..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/PricingPlanStep.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <UpgradeAccountWrapper title="Upgrade">
-        <template #content>
-            <div class="pricing-area">
-                <VLoader v-if="isLoading" class="pricing-area__loader" width="90px" height="90px" />
-                <template v-else>
-                    <div class="pricing-area__plans">
-                        <PricingPlanContainer
-                            v-for="(plan, index) in plans"
-                            :key="index"
-                            :plan="plan"
-                        />
-                    </div>
-                </template>
-            </div>
-        </template>
-    </UpgradeAccountWrapper>
-</template>
-
-<script setup lang="ts">
-import { onBeforeMount, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { PricingPlanInfo, PricingPlanType } from '@/types/common';
-import { User } from '@/types/users';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-
-import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
-import PricingPlanContainer from '@/components/account/billing/pricingPlans/PricingPlanContainer.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-const usersStore = useUsersStore();
-const router = useRouter();
-const notify = useNotify();
-
-const isLoading = ref<boolean>(true);
-
-const plans = ref<PricingPlanInfo[]>([
-    new PricingPlanInfo(
-        PricingPlanType.PRO,
-        'Pro Account',
-        '25 GB Free',
-        'Only pay for what you need. $4/TB stored per month* $7/TB for egress bandwidth.',
-        '*Additional per-segment fee of $0.0000088 applies.',
-        null,
-        null,
-        'Add a credit card to activate your Pro Account.<br><br>Get 25GB free storage and egress. Only pay for what you use beyond that.',
-        'No charge today',
-        '25GB Free',
-    ),
-]);
-
-/*
- * Loads pricing plan config. Assumes that user is already eligible for a plan prior to component being mounted.
- */
-onBeforeMount(async () => {
-    const user: User = usersStore.state.user;
-
-    let config;
-    try {
-        config = require('@/components/account/billing/pricingPlans/pricingPlanConfig.json');
-    } catch {
-        notify.error('No pricing plan configuration file.', null);
-        return;
-    }
-
-    const plan = config[user.partner] as PricingPlanInfo;
-    if (!plan) {
-        notify.error(`No pricing plan configuration for partner '${user.partner}'.`, null);
-        return;
-    }
-    plan.type = PricingPlanType.PARTNER;
-    plans.value.unshift(plan);
-
-    isLoading.value = false;
-});
-</script>
-
-<style scoped lang="scss">
-.pricing-area {
-
-    &__loader {
-        position: fixed;
-        inset: 0;
-        align-items: center;
-    }
-
-    &__plans {
-        margin-top: 41px;
-        display: flex;
-        gap: 30px;
-    }
-}
-
-@media screen and (width <= 963px) {
-
-    .pricing-area__plans {
-        max-width: 444px;
-        flex-direction: column;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/SuccessStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/SuccessStep.vue
deleted file mode 100644
index e95608d6888b..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/SuccessStep.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <UpgradeAccountWrapper title="Success" :icon="SuccessIcon">
-        <template #content>
-            <p class="success-info">Your Pro Account has been successfully activated.</p>
-            <VButton
-                label="Continue ->"
-                width="100%"
-                height="48px"
-                font-size="14px"
-                border-radius="10px"
-                :is-green="true"
-                :on-press="onContinue"
-            />
-        </template>
-    </UpgradeAccountWrapper>
-</template>
-
-<script setup lang="ts">
-import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import SuccessIcon from '@/../static/images/modals/upgradeFlow/success.svg';
-
-const props = defineProps<{
-    onContinue: () => void;
-}>();
-</script>
-
-<style scoped lang="scss">
-.success-info {
-    font-family: 'font_regular', sans-serif;
-    font-size: 14px;
-    line-height: 20px;
-    color: var(--c-blue-6);
-    padding-bottom: 16px;
-    border-bottom: 1px solid var(--c-grey-2);
-    margin-bottom: 16px;
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountModal.vue b/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountModal.vue
deleted file mode 100644
index c1394a85e6cc..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountModal.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <VModal :on-close="closeModal">
-        <template #content>
-            <UpgradeInfoStep
-                v-if="step === UpgradeAccountStep.Info"
-                :on-upgrade="setSecondStep"
-                :loading="loading"
-            />
-            <UpgradeOptionsStep
-                v-if="step === UpgradeAccountStep.Options"
-                :on-add-card="() => setStep(UpgradeAccountStep.AddCC)"
-                :on-add-tokens="onAddTokens"
-                :loading="loading"
-            />
-            <AddCreditCardStep
-                v-if="step === UpgradeAccountStep.AddCC"
-                :set-success="() => setStep(UpgradeAccountStep.Success)"
-            />
-            <AddTokensStep v-if="step === UpgradeAccountStep.AddTokens" />
-            <SuccessStep
-                v-if="step === UpgradeAccountStep.Success"
-                :on-continue="closeModal"
-            />
-            <PricingPlanStep
-                v-if="step === UpgradeAccountStep.PricingPlan"
-            />
-        </template>
-    </VModal>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useNotify } from '@/utils/hooks';
-import { PaymentsHttpApi } from '@/api/payments';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { User } from '@/types/users';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VModal from '@/components/common/VModal.vue';
-import UpgradeInfoStep from '@/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue';
-import UpgradeOptionsStep from '@/components/modals/upgradeAccountFlow/UpgradeOptionsStep.vue';
-import AddCreditCardStep from '@/components/modals/upgradeAccountFlow/AddCreditCardStep.vue';
-import SuccessStep from '@/components/modals/upgradeAccountFlow/SuccessStep.vue';
-import AddTokensStep from '@/components/modals/upgradeAccountFlow/AddTokensStep.vue';
-import PricingPlanStep from '@/components/modals/upgradeAccountFlow/PricingPlanStep.vue';
-
-enum UpgradeAccountStep {
-    Info = 'infoStep',
-    Options = 'optionsStep',
-    AddCC = 'addCCStep',
-    AddTokens = 'addTokensStep',
-    Success = 'successStep',
-    PricingPlan = 'pricingPlanStep',
-}
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const billingStore = useBillingStore();
-const notify = useNotify();
-const payments: PaymentsHttpApi = new PaymentsHttpApi();
-
-const step = ref<UpgradeAccountStep>(UpgradeAccountStep.Info);
-const loading = ref<boolean>(false);
-
-/**
- * Claims wallet and sets add token step.
- */
-async function onAddTokens(): Promise<void> {
-    if (loading.value) return;
-
-    loading.value = true;
-
-    try {
-        await billingStore.claimWallet();
-
-        analyticsStore.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
-
-        setStep(UpgradeAccountStep.AddTokens);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.UPGRADE_ACCOUNT_MODAL);
-    }
-
-    loading.value = false;
-}
-
-/**
- * Sets specific flow step.
- */
-function setStep(s: UpgradeAccountStep) {
-    step.value = s;
-}
-
-/**
- * Sets second step in the flow (after user clicks to upgrade).
- * Most users will go to the Options step, but if a user is eligible for a
- * pricing plan (and pricing plans are enabled), they will be sent to the PricingPlan step.
- */
-async function setSecondStep() {
-    if (loading.value) return;
-
-    loading.value = true;
-
-    const user: User = usersStore.state.user;
-    const pricingPkgsEnabled = configStore.state.config.pricingPackagesEnabled;
-    if (!pricingPkgsEnabled || !user.partner) {
-        setStep(UpgradeAccountStep.Options);
-        loading.value = false;
-        return;
-    }
-
-    let pkgAvailable = false;
-    try {
-        pkgAvailable = await payments.pricingPackageAvailable();
-    } catch (error) {
-        notify.notifyError(error, null);
-        setStep(UpgradeAccountStep.Options);
-        loading.value = false;
-        return;
-    }
-    if (!pkgAvailable) {
-        setStep(UpgradeAccountStep.Options);
-        loading.value = false;
-        return;
-    }
-
-    setStep(UpgradeAccountStep.PricingPlan);
-
-    loading.value = false;
-}
-
-/**
- * Closes upgrade account modal.
- */
-function closeModal(): void {
-    appStore.removeActiveModal();
-}
-</script>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue b/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue
deleted file mode 100644
index 675dd2f15f32..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="upgrade-wrapper">
-        <div class="upgrade-wrapper__header">
-            <component :is="icon" v-if="icon" class="upgrade-wrapper__header__icon " />
-            <h1 class="upgrade-wrapper__header__title">{{ title }}</h1>
-        </div>
-        <slot name="content" />
-    </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-    icon?: string;
-    title: string;
-}>();
-</script>
-
-<style scoped lang="scss">
-.upgrade-wrapper {
-    padding: 32px;
-    font-family: 'font_bold', sans-serif;
-
-    @media screen and (width <= 350px) {
-        padding: 32px 16px;
-    }
-
-    &__header {
-        display: flex;
-        align-items: center;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid var(--c-grey-2);
-
-        @media screen and (width <= 690px) {
-            display: none;
-        }
-
-        &__icon {
-            margin-right: 16px;
-        }
-
-        &__title {
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-            text-align: left;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue
deleted file mode 100644
index d8b19101d898..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <UpgradeAccountWrapper title="Your account">
-        <template #content>
-            <div class="info-step">
-                <div class="info-step__column">
-                    <h2 class="info-step__column__title">Free</h2>
-                    <VButton
-                        label="Current"
-                        font-size="14px"
-                        border-radius="10px"
-                        width="280px"
-                        height="48px"
-                        :is-disabled="true"
-                        :on-press="() => {}"
-                    />
-                    <div class="info-step__column__bullets">
-                        <InfoBullet class="info-step__column__bullets__item" title="Projects" :info="freeProjects" />
-                        <InfoBullet class="info-step__column__bullets__item" title="Storage" :info="`${freeUsageValue(storageLimit)} limit`" />
-                        <InfoBullet class="info-step__column__bullets__item" title="Egress" :info="`${freeUsageValue(bandwidthLimit)} limit`" />
-                        <InfoBullet class="info-step__column__bullets__item" title="Segments" :info="`${user.projectSegmentLimit.toLocaleString()} segments limit`" />
-                        <InfoBullet class="info-step__column__bullets__item" title="Link Sharing" info="Link sharing with Storj domain" />
-                    </div>
-                </div>
-                <div class="info-step__column">
-                    <h2 class="info-step__column__title">Pro Account</h2>
-                    <VButton
-                        label="Upgrade to Pro"
-                        font-size="14px"
-                        border-radius="10px"
-                        width="280px"
-                        height="48px"
-                        :is-green="true"
-                        :on-press="onUpgrade"
-                        :is-disabled="loading"
-                    />
-                    <div class="info-step__column__bullets">
-                        <InfoBullet class="info-step__column__bullets__item" is-pro title="Projects" info="3 projects + more on request" />
-                        <InfoBullet class="info-step__column__bullets__item" is-pro :title="storagePrice" info="25 GB free included" />
-                        <InfoBullet class="info-step__column__bullets__item" is-pro title="Egress $0.007 GB" :info="downloadInfo">
-                            <template v-if="downloadMoreInfo" #moreInfo>
-                                <p class="info-step__column__bullets__message">{{ downloadMoreInfo }}</p>
-                            </template>
-                        </InfoBullet>
-                        <InfoBullet class="info-step__column__bullets__item" is-pro title="Segments" info="$0.0000088 segment per month">
-                            <template #moreInfo>
-                                <a
-                                    class="info-step__column__bullets__link"
-                                    href="https://docs.storj.io/dcs/pricing#per-segment-fee"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    Learn more about segments
-                                </a>
-                            </template>
-                        </InfoBullet>
-                        <InfoBullet class="info-step__column__bullets__item" is-pro title="Secure Custom Domains (HTTPS)" info="Link sharing with your domain" />
-                    </div>
-                </div>
-            </div>
-        </template>
-    </UpgradeAccountWrapper>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, ref } from 'vue';
-
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useNotify } from '@/utils/hooks';
-import { User } from '@/types/users';
-import { Size } from '@/utils/bytesSize';
-
-import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
-import VButton from '@/components/common/VButton.vue';
-import InfoBullet from '@/components/modals/upgradeAccountFlow/InfoBullet.vue';
-
-const projectsStore = useProjectsStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-
-const props = defineProps<{
-    loading: boolean;
-    onUpgrade: () => void;
-}>();
-
-const storagePrice = ref<string>('Storage $0.004 GB / month');
-const downloadInfo = ref<string>('25 GB free every month');
-const downloadMoreInfo = ref<string>('');
-
-/**
- * Returns user entity from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * Returns project storage limit.
- */
-const storageLimit = computed((): number => {
-    return projectsStore.state.currentLimits.storageLimit;
-});
-
-/**
- * Returns project bandwidth limit.
- */
-const bandwidthLimit = computed((): number => {
-    return projectsStore.state.currentLimits.bandwidthLimit;
-});
-
-/**
- * Returns formatted free projects count.
- */
-const freeProjects = computed((): string => {
-    return `${user.value.projectLimit} project${user.value.projectLimit > 1 ? 's' : ''}`;
-});
-
-/**
- * Returns formatted free usage value.
- */
-function freeUsageValue(value: number): string {
-    const size = new Size(value);
-    return `${size.formattedBytes} ${size.label}`;
-}
-
-/**
- * Lifecycle hook before initial render.
- * If applicable, loads additional clarifying text based on user partner.
- */
-onBeforeMount(() => {
-    try {
-        const partner = usersStore.state.user.partner;
-        const config = require('@/components/modals/upgradeAccountFlow/upgradeConfig.json');
-        if (partner && config[partner]) {
-            if (config[partner].storagePrice) {
-                storagePrice.value = config[partner].storagePrice;
-            }
-
-            if (config[partner].downloadInfo) {
-                downloadInfo.value = config[partner].downloadInfo;
-            }
-
-            if (config[partner].downloadMoreInfo) {
-                downloadMoreInfo.value = config[partner].downloadMoreInfo;
-            }
-        }
-    } catch (e) {
-        notify.error('No configuration file for page.', null);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.info-step {
-    display: flex;
-    align-items: center;
-    column-gap: 16px;
-    font-family: 'font_regular', sans-serif;
-
-    &__column {
-
-        &:first-of-type {
-            @media screen and (width <= 690px) {
-                display: none;
-            }
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-            text-align: left;
-            margin-bottom: 16px;
-        }
-
-        &__bullets {
-            padding: 16px 0 16px 16px;
-            border: 1px solid var(--c-grey-2);
-            border-radius: 8px;
-            margin-top: 16px;
-            width: 280px;
-            box-sizing: border-box;
-
-            &__item:not(:first-of-type) {
-                margin-top: 24px;
-            }
-
-            &__message {
-                font-weight: 500;
-                font-size: 12px;
-                line-height: 18px;
-                color: var(--c-white);
-            }
-
-            &__link {
-                font-weight: 500;
-                font-size: 12px;
-                line-height: 18px;
-                text-decoration: underline !important;
-                text-underline-position: under;
-                color: var(--c-white);
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeOptionsStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeOptionsStep.vue
deleted file mode 100644
index 53191c6d427a..000000000000
--- a/web/satellite/src/components/modals/upgradeAccountFlow/UpgradeOptionsStep.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <UpgradeAccountWrapper title="Upgrade to Pro">
-        <template #content>
-            <p class="options-info">
-                Add a credit card to activate your Pro Account, or deposit more than {{ amountForUpgrade }} in STORJ tokens to upgrade
-                and get 10% bonus on your STORJ tokens deposit.
-            </p>
-            <div class="options-buttons">
-                <VButton
-                    label="Add Credit Card"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    icon="credit-card"
-                    :is-green="true"
-                    :on-press="onAddCard"
-                    :is-disabled="loading"
-                />
-                <VButton
-                    label="Add STORJ Tokens"
-                    width="100%"
-                    height="48px"
-                    font-size="14px"
-                    border-radius="10px"
-                    icon="addcircle"
-                    :on-press="onAddTokens"
-                    :is-disabled="loading"
-                />
-            </div>
-        </template>
-    </UpgradeAccountWrapper>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useNotify } from '@/utils/hooks';
-import { useConfigStore } from '@/store/modules/configStore';
-import { centsToDollars, microDollarsToCents } from '@/utils/strings';
-
-import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
-import VButton from '@/components/common/VButton.vue';
-
-const usersStore = useUsersStore();
-const configStore = useConfigStore();
-
-const notify = useNotify();
-
-const props = defineProps<{
-    loading: boolean;
-    onAddCard: () => void;
-    onAddTokens: () => Promise<void>;
-}>();
-
-const amountForUpgrade = computed<string>(() => {
-    const balanceForUpgrade = configStore.state.config.userBalanceForUpgrade;
-
-    return centsToDollars(microDollarsToCents(balanceForUpgrade));
-});
-</script>
-
-<style scoped lang="scss">
-.options-info {
-    font-family: 'font_regular', sans-serif;
-    font-size: 14px;
-    line-height: 20px;
-    color: var(--c-blue-6);
-    padding-bottom: 16px;
-    border-bottom: 1px solid var(--c-grey-2);
-    margin-bottom: 16px;
-    max-width: 400px;
-    text-align: left;
-}
-
-.options-buttons {
-    display: flex;
-    align-items: center;
-    column-gap: 16px;
-
-    @media screen and (width <= 520px) {
-        flex-direction: column;
-        column-gap: unset;
-        row-gap: 16px;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/navigation/AccountArea.vue b/web/satellite/src/components/navigation/AccountArea.vue
deleted file mode 100644
index 42c7155ed845..000000000000
--- a/web/satellite/src/components/navigation/AccountArea.vue
+++ /dev/null
@@ -1,455 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="accountArea" class="account-area">
-        <div role="button" tabindex="0" class="account-area__wrap" :class="{ active: isDropdown }" aria-roledescription="account-area" @keyup.enter="toggleDropdown" @click.stop="toggleDropdown">
-            <div class="account-area__wrap__left">
-                <AccountIcon class="account-area__wrap__left__icon" />
-                <p class="account-area__wrap__left__label">My Account</p>
-                <p class="account-area__wrap__left__label-small">Account</p>
-                <template v-if="billingEnabled">
-                    <TierBadgePro v-if="isPaidTier" class="account-area__wrap__left__tier-badge" />
-                    <TierBadgeFree v-else class="account-area__wrap__left__tier-badge" />
-                </template>
-            </div>
-            <ArrowImage class="account-area__wrap__arrow" />
-        </div>
-        <div v-if="isDropdown" v-click-outside="closeDropdown" class="account-area__dropdown" :style="style">
-            <div class="account-area__dropdown__header">
-                <div class="account-area__dropdown__header__left">
-                    <SatelliteIcon />
-                    <h2 class="account-area__dropdown__header__left__label">Satellite</h2>
-                </div>
-                <div class="account-area__dropdown__header__right">
-                    <p class="account-area__dropdown__header__right__sat">{{ satellite }}</p>
-                    <a
-                        class="account-area__dropdown__header__right__link"
-                        href="https://docs.storj.io/dcs/concepts/satellite"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                    >
-                        <InfoIcon />
-                    </a>
-                </div>
-            </div>
-            <div v-if="!isPaidTier && billingEnabled" tabindex="0" class="account-area__dropdown__item" @click="onUpgrade" @keyup.enter="onUpgrade">
-                <UpgradeIcon />
-                <p class="account-area__dropdown__item__label">Upgrade</p>
-            </div>
-            <div v-if="billingEnabled" tabindex="0" class="account-area__dropdown__item" @click="navigateToBilling" @keyup.enter="navigateToBilling">
-                <BillingIcon />
-                <p class="account-area__dropdown__item__label">Billing</p>
-            </div>
-            <div tabindex="0" class="account-area__dropdown__item" @click="navigateToSettings" @keyup.enter="navigateToSettings">
-                <SettingsIcon />
-                <p class="account-area__dropdown__item__label">Account Settings</p>
-            </div>
-            <div tabindex="0" class="account-area__dropdown__item" @click="onLogout" @keyup.enter="onLogout">
-                <LogoutIcon />
-                <p class="account-area__dropdown__item__label">Logout</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AuthHttpApi } from '@/api/auth';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { APP_STATE_DROPDOWNS, MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useABTestingStore } from '@/store/modules/abTestingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useNotificationsStore } from '@/store/modules/notificationsStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import BillingIcon from '@/../static/images/navigation/billing.svg';
-import InfoIcon from '@/../static/images/navigation/info.svg';
-import SatelliteIcon from '@/../static/images/navigation/satellite.svg';
-import AccountIcon from '@/../static/images/navigation/account.svg';
-import ArrowImage from '@/../static/images/navigation/arrowExpandRight.svg';
-import SettingsIcon from '@/../static/images/navigation/settings.svg';
-import UpgradeIcon from '@/../static/images/navigation/upgrade.svg';
-import LogoutIcon from '@/../static/images/navigation/logout.svg';
-import TierBadgeFree from '@/../static/images/navigation/tierBadgeFree.svg';
-import TierBadgePro from '@/../static/images/navigation/tierBadgePro.svg';
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-
-const configStore = useConfigStore();
-const obStore = useObjectBrowserStore();
-const projectsStore = useProjectsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const abTestingStore = useABTestingStore();
-const pmStore = useProjectMembersStore();
-const notificationsStore = useNotificationsStore();
-const analyticsStore = useAnalyticsStore();
-
-const auth: AuthHttpApi = new AuthHttpApi();
-
-const dropdownYPos = ref<number>(0);
-const dropdownXPos = ref<number>(0);
-const accountArea = ref<HTMLDivElement>();
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Returns bottom and left position of dropdown.
- */
-const style = computed((): Record<string, string> => {
-    return { top: `${dropdownYPos.value}px`, left: `${dropdownXPos.value}px` };
-});
-
-/**
- * Indicates if account dropdown is visible.
- */
-const isDropdown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.ACCOUNT;
-});
-
-/**
- * Returns satellite name from store.
- */
-const satellite = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Indicates if user is in paid tier.
- */
-const isPaidTier = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * Starts upgrade account flow.
- */
-function onUpgrade(): void {
-    closeDropdown();
-
-    if (!billingEnabled.value) return;
-
-    appStore.updateActiveModal(MODALS.upgradeAccount);
-}
-
-/**
- * Navigates user to billing page.
- */
-function navigateToBilling(): void {
-    closeDropdown();
-
-    if (route.path.includes(RouteConfig.Billing.path)) return;
-
-    router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path);
-    analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path);
-}
-
-/**
- * Navigates user to account settings page.
- */
-function navigateToSettings(): void {
-    closeDropdown();
-    analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Settings).path);
-    router.push(RouteConfig.Account.with(RouteConfig.Settings).path).catch(() => {return;});
-}
-
-/**
- * Logouts user and navigates to login page.
- */
-async function onLogout(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.Login.path);
-    await router.push(RouteConfig.Login.path);
-
-    await Promise.all([
-        pmStore.clear(),
-        projectsStore.clear(),
-        usersStore.clear(),
-        agStore.stopWorker(),
-        agStore.clear(),
-        notificationsStore.clear(),
-        bucketsStore.clear(),
-        appStore.clear(),
-        billingStore.clear(),
-        abTestingStore.reset(),
-        obStore.clear(),
-    ]);
-
-    try {
-        analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
-        await auth.logout();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_ACCOUNT_AREA);
-    }
-}
-
-/**
- * Toggles account dropdown visibility.
- */
-function toggleDropdown(): void {
-    if (!accountArea.value) {
-        return;
-    }
-
-    const DROPDOWN_HEIGHT = 224; // pixels
-    const FIFTY_THREE_PIXELS = 53; // height of a single child element.
-    const TWENTY_PIXELS = 20;
-    const accountContainer = accountArea.value.getBoundingClientRect();
-
-    if (billingEnabled.value) {
-        dropdownYPos.value = accountContainer.bottom - DROPDOWN_HEIGHT - (isPaidTier.value ? 0 : FIFTY_THREE_PIXELS);
-    } else {
-        dropdownYPos.value = accountContainer.bottom - DROPDOWN_HEIGHT + FIFTY_THREE_PIXELS;
-    }
-    dropdownXPos.value = accountContainer.right - TWENTY_PIXELS;
-
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.ACCOUNT);
-}
-
-/**
- * Closes dropdowns.
- */
-function closeDropdown(): void {
-    appStore.closeDropdowns();
-}
-</script>
-
-<style scoped lang="scss">
-    .account-area {
-        width: 100%;
-        margin-top: 40px;
-
-        &__wrap {
-            box-sizing: border-box;
-            padding: 22px 32px;
-            outline: none;
-            border: none;
-            border-left: 4px solid #fff;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            cursor: pointer;
-            position: static;
-
-            &__left {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-
-                &__label,
-                &__label-small {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin: 0 6px 0 24px;
-                }
-
-                &__label-small {
-                    display: none;
-                    margin: 0;
-                }
-            }
-
-            &:hover {
-                background-color: var(--c-grey-1);
-                border-color: var(--c-grey-1);
-
-                p {
-                    color: var(--c-blue-3);
-                }
-
-                .account-area__wrap__arrow :deep(path),
-                .account-area__wrap__left__icon :deep(path) {
-                    fill: var(--c-blue-3);
-                }
-            }
-
-            &:focus {
-                outline: none;
-                border-color: var(--c-grey-1);
-                background-color: var(--c-grey-1);
-                color: var(--c-blue-3);
-
-                p {
-                    color: var(--c-blue-3);
-                }
-
-                :deep(path) {
-                    fill: var(--c-blue-3);
-                }
-            }
-        }
-
-        &__dropdown {
-            position: absolute;
-            background: #fff;
-            min-width: 240px;
-            max-width: 240px;
-            z-index: 1;
-            cursor: default;
-            border: 1px solid var(--c-grey-2);
-            box-sizing: border-box;
-            box-shadow: 0 -2px 16px rgb(0 0 0 / 10%);
-            border-radius: 8px;
-
-            &__header {
-                background: var(--c-grey-1);
-                padding: 16px;
-                width: calc(100% - 32px);
-                border: 1px solid var(--c-grey-2);
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                border-radius: 8px 8px 0 0;
-
-                &__left,
-                &__right {
-                    display: flex;
-                    align-items: center;
-
-                    &__label {
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: var(--c-grey-6);
-                        margin-left: 16px;
-                    }
-
-                    &__sat {
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: var(--c-grey-6);
-                        margin-right: 16px;
-                    }
-
-                    &__link {
-                        max-height: 16px;
-                    }
-
-                    &__link:focus {
-
-                        svg :deep(path) {
-                            fill: var(--c-blue-3);
-                        }
-                    }
-                }
-            }
-
-            &__item {
-                display: flex;
-                align-items: center;
-                border-top: 1px solid var(--c-grey-2);
-                padding: 16px;
-                width: calc(100% - 32px);
-                cursor: pointer;
-
-                &__label {
-                    margin-left: 16px;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                }
-
-                &:last-of-type {
-                    border-radius: 0 0 8px 8px;
-                }
-
-                &:hover {
-                    background-color: #f5f6fa;
-
-                    p {
-                        color: var(--c-blue-3);
-                    }
-
-                    :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-
-                &:focus {
-                    background-color: #f5f6fa;
-                }
-            }
-        }
-    }
-
-    .active {
-        border-color: #000;
-
-        p {
-            color: var(--c-blue-6);
-            font-family: 'font_bold', sans-serif;
-        }
-
-        .account-area__wrap__arrow :deep(path),
-        .account-area__wrap__left__icon :deep(path) {
-            fill: #000;
-        }
-    }
-
-    .active:hover {
-        border-color: var(--c-blue-3);
-        background-color: #f7f8fb;
-
-        p {
-            color: var(--c-blue-3);
-        }
-
-        .account-area__wrap__arrow :deep(path),
-        .account-area__wrap__left__icon :deep(path) {
-            fill: var(--c-blue-3);
-        }
-    }
-
-    @media screen and (width <= 1280px) and (width >= 500px) {
-
-        .account-area__wrap {
-            padding: 10px 0;
-            align-items: center;
-            justify-content: center;
-
-            p {
-                font-family: 'font_medium', sans-serif;
-            }
-
-            &__left__label,
-            &__arrow {
-                display: none;
-            }
-
-            &__left {
-                flex-direction: column;
-
-                &__label-small {
-                    display: block;
-                    margin-top: 10px;
-                    font-size: 9px;
-                }
-            }
-        }
-
-        .active p {
-            font-family: 'font_medium', sans-serif;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/navigation/GuidesDropdown.vue b/web/satellite/src/components/navigation/GuidesDropdown.vue
deleted file mode 100644
index 525de918896c..000000000000
--- a/web/satellite/src/components/navigation/GuidesDropdown.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="dropdown" v-click-outside="close" class="side-dropdown" :style="style">
-        <slot />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-const props = withDefaults(defineProps<{
-    yPosition: number;
-    xPosition: number;
-    close: () => void;
-}>(), {
-    yPosition: 0,
-    xPosition: 0,
-    close: () => {},
-});
-
-const dropdown = ref<HTMLDivElement>();
-const dropdownMiddle = ref<number>(0);
-
-/**
- * Returns top and left position of dropdown.
- */
-const style = computed((): Record<string, string> => {
-    return { top: `${props.yPosition - dropdownMiddle.value}px`, left: `${props.xPosition}px` };
-});
-
-/**
- * Mounted hook after initial render.
- * Calculates dropdowns Y middle point.
- */
-onMounted((): void => {
-    dropdownMiddle.value = (dropdown.value?.getBoundingClientRect().height || 0) / 2;
-});
-</script>
-
-<style scoped lang="scss">
-    .side-dropdown {
-        position: absolute;
-        background: #fff;
-        border: 1px solid var(--c-grey-2);
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        border-radius: 8px;
-        width: 390px;
-        z-index: 1;
-    }
-</style>
diff --git a/web/satellite/src/components/navigation/MobileNavigation.vue b/web/satellite/src/components/navigation/MobileNavigation.vue
deleted file mode 100644
index 393786940661..000000000000
--- a/web/satellite/src/components/navigation/MobileNavigation.vue
+++ /dev/null
@@ -1,957 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="navigation-area">
-        <div class="navigation-area__container">
-            <header class="navigation-area__container__header">
-                <LogoIcon class="navigation-area__container__header__logo" @click.stop="onLogoClick" />
-                <CrossIcon v-if="isOpened" @click="toggleNavigation" />
-                <MenuIcon v-else @click="toggleNavigation" />
-            </header>
-            <div v-if="isOpened" class="navigation-area__container__wrap" :class="{ 'with-padding': isAccountDropdownShown }">
-                <div class="navigation-area__container__wrap__edit">
-                    <div
-                        class="project-selection__selected"
-                        aria-roledescription="project-selection"
-                        @click.stop.prevent="onProjectClick"
-                    >
-                        <div class="project-selection__selected__left">
-                            <ProjectIcon class="project-selection__selected__left__image" />
-                            <p class="project-selection__selected__left__name" :title="selectedProject.name">{{ selectedProject.name }}</p>
-                            <p class="project-selection__selected__left__placeholder">Projects</p>
-                        </div>
-                        <ArrowIcon class="project-selection__selected__arrow" />
-                    </div>
-                    <div v-if="isProjectDropdownShown" class="project-selection__dropdown">
-                        <div v-if="isLoading" class="project-selection__dropdown__loader-container">
-                            <VLoader width="30px" height="30px" />
-                        </div>
-                        <template v-else>
-                            <div v-if="ownProjects.length" class="project-selection__dropdown__section-head">
-                                <ProjectIcon />
-                                <span class="project-selection__dropdown__section-head__tag">My Projects</span>
-                            </div>
-                            <div class="project-selection__dropdown__items">
-                                <div
-                                    v-for="project in ownProjects"
-                                    :key="project.id"
-                                    class="project-selection__dropdown__items__choice"
-                                    @click.prevent.stop="onProjectSelected(project.id)"
-                                    @keyup.enter="onProjectSelected(project.id)"
-                                >
-                                    <div v-if="project.isSelected" class="project-selection__dropdown__items__choice__mark-container">
-                                        <CheckmarkIcon class="project-selection__dropdown__items__choice__mark-container__image" />
-                                    </div>
-                                    <p
-                                        :class="{
-                                            'project-selection__dropdown__items__choice__unselected': !project.isSelected,
-                                            'project-selection__dropdown__items__choice__selected': project.isSelected,
-                                        }"
-                                    >
-                                        {{ project.name }}
-                                    </p>
-                                </div>
-                            </div>
-
-                            <div v-if="sharedProjects.length" class="project-selection__dropdown__section-head shared">
-                                <ProjectIcon />
-                                <span class="project-selection__dropdown__section-head__tag shared">Shared with me</span>
-                            </div>
-                            <div class="project-selection__dropdown__items">
-                                <div
-                                    v-for="project in sharedProjects"
-                                    :key="project.id"
-                                    class="project-selection__dropdown__items__choice"
-                                    @click.prevent.stop="onProjectSelected(project.id)"
-                                    @keyup.enter="onProjectSelected(project.id)"
-                                >
-                                    <div v-if="project.isSelected" class="project-selection__dropdown__items__choice__mark-container">
-                                        <CheckmarkIcon class="project-selection__dropdown__items__choice__mark-container__image" />
-                                    </div>
-                                    <p
-                                        :class="{
-                                            'project-selection__dropdown__items__choice__unselected': !project.isSelected,
-                                            'project-selection__dropdown__items__choice__selected': project.isSelected,
-                                        }"
-                                    >
-                                        {{ project.name }}
-                                    </p>
-                                </div>
-                            </div>
-                        </template>
-                        <div v-if="isProjectOwner" tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onProjectDetailsClick" @keyup.enter="onProjectDetailsClick">
-                            <SettingsIcon />
-                            <p class="project-selection__dropdown__link-container__label">Project Settings</p>
-                        </div>
-                        <div tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onAllProjectsClick" @keyup.enter="onAllProjectsClick">
-                            <ProjectIcon />
-                            <p class="project-selection__dropdown__link-container__label">All projects</p>
-                        </div>
-                        <div tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onManagePassphraseClick" @keyup.enter="onManagePassphraseClick">
-                            <PassphraseIcon />
-                            <p class="project-selection__dropdown__link-container__label">Manage Passphrase</p>
-                        </div>
-                        <div class="project-selection__dropdown__link-container" @click.stop="onCreateLinkClick">
-                            <CreateProjectIcon />
-                            <p class="project-selection__dropdown__link-container__label">Create new</p>
-                        </div>
-                    </div>
-                </div>
-                <div v-if="!isProjectDropdownShown" class="navigation-area__container__wrap__border" />
-                <router-link
-                    v-for="navItem in navigation"
-                    :key="navItem.name"
-                    :aria-label="navItem.name"
-                    class="navigation-area__container__wrap__item-container"
-                    :to="navItem.path"
-                    @click.native="onNavClick(navItem.path)"
-                >
-                    <div class="navigation-area__container__wrap__item-container__left">
-                        <component :is="navItem.icon" class="navigation-area__container__wrap__item-container__left__image" />
-                        <p class="navigation-area__container__wrap__item-container__left__label">{{ navItem.name }}</p>
-                    </div>
-                </router-link>
-                <div class="navigation-area__container__wrap__border" />
-                <div class="container-wrapper">
-                    <div
-                        class="navigation-area__container__wrap__item-container"
-                        @click.stop="toggleResourcesDropdown"
-                    >
-                        <div class="navigation-area__container__wrap__item-container__left">
-                            <ResourcesIcon class="navigation-area__container__wrap__item-container__left__image" />
-                            <p class="navigation-area__container__wrap__item-container__left__label">Resources</p>
-                        </div>
-                        <ArrowIcon class="navigation-area__container__wrap__item-container__arrow" />
-                    </div>
-                    <div
-                        v-if="isResourcesDropdownShown"
-                    >
-                        <ResourcesLinks />
-                    </div>
-                </div>
-                <div class="container-wrapper">
-                    <div
-                        class="navigation-area__container__wrap__item-container"
-                        @click.stop="toggleQuickStartDropdown"
-                    >
-                        <div class="navigation-area__container__wrap__item-container__left">
-                            <QuickStartIcon class="navigation-area__container__wrap__item-container__left__image" />
-                            <p class="navigation-area__container__wrap__item-container__left__label">Quickstart</p>
-                        </div>
-                        <ArrowIcon class="navigation-area__container__wrap__item-container__arrow" />
-                    </div>
-                    <div
-                        v-if="isQuickStartDropdownShown"
-                    >
-                        <QuickStartLinks />
-                    </div>
-                </div>
-                <div class="account-area">
-                    <div class="account-area__wrap" aria-roledescription="account-area" @click.stop="toggleAccountDropdown">
-                        <div class="account-area__wrap__left">
-                            <AccountIcon class="account-area__wrap__left__icon" />
-                            <p class="account-area__wrap__left__label">My Account</p>
-                            <p class="account-area__wrap__left__label-small">Account</p>
-                            <template v-if="billingEnabled">
-                                <TierBadgePro v-if="user.paidTier" class="account-area__wrap__left__tier-badge" />
-                                <TierBadgeFree v-else class="account-area__wrap__left__tier-badge" />
-                            </template>
-                        </div>
-                        <ArrowIcon class="account-area__wrap__arrow" />
-                    </div>
-                    <div v-if="isAccountDropdownShown" class="account-area__dropdown">
-                        <div class="account-area__dropdown__header">
-                            <div class="account-area__dropdown__header__left">
-                                <SatelliteIcon />
-                                <h2 class="account-area__dropdown__header__left__label">Satellite</h2>
-                            </div>
-                            <div class="account-area__dropdown__header__right">
-                                <p class="account-area__dropdown__header__right__sat">{{ satellite }}</p>
-                                <a
-                                    class="account-area__dropdown__header__right__link"
-                                    href="https://docs.storj.io/dcs/concepts/satellite"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    <InfoIcon />
-                                </a>
-                            </div>
-                        </div>
-                        <div v-if="!user.paidTier && billingEnabled" tabindex="0" class="account-area__dropdown__item" @click="onUpgrade" @keyup.enter="onUpgrade">
-                            <UpgradeIcon />
-                            <p class="account-area__dropdown__item__label">Upgrade</p>
-                        </div>
-                        <div v-if="billingEnabled" class="account-area__dropdown__item" @click="navigateToBilling">
-                            <BillingIcon />
-                            <p class="account-area__dropdown__item__label">Billing</p>
-                        </div>
-                        <div class="account-area__dropdown__item" @click="navigateToSettings">
-                            <SettingsIcon />
-                            <p class="account-area__dropdown__item__label">Account Settings</p>
-                        </div>
-                        <div class="account-area__dropdown__item" @click="onLogout">
-                            <LogoutIcon />
-                            <p class="account-area__dropdown__item__label">Logout</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { AuthHttpApi } from '@/api/auth';
-import { RouteConfig } from '@/types/router';
-import { NavigationLink } from '@/types/navigation';
-import { Project } from '@/types/projects';
-import { User } from '@/types/users';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { LocalData } from '@/utils/localData';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useABTestingStore } from '@/store/modules/abTestingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useNotificationsStore } from '@/store/modules/notificationsStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-
-import ResourcesLinks from '@/components/navigation/ResourcesLinks.vue';
-import QuickStartLinks from '@/components/navigation/QuickStartLinks.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-import CrossIcon from '@/../static/images/common/closeCross.svg';
-import LogoIcon from '@/../static/images/logo.svg';
-import AccessGrantsIcon from '@/../static/images/navigation/accessGrants.svg';
-import AccountIcon from '@/../static/images/navigation/account.svg';
-import ArrowIcon from '@/../static/images/navigation/arrowExpandRight.svg';
-import BillingIcon from '@/../static/images/navigation/billing.svg';
-import BucketsIcon from '@/../static/images/navigation/buckets.svg';
-import UpgradeIcon from '@/../static/images/navigation/upgrade.svg';
-import CheckmarkIcon from '@/../static/images/navigation/checkmark.svg';
-import CreateProjectIcon from '@/../static/images/navigation/createProject.svg';
-import InfoIcon from '@/../static/images/navigation/info.svg';
-import LogoutIcon from '@/../static/images/navigation/logout.svg';
-import PassphraseIcon from '@/../static/images/navigation/passphrase.svg';
-import MenuIcon from '@/../static/images/navigation/menu.svg';
-import ProjectIcon from '@/../static/images/navigation/project.svg';
-import DashboardIcon from '@/../static/images/navigation/projectDashboard.svg';
-import QuickStartIcon from '@/../static/images/navigation/quickStart.svg';
-import ResourcesIcon from '@/../static/images/navigation/resources.svg';
-import SatelliteIcon from '@/../static/images/navigation/satellite.svg';
-import SettingsIcon from '@/../static/images/navigation/settings.svg';
-import TierBadgeFree from '@/../static/images/navigation/tierBadgeFree.svg';
-import TierBadgePro from '@/../static/images/navigation/tierBadgePro.svg';
-import UsersIcon from '@/../static/images/navigation/users.svg';
-
-const FIRST_PAGE = 1;
-const navigation: NavigationLink[] = [
-    RouteConfig.ProjectDashboard.withIcon(DashboardIcon),
-    RouteConfig.Buckets.withIcon(BucketsIcon),
-    RouteConfig.AccessGrants.withIcon(AccessGrantsIcon),
-    RouteConfig.Team.withIcon(UsersIcon),
-];
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const pmStore = useProjectMembersStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const abTestingStore = useABTestingStore();
-const notificationsStore = useNotificationsStore();
-const projectsStore = useProjectsStore();
-const obStore = useObjectBrowserStore();
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-
-const auth: AuthHttpApi = new AuthHttpApi();
-
-const isResourcesDropdownShown = ref<boolean>(false);
-const isQuickStartDropdownShown = ref<boolean>(false);
-const isProjectDropdownShown = ref<boolean>(false);
-const isAccountDropdownShown = ref<boolean>(false);
-const isOpened = ref<boolean>(false);
-const isLoading = ref<boolean>(false);
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Whether the user is the owner of the selected project.
- */
-const isProjectOwner = computed((): boolean => {
-    return usersStore.state.user.id === projectsStore.state.selectedProject.ownerId;
-});
-
-/**
- * Returns user's own projects.
- */
-const ownProjects = computed((): Project[] => {
-    const projects = projectsStore.projects.filter((p) => p.ownerId === usersStore.state.user.id);
-    return projects.sort(compareProjects);
-});
-
-/**
- * Returns projects the user is invited to.
- */
-const sharedProjects = computed((): Project[] => {
-    const projects = projectsStore.projects.filter((p) => p.ownerId !== usersStore.state.user.id);
-    return projects.sort(compareProjects);
-});
-
-/**
- * Indicates if current route is objects view.
- */
-const isBucketsView = computed((): boolean => {
-    return route.path.includes(RouteConfig.BucketsManagement.path);
-});
-
-/**
- * Returns selected project from store.
- */
-const selectedProject = computed((): Project => {
-    return projectsStore.state.selectedProject;
-});
-
-/**
- * Returns satellite name from store.
- */
-const satellite = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Returns user entity from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * This comparator is used to sort projects by isSelected.
- */
-function compareProjects(a: Project, b: Project) {
-    if (a.isSelected) return -1;
-    if (b.isSelected) return 1;
-    return 0;
-}
-
-/**
- * Redirects to project dashboard.
- */
-function onLogoClick(): void {
-    router.push(RouteConfig.AllProjectsDashboard.path);
-}
-
-function onNavClick(path: string): void {
-    trackClickEvent(path);
-    isOpened.value = false;
-}
-
-/**
- * Toggles navigation content visibility.
- */
-function toggleNavigation(): void {
-    isOpened.value = !isOpened.value;
-}
-
-/**
- * Toggles resources dropdown visibility.
- */
-function toggleResourcesDropdown(): void {
-    isResourcesDropdownShown.value = !isResourcesDropdownShown.value;
-}
-
-/**
- * Toggles quick start dropdown visibility.
- */
-function toggleQuickStartDropdown(): void {
-    isQuickStartDropdownShown.value = !isQuickStartDropdownShown.value;
-}
-
-/**
- * Toggles projects dropdown visibility.
- */
-function toggleProjectDropdown(): void {
-    isProjectDropdownShown.value = !isProjectDropdownShown.value;
-}
-
-/**
- * Toggles account dropdown visibility.
- */
-function toggleAccountDropdown(): void {
-    isAccountDropdownShown.value = !isAccountDropdownShown.value;
-    window.scrollTo(0, document.querySelector('.navigation-area__container__wrap')?.scrollHeight || 0);
-}
-
-/**
- * Sends new path click event to segment.
- */
-function trackClickEvent(path: string): void {
-    analyticsStore.pageVisit(path);
-}
-
-/**
- * Route to all projects page.
- */
-function onAllProjectsClick(): void {
-    analyticsStore.pageVisit(RouteConfig.AllProjectsDashboard.path);
-    router.push(RouteConfig.AllProjectsDashboard.path);
-    toggleProjectDropdown();
-}
-
-/**
- * Route to project details page.
- */
-function onProjectDetailsClick(): void {
-    analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
-    router.push(RouteConfig.EditProjectDetails.path);
-    toggleProjectDropdown();
-}
-
-/**
- * Toggles manage passphrase modal shown.
- */
-function onManagePassphraseClick(): void {
-    appStore.updateActiveModal(MODALS.manageProjectPassphrase);
-}
-
-async function onProjectClick(): Promise<void> {
-    toggleProjectDropdown();
-
-    if (isLoading.value || !isProjectDropdownShown.value) return;
-
-    isLoading.value = true;
-
-    try {
-        await projectsStore.getProjects();
-        await projectsStore.getProjectLimits(selectedProject.value.id);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.MOBILE_NAVIGATION);
-    } finally {
-        isLoading.value = false;
-    }
-}
-
-/**
- * Fetches all project related information.
- * @param projectID
- */
-async function onProjectSelected(projectID: string): Promise<void> {
-    analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
-    projectsStore.selectProject(projectID);
-    LocalData.setSelectedProjectId(projectID);
-    pmStore.setSearchQuery('');
-
-    isProjectDropdownShown.value = false;
-
-    if (isBucketsView.value) {
-        bucketsStore.clear();
-        analyticsStore.pageVisit(RouteConfig.Buckets.path);
-        await router.push(RouteConfig.Buckets.path).catch(() => {return; });
-    }
-
-    try {
-        await Promise.all([
-            billingStore.getProjectUsageAndChargesCurrentRollup(),
-            pmStore.getProjectMembers(FIRST_PAGE, projectID),
-            agStore.getAccessGrants(FIRST_PAGE, projectID),
-            bucketsStore.getBuckets(FIRST_PAGE, projectID),
-            projectsStore.getProjectLimits(projectID),
-        ]);
-    } catch (error) {
-        error.message = `Unable to select project. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.MOBILE_NAVIGATION);
-    }
-}
-
-/**
- * Route to create project page.
- */
-function onCreateLinkClick(): void {
-    handleCreateProjectClick();
-    isProjectDropdownShown.value = false;
-}
-
-/**
- * Starts upgrade account flow.
- */
-function onUpgrade(): void {
-    isOpened.value = false;
-
-    if (!billingEnabled.value) return;
-
-    appStore.updateActiveModal(MODALS.upgradeAccount);
-}
-
-/**
- * Navigates user to billing page.
- */
-function navigateToBilling(): void {
-    isOpened.value = false;
-    if (route.path.includes(RouteConfig.Billing.path)) return;
-
-    const link = RouteConfig.Account.with(RouteConfig.Billing.with(RouteConfig.BillingOverview));
-    router.push(link.path);
-    analyticsStore.pageVisit(link.path);
-}
-
-/**
- * Navigates user to account settings page.
- */
-function navigateToSettings(): void {
-    isOpened.value = false;
-    analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Settings).path);
-    router.push(RouteConfig.Account.with(RouteConfig.Settings).path).catch(() => {return;});
-}
-
-/**
- * Logouts user and navigates to login page.
- */
-async function onLogout(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.Login.path);
-    await router.push(RouteConfig.Login.path);
-
-    await Promise.all([
-        pmStore.clear(),
-        projectsStore.clear(),
-        usersStore.clear(),
-        agStore.stopWorker(),
-        agStore.clear(),
-        notificationsStore.clear(),
-        bucketsStore.clear(),
-        appStore.clear(),
-        billingStore.clear(),
-        abTestingStore.reset(),
-        obStore.clear(),
-    ]);
-
-    try {
-        analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
-        await auth.logout();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.MOBILE_NAVIGATION);
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.navigation-svg-path {
-    fill: rgb(53 64 73);
-}
-
-.container-wrapper {
-    width: 100%;
-}
-
-.navigation-area {
-    background-color: #fff;
-    font-family: 'font_regular', sans-serif;
-    box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-
-    &__container {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: space-between;
-        overflow: hidden auto;
-        width: 100%;
-        height: 100%;
-
-        &__header {
-            display: flex;
-            width: 100%;
-            box-sizing: border-box;
-            padding: 0 24px;
-            justify-content: space-between;
-            align-items: center;
-            height: 4rem;
-
-            &__logo {
-                height: 49px;
-                width: auto;
-            }
-        }
-
-        &__wrap {
-            position: fixed;
-            top: 4rem;
-            left: 0;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            width: 100%;
-            z-index: 9999;
-            overflow: hidden auto;
-            background: white;
-            height: calc(var(--vh, 100vh) - 4rem);
-
-            &.with-padding {
-                padding-bottom: 3rem;
-                height: calc(var(--vh, 100vh) - 7rem);
-            }
-
-            &__small-logo {
-                display: none;
-            }
-
-            &__edit {
-                margin: 10px 0 16px;
-                width: 100%;
-            }
-
-            &__item-container {
-                padding: 14px 32px;
-                width: 100%;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                border-left: 4px solid #fff;
-                color: var(--c-grey-6);
-                position: static;
-                cursor: pointer;
-                height: 48px;
-                box-sizing: border-box;
-
-                &__left {
-                    display: flex;
-                    align-items: center;
-
-                    &__label {
-                        font-size: 14px;
-                        line-height: 20px;
-                        margin-left: 24px;
-                    }
-                }
-            }
-
-            &__border {
-                margin: 0 32px 16px;
-                border: 0.5px solid var(--c-grey-2);
-                width: calc(100% - 48px);
-            }
-        }
-    }
-}
-
-.router-link-active,
-.active {
-    border-color: #000;
-    color: var(--c-blue-6);
-    font-family: 'font_bold', sans-serif;
-
-    :deep(path) {
-        fill: #000;
-    }
-}
-
-:deep(.dropdown-item) {
-    display: flex;
-    align-items: center;
-    font-family: 'font_regular', sans-serif;
-    padding: 16px;
-    cursor: pointer;
-    border-bottom: 1px solid var(--c-grey-2);
-    background: var(--c-grey-1);
-}
-
-:deep(.dropdown-item__icon) {
-    max-width: 40px;
-    min-width: 40px;
-}
-
-:deep(.dropdown-item__text) {
-    margin-left: 10px;
-}
-
-:deep(.dropdown-item__text__title) {
-    font-family: 'font_bold', sans-serif;
-    font-size: 14px;
-    line-height: 22px;
-    color: var(--c-blue-6);
-}
-
-:deep(.dropdown-item__text__label) {
-    font-size: 12px;
-    line-height: 21px;
-    color: var(--c-blue-6);
-}
-
-:deep(.dropdown-item:first-of-type) {
-    border-radius: 8px 8px 0 0;
-}
-
-:deep(.dropdown-item:last-of-type) {
-    border-radius: 0 0 8px 8px;
-}
-
-:deep(.project-selection__dropdown) {
-    all: unset !important;
-    position: relative !important;
-    display: flex;
-    flex-direction: column;
-    font-family: 'font_regular', sans-serif;
-    padding: 10px 16px;
-    cursor: pointer;
-    border-top: 1px solid var(--c-grey-2);
-    border-bottom: 1px solid var(--c-grey-2);
-}
-
-.project-selection {
-    font-family: 'font_regular', sans-serif;
-    position: relative;
-    width: 100%;
-
-    &__selected {
-        box-sizing: border-box;
-        padding: 22px 32px;
-        border-left: 4px solid #fff;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        cursor: pointer;
-        position: static;
-
-        &__left {
-            display: flex;
-            align-items: center;
-            max-width: calc(100% - 16px);
-
-            &__name {
-                max-width: calc(100% - 24px - 16px);
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-                margin-left: 24px;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-
-            &__placeholder {
-                display: none;
-            }
-        }
-    }
-
-    &__dropdown {
-        width: 100%;
-        background-color: #fff;
-
-        &__loader-container {
-            margin: 10px 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 8px 8px 0 0;
-        }
-
-        &__section-head {
-            display: flex;
-            align-items: center;
-            gap: 24px;
-            height: 48px;
-            box-sizing: border-box;
-            padding: 8px 32px;
-
-            &.shared {
-                border-top: 1px solid var(--c-grey-2);
-            }
-
-            &__tag {
-                border: 1px solid var(--c-purple-2);
-                border-radius: 24px;
-                padding: 2px 8px;
-                text-align: center;
-                font-size: 12px;
-                font-weight: 600;
-                line-height: 18px;
-                color: var(--c-purple-4);
-                background: var(--c-white);
-
-                &.shared {
-                    border: 1px solid var(--c-yellow-2);
-                    color: var(--c-yellow-5);
-                }
-            }
-        }
-
-        &__items {
-            overflow-y: auto;
-            background-color: #fff;
-
-            &__choice {
-                display: flex;
-                align-items: center;
-                padding: 16px 32px;
-                cursor: pointer;
-                height: 32px;
-
-                &__selected,
-                &__unselected {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: #1b2533;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
-
-                &__selected {
-                    font-family: 'font_bold', sans-serif;
-                    margin-left: 24px;
-                }
-
-                &__unselected {
-                    padding-left: 40px;
-                }
-
-                &__mark-container {
-                    width: 16px;
-                    height: 16px;
-
-                    &__image {
-                        object-fit: cover;
-                    }
-                }
-            }
-        }
-
-        &__link-container {
-            padding: 16px 32px;
-            height: 48px;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            box-sizing: border-box;
-            border-bottom: 1px solid var(--c-grey-2);
-
-            &__label {
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-                margin-left: 24px;
-            }
-
-            &:last-of-type {
-                border-radius: 0 0 8px 8px;
-            }
-        }
-    }
-}
-
-.account-area {
-    width: 100%;
-
-    &__wrap {
-        box-sizing: border-box;
-        padding: 16px 32px 16px 36px;
-        height: 48px;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        cursor: pointer;
-        position: static;
-
-        &__left {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__label,
-            &__label-small {
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-                margin: 0 6px 0 24px;
-            }
-
-            &__label-small {
-                display: none;
-                margin: 0;
-            }
-        }
-    }
-
-    &__dropdown {
-        position: relative;
-        background: #fff;
-        width: 100%;
-        box-sizing: border-box;
-
-        &__header {
-            background: var(--c-grey-1);
-            padding: 16px 32px 16px 36px;
-            border: 1px solid var(--c-grey-2);
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__left,
-            &__right {
-                display: flex;
-                align-items: center;
-
-                &__label {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-left: 16px;
-                }
-
-                &__sat {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-right: 16px;
-                }
-
-                &__link {
-                    max-height: 16px;
-                }
-            }
-        }
-
-        &__item {
-            display: flex;
-            align-items: center;
-            padding: 16px 32px 16px 36px;
-            background: var(--c-grey-1);
-
-            &__label {
-                margin-left: 16px;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-            }
-
-            &:last-of-type {
-                border-radius: 0 0 8px 8px;
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/navigation/NavigationArea.vue b/web/satellite/src/components/navigation/NavigationArea.vue
deleted file mode 100644
index 770fbd191896..000000000000
--- a/web/satellite/src/components/navigation/NavigationArea.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="navigation-area">
-        <div ref="navigationContainer" class="navigation-area__container">
-            <div class="navigation-area__container__wrap">
-                <LogoIcon class="navigation-area__container__wrap__logo" @click.stop="onLogoClick" />
-                <SmallLogoIcon class="navigation-area__container__wrap__small-logo" @click.stop="onLogoClick" />
-                <div class="navigation-area__container__wrap__edit">
-                    <ProjectSelection />
-                </div>
-                <div class="navigation-area__container__wrap__border" />
-                <router-link
-                    v-for="navItem in navigation"
-                    :key="navItem.name"
-                    :aria-label="navItem.name"
-                    class="navigation-area__container__wrap__item-container"
-                    :to="navItem.path"
-                    @click.native="trackClickEvent(navItem.path)"
-                >
-                    <div class="navigation-area__container__wrap__item-container__left">
-                        <component :is="navItem.icon" class="navigation-area__container__wrap__item-container__left__image" />
-                        <p class="navigation-area__container__wrap__item-container__left__label">{{ navItem.name }}</p>
-                    </div>
-                </router-link>
-                <div class="navigation-area__container__wrap__border" />
-                <div ref="resourcesContainer" class="container-wrapper">
-                    <div
-                        role="button"
-                        tabindex="0"
-                        class="navigation-area__container__wrap__item-container"
-                        :class="{ active: isResourcesDropdownShown }"
-                        @keyup.enter="toggleResourcesDropdown"
-                        @click.stop="toggleResourcesDropdown"
-                    >
-                        <div class="navigation-area__container__wrap__item-container__left">
-                            <ResourcesIcon class="navigation-area__container__wrap__item-container__left__image" />
-                            <p class="navigation-area__container__wrap__item-container__left__label">Resources</p>
-                        </div>
-                        <ArrowIcon class="navigation-area__container__wrap__item-container__arrow" />
-                    </div>
-                    <GuidesDropdown
-                        v-if="isResourcesDropdownShown"
-                        :close="closeDropdowns"
-                        :y-position="resourcesDropdownYPos"
-                        :x-position="resourcesDropdownXPos"
-                    >
-                        <ResourcesLinks />
-                    </GuidesDropdown>
-                </div>
-                <div ref="quickStartContainer" class="container-wrapper">
-                    <div
-                        role="button"
-                        tabindex="0"
-                        class="navigation-area__container__wrap__item-container"
-                        :class="{ active: isQuickStartDropdownShown }"
-                        @keyup.enter="toggleQuickStartDropdown"
-                        @click.stop="toggleQuickStartDropdown"
-                    >
-                        <div class="navigation-area__container__wrap__item-container__left">
-                            <QuickStartIcon class="navigation-area__container__wrap__item-container__left__image" />
-                            <p class="navigation-area__container__wrap__item-container__left__label">Quickstart</p>
-                        </div>
-                        <ArrowIcon class="navigation-area__container__wrap__item-container__arrow" />
-                    </div>
-                    <GuidesDropdown
-                        v-if="isQuickStartDropdownShown"
-                        :close="closeDropdowns"
-                        :y-position="quickStartDropdownYPos"
-                        :x-position="quickStartDropdownXPos"
-                    >
-                        <QuickStartLinks :close-dropdowns="closeDropdowns" />
-                    </GuidesDropdown>
-                </div>
-            </div>
-            <AccountArea />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { NavigationLink } from '@/types/navigation';
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import ProjectSelection from '@/components/navigation/ProjectSelection.vue';
-import GuidesDropdown from '@/components/navigation/GuidesDropdown.vue';
-import AccountArea from '@/components/navigation/AccountArea.vue';
-import ResourcesLinks from '@/components/navigation/ResourcesLinks.vue';
-import QuickStartLinks from '@/components/navigation/QuickStartLinks.vue';
-
-import LogoIcon from '@/../static/images/logo.svg';
-import SmallLogoIcon from '@/../static/images/smallLogo.svg';
-import AccessGrantsIcon from '@/../static/images/navigation/accessGrants.svg';
-import DashboardIcon from '@/../static/images/navigation/projectDashboard.svg';
-import BucketsIcon from '@/../static/images/navigation/buckets.svg';
-import UsersIcon from '@/../static/images/navigation/users.svg';
-import ResourcesIcon from '@/../static/images/navigation/resources.svg';
-import QuickStartIcon from '@/../static/images/navigation/quickStart.svg';
-import ArrowIcon from '@/../static/images/navigation/arrowExpandRight.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const router = useRouter();
-const route = useRoute();
-
-const TWENTY_PIXELS = 20;
-const navigation: NavigationLink[] = [
-    RouteConfig.ProjectDashboard.withIcon(DashboardIcon),
-    RouteConfig.Buckets.withIcon(BucketsIcon),
-    RouteConfig.AccessGrants.withIcon(AccessGrantsIcon),
-    RouteConfig.Team.withIcon(UsersIcon),
-];
-
-const resourcesDropdownYPos = ref<number>(0);
-const resourcesDropdownXPos = ref<number>(0);
-const quickStartDropdownYPos = ref<number>(0);
-const quickStartDropdownXPos = ref<number>(0);
-const resourcesContainer = ref<HTMLDivElement>();
-const quickStartContainer = ref<HTMLDivElement>();
-const navigationContainer = ref<HTMLDivElement>();
-const windowWidth = ref<number>(window.innerWidth);
-
-/**
- * Indicates if resources dropdown shown.
- */
-const isResourcesDropdownShown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.RESOURCES;
-});
-
-/**
- * Indicates if quick start dropdown shown.
- */
-const isQuickStartDropdownShown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.QUICK_START;
-});
-
-/**
- * On screen resize handler.
- */
-function onResize(): void {
-    windowWidth.value = window.innerWidth;
-    closeDropdowns();
-}
-
-/**
- * Redirects to project dashboard.
- */
-function onLogoClick(): void {
-    router.push(RouteConfig.AllProjectsDashboard.path);
-}
-
-/**
- * Sets resources dropdown Y position depending on container's current position.
- * It is used to handle small screens.
- */
-function setResourcesDropdownYPos(): void {
-    if (!resourcesContainer.value) {
-        return;
-    }
-
-    const container = resourcesContainer.value.getBoundingClientRect();
-    resourcesDropdownYPos.value =  container.top + container.height / 2;
-}
-
-/**
- * Sets resources dropdown X position depending on container's current position.
- * It is used to handle small screens.
- */
-function setResourcesDropdownXPos(): void {
-    if (!resourcesContainer.value) {
-        return;
-    }
-
-    resourcesDropdownXPos.value = resourcesContainer.value.getBoundingClientRect().width - TWENTY_PIXELS;
-}
-
-/**
- * Sets quick start dropdown Y position depending on container's current position.
- * It is used to handle small screens.
- */
-function setQuickStartDropdownYPos(): void {
-    if (!quickStartContainer.value) {
-        return;
-    }
-
-    const container = quickStartContainer.value.getBoundingClientRect();
-    quickStartDropdownYPos.value =  container.top + container.height / 2;
-}
-
-/**
- * Sets quick start dropdown X position depending on container's current position.
- * It is used to handle small screens.
- */
-function setQuickStartDropdownXPos(): void {
-    if (!quickStartContainer.value) {
-        return;
-    }
-
-    quickStartDropdownXPos.value = quickStartContainer.value.getBoundingClientRect().width - TWENTY_PIXELS;
-}
-
-/**
- * Toggles resources dropdown visibility.
- */
-function toggleResourcesDropdown(): void {
-    setResourcesDropdownYPos();
-    setResourcesDropdownXPos();
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.RESOURCES);
-}
-
-/**
- * Toggles quick start dropdown visibility.
- */
-function toggleQuickStartDropdown(): void {
-    setQuickStartDropdownYPos();
-    setQuickStartDropdownXPos();
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.QUICK_START);
-}
-
-/**
- * Closes dropdowns.
- */
-function closeDropdowns(): void {
-    appStore.closeDropdowns();
-}
-
-/**
- * Sends new path click event to segment.
- */
-function trackClickEvent(path: string): void {
-    if (path === '/account/billing') {
-        routeToOverview();
-    } else {
-        analyticsStore.pageVisit(path);
-    }
-}
-
-/**
- * Routes for new billing screens.
- */
-function routeToOverview(): void {
-    router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path);
-}
-
-/**
- * Mounted hook after initial render.
- * Adds scroll event listener to close dropdowns.
- */
-onMounted(() => {
-    navigationContainer.value?.addEventListener('scroll', closeDropdowns);
-    window.addEventListener('resize', onResize);
-});
-
-/**
- * Mounted hook before component destroy.
- * Removes scroll event listener.
- */
-onBeforeUnmount(() => {
-    navigationContainer.value?.removeEventListener('scroll', closeDropdowns);
-    window.removeEventListener('resize', onResize);
-});
-</script>
-
-<style scoped lang="scss">
-    .navigation-svg-path {
-        fill: rgb(53 64 73);
-    }
-
-    .container-wrapper {
-        width: 100%;
-    }
-
-    .navigation-area {
-        min-width: 280px;
-        max-width: 280px;
-        background-color: #fff;
-        font-family: 'font_regular', sans-serif;
-        box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-        border-right: 1px solid var(--c-grey-2);
-
-        &__container {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: space-between;
-            overflow: hidden auto;
-            width: 100%;
-            height: 100%;
-
-            &__wrap {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                width: 100%;
-                padding-top: 40px;
-
-                &__logo {
-                    cursor: pointer;
-                    width: 144px;
-                    position: relative;
-                    left: -34px;
-                }
-
-                &__small-logo {
-                    display: none;
-                }
-
-                &__edit {
-                    margin-top: 40px;
-                    width: 100%;
-                }
-
-                &__item-container {
-                    padding: 22px 32px;
-                    width: 100%;
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    border: none;
-                    border-left: 4px solid #fff;
-                    color: var(--c-grey-6);
-                    position: static;
-                    cursor: pointer;
-                    box-sizing: border-box;
-
-                    &__left {
-                        display: flex;
-                        align-items: center;
-
-                        &__label {
-                            font-size: 14px;
-                            line-height: 20px;
-                            margin-left: 24px;
-                        }
-                    }
-
-                    &:hover {
-                        border-color: var(--c-grey-1);
-                        background-color: var(--c-grey-1);
-                        color: var(--c-blue-3);
-
-                        :deep(path) {
-                            fill: var(--c-blue-3);
-                        }
-                    }
-
-                    &:focus {
-                        outline: none;
-                        border-color: var(--c-grey-1);
-                        background-color: var(--c-grey-1);
-                        color: var(--c-blue-3);
-
-                        :deep(path) {
-                            fill: var(--c-blue-3);
-                        }
-                    }
-                }
-
-                &__border {
-                    margin: 8px 24px;
-                    height: 1px;
-                    width: calc(100% - 48px);
-                    background: var(--c-grey-2);
-                }
-            }
-        }
-    }
-
-    .router-link-active,
-    .active {
-        border-color: #000;
-        color: var(--c-blue-6);
-        font-family: 'font_bold', sans-serif;
-
-        :deep(path) {
-            fill: #000;
-        }
-
-        &:hover {
-            color: var(--c-blue-3);
-            border-color: var(--c-blue-3);
-
-            :deep(path) {
-                fill: var(--c-blue-3);
-            }
-        }
-    }
-
-    :deep(.dropdown-item) {
-        display: flex;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        padding: 10px 16px;
-        cursor: pointer;
-        border-top: 1px solid var(--c-grey-2);
-        border-bottom: 1px solid var(--c-grey-2);
-    }
-
-    :deep(.dropdown-item__icon) {
-        max-width: 40px;
-        min-width: 40px;
-    }
-
-    :deep(.dropdown-item__text) {
-        margin-left: 10px;
-    }
-
-    :deep(.dropdown-item__text__title) {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 22px;
-        color: var(--c-blue-6);
-    }
-
-    :deep(.dropdown-item__text__label) {
-        font-size: 12px;
-        line-height: 21px;
-        color: var(--c-blue-6);
-    }
-
-    :deep(.dropdown-item:first-of-type) {
-        border-radius: 8px 8px 0 0;
-    }
-
-    :deep(.dropdown-item:last-of-type) {
-        border-radius: 0 0 8px 8px;
-    }
-
-    :deep(.dropdown-item:hover) {
-        background-color: var(--c-grey-1);
-    }
-
-    :deep(.dropdown-item:hover h2),
-    :deep(.dropdown-item:hover p) {
-        color: var(--c-blue-3);
-    }
-
-    @media screen and (width <= 1280px) {
-
-        .navigation-area {
-            min-width: unset;
-            max-width: unset;
-
-            &__container__wrap {
-
-                &__border {
-                    margin: 8px 16px;
-                    width: calc(100% - 32px);
-                }
-
-                &__logo {
-                    display: none;
-                }
-
-                &__item-container {
-                    justify-content: center;
-                    align-items: center;
-                    padding: 10px 27px 10px 23px;
-
-                    &__left {
-                        flex-direction: column;
-
-                        &__label {
-                            font-family: 'font_medium', sans-serif;
-                            font-size: 9px;
-                            margin: 10px 0 0;
-                        }
-                    }
-
-                    &__arrow {
-                        display: none;
-                    }
-                }
-
-                &__small-logo {
-                    cursor: pointer;
-                    min-height: 40px;
-                    display: block;
-                }
-            }
-        }
-
-        .router-link-active,
-        .active {
-            font-family: 'font_medium', sans-serif;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/navigation/ProjectSelection.vue b/web/satellite/src/components/navigation/ProjectSelection.vue
deleted file mode 100644
index 5b599d1b9ddd..000000000000
--- a/web/satellite/src/components/navigation/ProjectSelection.vue
+++ /dev/null
@@ -1,631 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="projectSelection" class="project-selection">
-        <div
-            role="button"
-            tabindex="0"
-            class="project-selection__selected"
-            :class="{ active: isDropdownShown }"
-            aria-roledescription="project-selection"
-            @keyup.enter="toggleSelection"
-            @click.stop.prevent="toggleSelection"
-        >
-            <div class="project-selection__selected__left">
-                <ProjectIcon class="project-selection__selected__left__image" />
-                <p class="project-selection__selected__left__name" :title="selectedProject.name">{{ selectedProject.name }}</p>
-                <p class="project-selection__selected__left__placeholder">Projects</p>
-            </div>
-            <ArrowImage class="project-selection__selected__arrow" />
-        </div>
-        <div v-if="isDropdownShown" v-click-outside="closeDropdown" class="project-selection__dropdown" :style="style">
-            <div v-if="isLoading" class="project-selection__dropdown__loader-container">
-                <VLoader width="30px" height="30px" />
-            </div>
-
-            <template v-else>
-                <div v-if="ownProjects.length" class="project-selection__dropdown__section-head">
-                    <ProjectIcon />
-                    <span class="project-selection__dropdown__section-head__tag">My Projects</span>
-                </div>
-                <div class="project-selection__dropdown__items">
-                    <div
-                        v-for="project in ownProjects"
-                        :key="project.id"
-                        class="project-selection__dropdown__items__choice"
-                        @click.prevent.stop="onProjectSelected(project.id)"
-                        @keyup.enter="onProjectSelected(project.id)"
-                    >
-                        <div v-if="project.isSelected" class="project-selection__dropdown__items__choice__mark-container">
-                            <CheckmarkIcon class="project-selection__dropdown__items__choice__mark-container__image" />
-                        </div>
-                        <p
-                            :class="{
-                                'project-selection__dropdown__items__choice__unselected': !project.isSelected,
-                                'project-selection__dropdown__items__choice__selected': project.isSelected,
-                            }"
-                        >
-                            {{ project.name }}
-                        </p>
-                    </div>
-                </div>
-
-                <div v-if="sharedProjects.length" class="project-selection__dropdown__section-head shared">
-                    <ProjectIcon />
-                    <span class="project-selection__dropdown__section-head__tag shared">Shared with me</span>
-                </div>
-                <div class="project-selection__dropdown__items">
-                    <div
-                        v-for="project in sharedProjects"
-                        :key="project.id"
-                        class="project-selection__dropdown__items__choice"
-                        @click.prevent.stop="onProjectSelected(project.id)"
-                        @keyup.enter="onProjectSelected(project.id)"
-                    >
-                        <div v-if="project.isSelected" class="project-selection__dropdown__items__choice__mark-container">
-                            <CheckmarkIcon class="project-selection__dropdown__items__choice__mark-container__image" />
-                        </div>
-                        <p
-                            :class="{
-                                'project-selection__dropdown__items__choice__unselected': !project.isSelected,
-                                'project-selection__dropdown__items__choice__selected': project.isSelected,
-                            }"
-                        >
-                            {{ project.name }}
-                        </p>
-                    </div>
-                </div>
-            </template>
-
-            <div v-if="isProjectOwner" tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onProjectDetailsClick" @keyup.enter="onProjectDetailsClick">
-                <SettingsIcon />
-                <p class="project-selection__dropdown__link-container__label">Project Settings</p>
-            </div>
-            <div tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onAllProjectsClick" @keyup.enter="onAllProjectsClick">
-                <ProjectIcon />
-                <p class="project-selection__dropdown__link-container__label">All projects</p>
-            </div>
-            <div tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onManagePassphraseClick" @keyup.enter="onManagePassphraseClick">
-                <PassphraseIcon />
-                <p class="project-selection__dropdown__link-container__label">Manage Passphrase</p>
-            </div>
-            <div tabindex="0" class="project-selection__dropdown__link-container" @click.stop="onCreateLinkClick" @keyup.enter="onCreateLinkClick">
-                <CreateProjectIcon />
-                <p class="project-selection__dropdown__link-container__label">Create new project</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { LocalData } from '@/utils/localData';
-import { Project } from '@/types/projects';
-import { APP_STATE_DROPDOWNS, MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-
-import VLoader from '@/components/common/VLoader.vue';
-
-import ProjectIcon from '@/../static/images/navigation/project.svg';
-import ArrowImage from '@/../static/images/navigation/arrowExpandRight.svg';
-import CheckmarkIcon from '@/../static/images/navigation/checkmark.svg';
-import PassphraseIcon from '@/../static/images/navigation/passphrase.svg';
-import CreateProjectIcon from '@/../static/images/navigation/createProject.svg';
-import SettingsIcon from '@/../static/images/navigation/settings.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const pmStore = useProjectMembersStore();
-const billingStore = useBillingStore();
-const userStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const configStore = useConfigStore();
-
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-
-const FIRST_PAGE = 1;
-
-const dropdownYPos = ref<number>(0);
-const dropdownXPos = ref<number>(0);
-const isLoading = ref<boolean>(false);
-const projectSelection = ref<HTMLDivElement>();
-
-/**
- * Returns top and left position of dropdown.
- */
-const style = computed((): Record<string, string> => {
-    return { top: `${dropdownYPos.value}px`, left: `${dropdownXPos.value}px` };
-});
-
-/**
- * Indicates if current route is onboarding tour.
- */
-const isOnboardingTour = computed((): boolean => {
-    return route.path.includes(RouteConfig.OnboardingTour.path);
-});
-
-/*
- * Whether the user is the owner of the selected project.
- */
-const isProjectOwner = computed((): boolean => {
-    return userStore.state.user.id === projectsStore.state.selectedProject.ownerId;
-});
-
-/**
- * Indicates if dropdown is shown.
- */
-const isDropdownShown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.SELECT_PROJECT;
-});
-
-/**
- * Returns user's own projects.
- */
-const ownProjects = computed((): Project[] => {
-    const projects = projectsStore.projects.filter((p) => p.ownerId === userStore.state.user.id);
-    return projects.sort(compareProjects);
-});
-
-/**
- * Returns projects the user is invited to.
- */
-const sharedProjects = computed((): Project[] => {
-    const projects = projectsStore.projects.filter((p) => p.ownerId !== userStore.state.user.id);
-    return projects.sort(compareProjects);
-});
-
-/**
- * Returns selected project from store.
- */
-const selectedProject = computed((): Project => {
-    return projectsStore.state.selectedProject;
-});
-
-/**
- * Indicates if current route is objects view.
- */
-const isBucketsView = computed((): boolean => {
-    return route.path.includes(RouteConfig.Buckets.path);
-});
-
-/**
- * This comparator is used to sort projects by isSelected.
- */
-function compareProjects(a: Project, b: Project) {
-    if (a.isSelected) return -1;
-    if (b.isSelected) return 1;
-    return 0;
-}
-
-/**
- * Fetches projects related information and then toggles selection popup.
- */
-async function toggleSelection(): Promise<void> {
-    if (isOnboardingTour.value || !projectSelection.value) return;
-
-    const selectionContainer = projectSelection.value.getBoundingClientRect();
-
-    const FIVE_PIXELS = 5;
-    const TWENTY_PIXELS = 20;
-
-    dropdownYPos.value = selectionContainer.top - FIVE_PIXELS;
-    dropdownXPos.value = selectionContainer.right - TWENTY_PIXELS;
-
-    toggleDropdown();
-
-    if (isLoading.value || !isDropdownShown.value) return;
-
-    isLoading.value = true;
-
-    try {
-        await projectsStore.getProjects();
-        await projectsStore.getProjectLimits(selectedProject.value.id);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
-    } finally {
-        isLoading.value = false;
-    }
-}
-
-/**
- * Toggles project dropdown visibility.
- */
-function toggleDropdown(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.SELECT_PROJECT);
-}
-
-/**
- * Fetches all project related information.
- * @param projectID
- */
-async function onProjectSelected(projectID: string): Promise<void> {
-    analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
-    projectsStore.selectProject(projectID);
-    LocalData.setSelectedProjectId(projectID);
-    pmStore.setSearchQuery('');
-    closeDropdown();
-
-    bucketsStore.clearS3Data();
-    if (userStore.state.settings.passphrasePrompt) {
-        appStore.updateActiveModal(MODALS.enterPassphrase);
-    }
-
-    if (isBucketsView.value) {
-        await router.push(RouteConfig.Buckets.path).catch(() => {return; });
-
-        return;
-    }
-
-    if (route.name === RouteConfig.ProjectDashboard.name) {
-        const now = new Date();
-        const past = new Date();
-        past.setDate(past.getDate() - 30);
-
-        try {
-            await Promise.all([
-                projectsStore.getDailyProjectData({ since: past, before: now }),
-                billingStore.getProjectUsageAndChargesCurrentRollup(),
-                projectsStore.getProjectLimits(projectID),
-                bucketsStore.getBuckets(FIRST_PAGE, projectID),
-                agStore.getAccessGrants(FIRST_PAGE, projectID),
-                pmStore.getProjectMembers(FIRST_PAGE, projectID),
-            ]);
-        } catch (error) {
-            notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
-        }
-
-        return;
-    }
-
-    if (route.name === RouteConfig.AccessGrants.name) {
-        try {
-            await agStore.getAccessGrants(FIRST_PAGE, projectID);
-        } catch (error) {
-            notify.error(error.message, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
-        }
-
-        return;
-    }
-
-    if (route.name === RouteConfig.Team.name) {
-        try {
-            await pmStore.getProjectMembers(FIRST_PAGE, selectedProject.value.id);
-        } catch (error) {
-            notify.error(error.message, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
-        }
-    }
-}
-
-/**
- * Closes select project dropdown.
- */
-function closeDropdown(): void {
-    appStore.closeDropdowns();
-}
-
-/**
- * Route to all projects page.
- */
-function onAllProjectsClick(): void {
-    analyticsStore.pageVisit(RouteConfig.AllProjectsDashboard.path);
-    router.push(RouteConfig.AllProjectsDashboard.path);
-    closeDropdown();
-}
-
-/**
- * Route to project details page.
- */
-function onProjectDetailsClick(): void {
-    analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
-    router.push(RouteConfig.EditProjectDetails.path);
-    closeDropdown();
-}
-
-/**
- * Toggles manage passphrase modal shown.
- */
-function onManagePassphraseClick(): void {
-    appStore.updateActiveModal(MODALS.manageProjectPassphrase);
-
-    closeDropdown();
-}
-
-/**
- * Route to create project page.
- */
-function onCreateLinkClick(): void {
-    handleCreateProjectClick();
-    closeDropdown();
-}
-</script>
-
-<style scoped lang="scss">
-    .project-selection {
-        font-family: 'font_regular', sans-serif;
-        position: static;
-        width: 100%;
-
-        &__selected {
-            box-sizing: border-box;
-            padding: 22px 32px;
-            outline: none;
-            border: none;
-            border-left: 4px solid #fff;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            cursor: pointer;
-            position: static;
-
-            &__left {
-                display: flex;
-                align-items: center;
-                max-width: calc(100% - 16px);
-                color: var(--c-grey-6);
-
-                &__name {
-                    max-width: calc(100% - 24px - 16px);
-                    font-size: 14px;
-                    line-height: 20px;
-                    margin-left: 24px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                }
-
-                &__placeholder {
-                    display: none;
-                }
-            }
-
-            &:hover {
-                background-color: var(--c-grey-1);
-                border-color: var(--c-grey-1);
-
-                p {
-                    color: var(--c-blue-3);
-                }
-
-                :deep(path) {
-                    fill: var(--c-blue-3);
-                }
-            }
-
-            &:focus {
-                outline: none;
-                border-color: var(--c-grey-1);
-                background-color: var(--c-grey-1);
-                color: var(--c-blue-3);
-
-                p {
-                    color: var(--c-blue-3);
-                }
-
-                :deep(path) {
-                    fill: var(--c-blue-3);
-                }
-            }
-        }
-
-        &__dropdown {
-            position: absolute;
-            min-width: 240px;
-            max-width: 240px;
-            background-color: #fff;
-            border: 1px solid var(--c-grey-2);
-            box-shadow: 0 2px 16px rgb(0 0 0 / 10%);
-            border-radius: 8px;
-            z-index: 1;
-
-            &__loader-container {
-                margin: 10px 0;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border-radius: 8px 8px 0 0;
-            }
-
-            &__section-head {
-                display: flex;
-                align-items: center;
-                gap: 24px;
-                height: 48px;
-                box-sizing: border-box;
-                padding: 8px 16px;
-
-                &.shared {
-                    border-top: 1px solid var(--c-grey-2);
-                }
-
-                &__tag {
-                    border: 1px solid var(--c-purple-2);
-                    border-radius: 24px;
-                    padding: 2px 8px;
-                    text-align: center;
-                    font-size: 12px;
-                    font-weight: 600;
-                    line-height: 18px;
-                    color: var(--c-purple-4);
-                    background: var(--c-white);
-
-                    &.shared {
-                        border: 1px solid var(--c-yellow-2);
-                        color: var(--c-yellow-5);
-                    }
-                }
-            }
-
-            &__items {
-                overflow-y: auto;
-                max-height: 250px;
-                background-color: #fff;
-                border-radius: 6px;
-
-                &__choice {
-                    display: flex;
-                    align-items: center;
-                    padding: 8px 16px;
-                    cursor: pointer;
-                    height: 32px;
-                    border-radius: 8px 8px 0 0;
-
-                    &__selected,
-                    &__unselected {
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: var(--c-grey-6);
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                    }
-
-                    &__selected {
-                        font-family: 'font_bold', sans-serif;
-                        margin-left: 24px;
-                    }
-
-                    &__unselected {
-                        padding-left: 40px;
-                    }
-
-                    &:hover {
-                        background-color: #f5f6fa;
-
-                        p {
-                            color: var(--c-blue-3);
-                        }
-                    }
-
-                    &__mark-container {
-                        width: 16px;
-                        height: 16px;
-
-                        &__image {
-                            object-fit: cover;
-                        }
-                    }
-
-                    &:focus {
-                        background-color: #f5f6fa;
-                    }
-                }
-            }
-
-            &__link-container {
-                padding: 8px 16px;
-                height: 32px;
-                cursor: pointer;
-                display: flex;
-                align-items: center;
-                border-top: 1px solid var(--c-grey-2);
-
-                &__label {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-left: 24px;
-                }
-
-                &:last-of-type {
-                    border-radius: 0 0 8px 8px;
-                }
-
-                &:hover {
-                    background-color: #f5f6fa;
-
-                    p {
-                        color: var(--c-blue-3);
-                    }
-
-                    :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-
-                &:focus {
-                    background-color: #f5f6fa;
-                }
-            }
-        }
-    }
-
-    .active {
-        border-color: #000;
-
-        p {
-            color: var(--c-blue-6);
-            font-family: 'font_bold', sans-serif;
-        }
-
-        :deep(path) {
-            fill: #000;
-        }
-    }
-
-    .active:hover {
-        border-color: var(--c-blue-3);
-        background-color: #f7f8fb;
-
-        p {
-            color: var(--c-blue-3);
-        }
-
-        :deep(path) {
-            fill: var(--c-blue-3);
-        }
-    }
-
-    @media screen and (width <= 1280px) and (width >= 500px) {
-
-        .project-selection__selected {
-            padding: 10px 0;
-            justify-content: center;
-
-            &__left {
-                min-width: 18px;
-                flex-direction: column;
-                align-items: center;
-
-                &__name {
-                    display: none;
-                }
-
-                &__placeholder {
-                    display: block;
-                    margin: 10px 0 0;
-                    font-family: 'font_medium', sans-serif;
-                    font-size: 9px;
-                }
-            }
-
-            &__arrow {
-                display: none;
-            }
-        }
-
-        .active p {
-            font-family: 'font_medium', sans-serif;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/navigation/QuickStartLinks.vue b/web/satellite/src/components/navigation/QuickStartLinks.vue
deleted file mode 100644
index 3ede433a7c11..000000000000
--- a/web/satellite/src/components/navigation/QuickStartLinks.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div>
-        <div tabindex="0" class="dropdown-item" aria-roledescription="create-project-route" @click.stop="navigateToNewProject" @keyup.enter="navigateToNewProject">
-            <NewProjectIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">New Project</h2>
-                <p class="dropdown-item__text__label">Create a new project.</p>
-            </div>
-        </div>
-        <div tabindex="0" class="dropdown-item" aria-roledescription="create-ag-route" @click.stop="navigateToCreateAG" @keyup.enter="navigateToCreateAG">
-            <CreateAGIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Create an Access Grant</h2>
-                <p class="dropdown-item__text__label">Start the wizard to create a new access grant.</p>
-            </div>
-        </div>
-        <div tabindex="0" class="dropdown-item" aria-roledescription="create-s3-credentials-route" @click.stop="navigateToAccessGrantS3" @keyup.enter="navigateToAccessGrantS3">
-            <S3Icon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Create S3 Gateway Credentials</h2>
-                <p class="dropdown-item__text__label">Start the wizard to generate S3 credentials.</p>
-            </div>
-        </div>
-        <div tabindex="0" class="dropdown-item" aria-roledescription="objects-route" @click.stop="navigateToBuckets" @keyup.enter="navigateToBuckets">
-            <UploadInWebIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Upload in Web</h2>
-                <p class="dropdown-item__text__label">Start uploading files in the web browser.</p>
-            </div>
-        </div>
-        <div tabindex="0" class="dropdown-item" aria-roledescription="cli-flow-route" @click.stop="navigateToCLIFlow" @keyup.enter="navigateToCLIFlow">
-            <UploadInCLIIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Upload using CLI</h2>
-                <p class="dropdown-item__text__label">Start guide for using the Uplink CLI.</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router';
-
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { RouteConfig } from '@/types/router';
-import { AccessType } from '@/types/createAccessGrant';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-
-import NewProjectIcon from '@/../static/images/navigation/newProject.svg';
-import CreateAGIcon from '@/../static/images/navigation/createAccessGrant.svg';
-import S3Icon from '@/../static/images/navigation/s3.svg';
-import UploadInCLIIcon from '@/../static/images/navigation/uploadInCLI.svg';
-import UploadInWebIcon from '@/../static/images/navigation/uploadInWeb.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const router = useRouter();
-const route = useRoute();
-
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-
-const props = withDefaults(defineProps<{
-    closeDropdowns?: () => void;
-}>(), {
-    closeDropdowns: () => {},
-});
-
-/**
- * Redirects to create project screen.
- */
-function navigateToCreateAG(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.CREATE_AN_ACCESS_GRANT_CLICKED);
-    props.closeDropdowns();
-
-    analyticsStore.pageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
-    router.push({
-        name: RouteConfig.CreateAccessModal.name,
-        query: { accessType: AccessType.AccessGrant },
-    }).catch(() => {return;});
-}
-
-/**
- * Redirects to Create Access Modal with "s3" access type preselected
- */
-function navigateToAccessGrantS3(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.CREATE_S3_CREDENTIALS_CLICKED);
-    props.closeDropdowns();
-
-    analyticsStore.pageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
-    router.push({
-        name: RouteConfig.CreateAccessModal.name,
-        query: { accessType: AccessType.S3 },
-    }).catch(() => {return;});
-}
-
-/**
- * Redirects to objects screen.
- */
-function navigateToBuckets(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_IN_WEB_CLICKED);
-    props.closeDropdowns();
-    analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
-    router.push(RouteConfig.Buckets.path).catch(() => {return;});
-}
-
-/**
- * Redirects to onboarding CLI flow screen.
- */
-function navigateToCLIFlow(): void {
-    analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_USING_CLI_CLICKED);
-    props.closeDropdowns();
-    appStore.setOnboardingBackRoute(route.path);
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
-    router.push({ name: RouteConfig.AGName.name });
-}
-
-/**
- * Redirects to create access grant screen.
- */
-function navigateToNewProject(): void {
-    handleCreateProjectClick();
-    props.closeDropdowns();
-}
-</script>
-
-<style scoped lang="scss">
-    .dropdown-item:focus {
-        background-color: #f5f6fa;
-    }
-</style>
diff --git a/web/satellite/src/components/navigation/ResourcesLinks.vue b/web/satellite/src/components/navigation/ResourcesLinks.vue
deleted file mode 100644
index bceab7fa67b6..000000000000
--- a/web/satellite/src/components/navigation/ResourcesLinks.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div>
-        <a
-            class="dropdown-item"
-            href="https://docs.storj.io/"
-            target="_blank"
-            rel="noopener noreferrer"
-            @click.prevent="trackViewDocsEvent('https://docs.storj.io/')"
-        >
-            <DocsIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Docs</h2>
-                <p class="dropdown-item__text__label">Documentation for Storj</p>
-            </div>
-        </a>
-        <a
-            class="dropdown-item"
-            href="https://forum.storj.io/"
-            target="_blank"
-            rel="noopener noreferrer"
-            @click.prevent="trackViewForumEvent('https://forum.storj.io/')"
-        >
-            <ForumIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Forum</h2>
-                <p class="dropdown-item__text__label">Join our global community</p>
-            </div>
-        </a>
-        <a
-            class="dropdown-item"
-            href="https://supportdcs.storj.io/hc/en-us"
-            target="_blank"
-            rel="noopener noreferrer"
-            @click.prevent="trackViewSupportEvent('https://supportdcs.storj.io/hc/en-us')"
-        >
-            <SupportIcon class="dropdown-item__icon" />
-            <div class="dropdown-item__text">
-                <h2 class="dropdown-item__text__title">Support</h2>
-                <p class="dropdown-item__text__label">Get technical support</p>
-            </div>
-        </a>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import DocsIcon from '@/../static/images/navigation/docs.svg';
-import ForumIcon from '@/../static/images/navigation/forum.svg';
-import SupportIcon from '@/../static/images/navigation/support.svg';
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Sends "View Docs" event to segment and opens link.
- */
-function trackViewDocsEvent(link: string): void {
-    analyticsStore.pageVisit(link);
-    analyticsStore.eventTriggered(AnalyticsEvent.VIEW_DOCS_CLICKED);
-    window.open(link);
-}
-
-/**
- * Sends "View Forum" event to segment and opens link.
- */
-function trackViewForumEvent(link: string): void {
-    analyticsStore.pageVisit(link);
-    analyticsStore.eventTriggered(AnalyticsEvent.VIEW_FORUM_CLICKED);
-    window.open(link);
-}
-
-/**
- * Sends "View Support" event to segment and opens link.
- */
-function trackViewSupportEvent(link: string): void {
-    analyticsStore.pageVisit(link);
-    analyticsStore.eventTriggered(AnalyticsEvent.VIEW_SUPPORT_CLICKED);
-    window.open(link);
-}
-</script>
-
-<style scoped lang="scss">
-    .dropdown-item:focus {
-        background-color: #f5f6fa;
-        outline: var(--c-blue-3);
-    }
-</style>
diff --git a/web/satellite/src/components/notifications/NotificationArea.vue b/web/satellite/src/components/notifications/NotificationArea.vue
deleted file mode 100644
index 3aff46060d22..000000000000
--- a/web/satellite/src/components/notifications/NotificationArea.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-if="doNotificationsExist" class="notification-container">
-        <NotificationItem
-            v-for="notification in notifications"
-            :key="notification.id"
-            :notification="notification"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { DelayedNotification } from '@/types/DelayedNotification';
-import { useNotificationsStore } from '@/store/modules/notificationsStore';
-
-import NotificationItem from '@/components/notifications/NotificationItem.vue';
-
-const notificationsStore = useNotificationsStore();
-
-/**
- * Returns all notification queue from store.
- */
-const notifications = computed((): DelayedNotification[] => {
-    return notificationsStore.state.notificationQueue as DelayedNotification[];
-});
-
-/**
- * Indicates if any notifications are in queue.
- */
-const doNotificationsExist = computed((): boolean => {
-    return notifications.value.length > 0;
-});
-</script>
-
-<style scoped lang="scss">
-    .notification-container {
-        width: 417px;
-        background-color: transparent;
-        display: flex;
-        flex-direction: column;
-        position: fixed;
-        top: 114px;
-        right: 17px;
-        align-items: flex-end;
-        justify-content: space-between;
-        border-radius: 12px;
-        z-index: 9999;
-        overflow: hidden;
-
-        @media screen and (width <= 450px) {
-            width: unset;
-            left: 17px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/notifications/NotificationItem.vue b/web/satellite/src/components/notifications/NotificationItem.vue
deleted file mode 100644
index cfa05d55acdc..000000000000
--- a/web/satellite/src/components/notifications/NotificationItem.vue
+++ /dev/null
@@ -1,232 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div
-        :style="{ backgroundColor: notification.backgroundColor }"
-        class="notification-wrap"
-        :class="{ active: isClassActive }"
-        @mouseover="onMouseOver"
-        @mouseleave="onMouseLeave"
-    >
-        <div class="notification-wrap__content-area">
-            <div class="notification-wrap__content-area__image">
-                <component :is="notification.icon" />
-            </div>
-            <div class="notification-wrap__content-area__message-area">
-                <p ref="messageArea" class="notification-wrap__content-area__message">
-                    <component :is="notification.messageNode" />
-                </p>
-
-                <p v-if="isTimeoutMentioned && notOnSettingsPage" class="notification-wrap__content-area__account-msg">
-                    To change this go to your
-                    <router-link :to="settingsRoute" class="notification-wrap__content-area__account-msg__link">
-                        account settings
-                    </router-link>
-                </p>
-
-                <a
-                    v-if="isSupportLinkMentioned"
-                    :href="requestURL"
-                    class="notification-wrap__content-area__link"
-                    target="_blank"
-                >
-                    {{ requestURL }}
-                </a>
-            </div>
-        </div>
-        <div class="notification-wrap__buttons-group" @click="onCloseClick">
-            <span class="notification-wrap__buttons-group__close">
-                <CloseIcon />
-            </span>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { DelayedNotification, NotificationType } from '@/types/DelayedNotification';
-import { useNotificationsStore } from '@/store/modules/notificationsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { RouteConfig } from '@/types/router';
-
-import CloseIcon from '@/../static/images/notifications/close.svg';
-
-const configStore = useConfigStore();
-const notificationsStore = useNotificationsStore();
-const route = useRoute();
-
-const props = withDefaults(defineProps<{
-    notification: DelayedNotification;
-}>(), {
-    notification: () => new DelayedNotification(() => {}, NotificationType.Info, ''),
-});
-
-const isClassActive = ref<boolean>(false);
-const isTimeoutMentioned = ref<boolean>(false);
-const isSupportLinkMentioned = ref<boolean>(false);
-const messageArea = ref<HTMLParagraphElement | null>(null);
-
-/**
- * Returns the correct settings route based on if we're on all projects dashboard.
- */
-const settingsRoute = computed((): string => {
-    if (
-        route.path.includes(RouteConfig.AllProjectsDashboard.path)
-        || route.path.includes(RouteConfig.AccountSettings.path)
-    ) {
-        return RouteConfig.AccountSettings.with(RouteConfig.Settings2).path;
-    }
-
-    return RouteConfig.Account.with(RouteConfig.Settings).path;
-});
-
-/**
- * Returns the URL for the general request page from the store.
- */
-const requestURL = computed((): string => {
-    return configStore.state.config.generalRequestURL;
-});
-
-/**
- * Returns whether we are not on a settings page.
- */
-const notOnSettingsPage = computed((): boolean => {
-    return route.name !== RouteConfig.Settings.name
-        && route.name !== RouteConfig.Settings2.name;
-});
-
-/**
- * Forces notification deletion.
- */
-function onCloseClick(): void {
-    notificationsStore.deleteNotification(props.notification.id);
-}
-
-/**
- * Forces notification to stay on page on mouse over it.
- */
-function onMouseOver(): void {
-    notificationsStore.pauseNotification(props.notification.id);
-}
-
-/**
- * Resume notification flow when mouse leaves notification.
- */
-function onMouseLeave(): void {
-    notificationsStore.resumeNotification(props.notification.id);
-}
-
-/**
- * Uses for class change for animation.
- */
-onMounted((): void => {
-    const msg = messageArea.value?.innerText.toLowerCase() || '';
-    isSupportLinkMentioned.value = msg.includes('support');
-    isTimeoutMentioned.value = msg.includes('session timeout');
-
-    setTimeout(() => {
-        isClassActive.value = true;
-    }, 100);
-});
-</script>
-
-<style scoped lang="scss">
-    .notification-wrap {
-        position: relative;
-        right: -100%;
-        width: calc(100% - 40px);
-        height: auto;
-        display: flex;
-        justify-content: space-between;
-        padding: 20px;
-        align-items: center;
-        border-radius: 12px;
-        margin-bottom: 7px;
-        transition: all 0.3s;
-
-        &__content-area {
-            display: flex;
-            align-items: center;
-            font-family: 'font_medium', sans-serif;
-            font-size: 14px;
-
-            &__image {
-                max-height: 40px;
-            }
-
-            &__message-area {
-                display: flex;
-                flex-direction: column;
-                align-items: flex-start;
-                justify-content: space-between;
-                margin: 0 0 0 17px;
-            }
-
-            &__message,
-            &__link {
-                height: auto;
-                width: 270px;
-                word-break: break-word;
-
-                @media screen and (width <= 450px) {
-                    width: unset;
-                }
-            }
-
-            &__link {
-                margin-top: 5px;
-                color: #224ca5;
-                text-decoration: underline;
-                cursor: pointer;
-                word-break: normal;
-            }
-
-            &__account-msg {
-                margin-top: 20px;
-
-                &__link {
-                    display: block;
-                    color: var(--c-black);
-                    text-decoration: underline;
-                    cursor: pointer;
-                }
-            }
-        }
-
-        &__buttons-group {
-            display: flex;
-
-            &__close {
-                width: 32px;
-                height: 32px;
-                cursor: pointer;
-            }
-        }
-    }
-
-    .active {
-        right: 0;
-    }
-</style>
-
-<style lang="scss">
-.message-title,
-.message-info {
-    font-family: 'font_medium', sans-serif;
-    font-size: 14px;
-    line-height: 20px;
-}
-
-.message-info {
-    font-family: 'font_regular', sans-serif;
-}
-
-.message-footer {
-    font-family: 'font_regular', sans-serif;
-    font-size: 12px;
-    line-height: 20px;
-}
-</style>
diff --git a/web/satellite/src/components/notifications/ProjectLimitBanner.vue b/web/satellite/src/components/notifications/ProjectLimitBanner.vue
deleted file mode 100644
index 07d2e4278db9..000000000000
--- a/web/satellite/src/components/notifications/ProjectLimitBanner.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <v-banner
-        severity="warning"
-        :title="bannerTextData.title"
-        :message="bannerTextData.body"
-        :link-text="isPaidTier ? 'Request Limit Increase' : 'Upgrade Now'"
-        :href="isPaidTier ? projectLimitsIncreaseRequestURL : undefined"
-        :dashboard-ref="dashboardRef"
-        :on-close="onClose"
-        :on-link-click="onUpgradeClicked"
-    />
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { LocalData } from '@/utils/localData';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VBanner from '@/components/common/VBanner.vue';
-
-const configStore = useConfigStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-
-const props = defineProps<{
-    dashboardRef: HTMLElement;
-    onUpgradeClicked: () => void;
-}>();
-
-const bannerTextData = computed((): { title: string, body: string } => {
-    if (isPaidTier.value) {
-        return {
-            title: 'Reached project limits.',
-            body: ` You have used ${projectsCount.value} of your ${projectLimit.value} available projects.`,
-        };
-    }
-    return {
-        title: 'Need more projects?',
-        body: 'Upgrade to a Pro Account and use up to three projects immediately.',
-    };
-});
-
-const projectLimitsIncreaseRequestURL = computed((): string => {
-    return configStore.state.config.projectLimitsIncreaseRequestURL;
-});
-
-/**
- * Returns whether user is in paid tier.
- */
-const isPaidTier = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * Returns user's projects count.
- */
-const projectsCount = computed((): number => {
-    return projectsStore.projectsCount(usersStore.state.user.id);
-});
-
-/**
- * Returns project limit from store.
- */
-const projectLimit = computed((): number => {
-    const projectLimit: number = usersStore.state.user.projectLimit;
-    if (projectLimit < projectsCount.value) return projectsCount.value;
-
-    return projectLimit;
-});
-
-function onClose() {
-    LocalData.setProjectLimitBannerHidden();
-}
-</script>
diff --git a/web/satellite/src/components/notifications/UpgradeNotification.vue b/web/satellite/src/components/notifications/UpgradeNotification.vue
deleted file mode 100644
index 75b2f81b8f1e..000000000000
--- a/web/satellite/src/components/notifications/UpgradeNotification.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-if="isBannerShowing" class="notification-wrap">
-        <SunnyIcon class="notification-wrap__icon" />
-        <div class="notification-wrap__text">
-            <p>
-                Ready to upgrade? Increase your limits and only pay for what you use - no minimum.
-                {{ formattedStorageLimit }} free still included.
-            </p>
-            <a @click="openBanner">Upgrade Now</a>
-        </div>
-        <CloseIcon class="notification-wrap__close" @click="onCloseClick" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { Size } from '@/utils/bytesSize';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import SunnyIcon from '@/../static/images/notifications/sunnyicon.svg';
-import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
-
-const props = defineProps<{
-    openAddPMModal: () => void,
-}>();
-
-const analyticsStore = useAnalyticsStore();
-const usersStore = useUsersStore();
-
-const isBannerShowing = ref<boolean>(true);
-
-/**
- * Closes notification.
- */
-function onCloseClick(): void {
-    isBannerShowing.value = false;
-}
-
-/**
- * Returns the user's project storage limit from the store formatted as a size string.
- */
-const formattedStorageLimit = computed((): string => {
-    return Size.toBase10String(usersStore.state.user.projectStorageLimit);
-});
-
-/**
- * Send analytics event to segment when Upgrade Account banner is clicked.
- */
-async function openBanner(): Promise<void> {
-    props.openAddPMModal();
-    analyticsStore.eventTriggered(AnalyticsEvent.UPGRADE_BANNER_CLICKED);
-}
-</script>
-
-<style scoped lang="scss">
-.notification-wrap {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 16px;
-    padding: 16px;
-    font-family: 'font_regular', sans-serif;
-    font-size: 1rem;
-    background-color: var(--c-white);
-    border: 1px solid var(--c-blue-2);
-    border-radius: 10px;
-    box-shadow: 0 7px 20px rgba(0 0 0 / 15%);
-
-    &__icon {
-        flex-shrink: 0;
-    }
-
-    &__text {
-        display: flex;
-        align-items: center;
-        gap: 6px;
-        flex-grow: 1;
-
-        & a {
-            color: var(--c-black);
-            text-decoration: underline !important;
-            white-space: nowrap;
-        }
-
-        @media screen and (width <= 500px) {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-    }
-
-    &__close {
-        flex-shrink: 0;
-        cursor: pointer;
-    }
-
-    @media screen and (width <= 500px) {
-        align-items: flex-start;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/notifications/UploadNotification.vue b/web/satellite/src/components/notifications/UploadNotification.vue
deleted file mode 100644
index 1f6f19a117c3..000000000000
--- a/web/satellite/src/components/notifications/UploadNotification.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="notification-wrap__content" :class="{ 'notification-wrap__info-colors': infoNotification }">
-        <component :is="notificationIcon" class="notification-wrap__content__icon" />
-        <div class="notification-wrap__content__middle">
-            <p class="text"><b>{{ wordingBold }}</b> {{ wording }}</p>
-            <a target="_blank" href="https://docs.storj.io/dcs/getting-started/quickstart-objectbrowser#WeS6v">See documentation</a>
-        </div>
-        <CloseIcon class="notification-wrap__content__close" @click="onCloseClick" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
-
-const props = defineProps<{
-    wordingBold: string;
-    wording: string;
-    notificationIcon: string;
-    infoNotification: boolean;
-    onCloseClick: () => void;
-}>();
-
-</script>
-
-<style scoped lang="scss">
-    .notification-wrap {
-
-        &__content {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            background-color: #fff;
-            border: 1px solid rgb(56 75 101 / 40%);
-            padding: 16px;
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            border-radius: 16px;
-            box-shadow: 0 7px 20px rgba(0 0 0 / 15%);
-
-            &__icon {
-                flex-shrink: 0;
-                margin-right: 16px;
-            }
-
-            &__middle {
-                display: flex;
-                flex-flow: row wrap;
-                justify-content: space-between;
-                width: 100%;
-                gap: 16px;
-
-                & b {
-                    font-family: 'font_medium', sans-serif;
-                }
-
-                & a {
-                    color: black;
-                    text-decoration: underline;
-                }
-            }
-
-            &__close {
-                flex-shrink: 0;
-                margin-left: 16px;
-                cursor: pointer;
-            }
-        }
-
-        &__info-colors {
-            background-color: var(--c-blue-2);
-            border: 1px solid #a5beff;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/BucketDetails.vue b/web/satellite/src/components/objects/BucketDetails.vue
deleted file mode 100644
index d97855ae3ee0..000000000000
--- a/web/satellite/src/components/objects/BucketDetails.vue
+++ /dev/null
@@ -1,201 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="bucket-details">
-        <div class="bucket-details__header">
-            <div class="bucket-details__header__left-area">
-                <p class="bucket-details__header__left-area link" @click.stop="redirectToBucketsPage">Buckets</p>
-                <arrow-right-icon />
-                <p class="bold link" @click.stop="openBucket">{{ bucket.name }}</p>
-                <arrow-right-icon />
-                <p>Bucket Details</p>
-            </div>
-            <div class="bucket-details__header__right-area">
-                <p>{{ bucket.name }} created at {{ creationDate }}</p>
-            </div>
-        </div>
-        <VButton
-            class="bucket-details__button"
-            width="unset"
-            border-radius="8px"
-            font-size="12px"
-            icon="back"
-            label="Back"
-            is-white
-            :on-press="openBucket"
-        />
-        <bucket-details-overview :bucket="bucket" />
-        <VOverallLoader v-if="isLoading" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { Bucket } from '@/types/buckets';
-import { RouteConfig } from '@/types/router';
-import { MONTHS_NAMES } from '@/utils/constants/date';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { EdgeCredentials } from '@/types/accessGrants';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import BucketDetailsOverview from '@/components/objects/BucketDetailsOverview.vue';
-import VOverallLoader from '@/components/common/VOverallLoader.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import ArrowRightIcon from '@/../static/images/common/arrowRight.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const isLoading = ref<boolean>(false);
-
-/**
- * Returns condition if user has to be prompt for passphrase from store.
- */
-const promptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Returns edge credentials from store.
- */
-const edgeCredentials = computed((): EdgeCredentials => {
-    return bucketsStore.state.edgeCredentials;
-});
-
-/**
- * Bucket from store found by router prop.
- */
-const bucket = computed((): Bucket => {
-    if (!projectsStore.state.selectedProject.id) return new Bucket();
-
-    const data = bucketsStore.state.page.buckets.find(
-        (bucket: Bucket) => bucket.name === route.query.bucketName,
-    );
-
-    if (!data) {
-        redirectToBucketsPage();
-
-        return new Bucket();
-    }
-
-    return data;
-});
-
-const creationDate = computed((): string => {
-    return `${bucket.value.since.getUTCDate()} ${MONTHS_NAMES[bucket.value.since.getUTCMonth()]} ${bucket.value.since.getUTCFullYear()}`;
-});
-
-function redirectToBucketsPage(): void {
-    router.push({ name: RouteConfig.BucketsManagement.name }).catch(() => {return;});
-}
-
-/**
- * Holds on bucket click. Proceeds to file browser.
- */
-async function openBucket(): Promise<void> {
-    bucketsStore.setFileComponentBucketName(bucket.value.name);
-
-    if (route.query.backRoute === RouteConfig.UploadFileChildren.name || !promptForPassphrase.value) {
-        if (!edgeCredentials.value.accessKeyId) {
-            isLoading.value = true;
-
-            try {
-                await bucketsStore.setS3Client(projectsStore.state.selectedProject.id);
-                isLoading.value = false;
-            } catch (error) {
-                notify.notifyError(error, AnalyticsErrorEventSource.BUCKET_DETAILS_PAGE);
-                isLoading.value = false;
-                return;
-            }
-        }
-
-        analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-        await router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-
-        return;
-    }
-
-    appStore.updateActiveModal(MODALS.enterBucketPassphrase);
-}
-
-/**
- * Lifecycle hook before initial render.
- * Checks if bucket name was passed as route param.
- */
-onBeforeMount((): void => {
-    if (!route.query.bucketName) {
-        redirectToBucketsPage();
-    }
-});
-</script>
-
-<style lang="scss" scoped>
-.bucket-details {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        font-family: 'font_regular', sans-serif;
-        color: #1b2533;
-
-        &__left-area {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-
-            svg {
-                margin: 0 15px;
-            }
-
-            .bold {
-                font-family: 'font_bold', sans-serif;
-            }
-
-            .link {
-                cursor: pointer;
-            }
-        }
-
-        &__right-area {
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-
-            p {
-                opacity: 0.2;
-                margin-right: 17px;
-            }
-        }
-    }
-
-    &__button {
-        padding: 6px 16px;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-        align-self: flex-start;
-
-        :deep(.label) {
-            color: var(--c-black) !important;
-            line-height: 20px;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/objects/BucketDetailsOverview.vue b/web/satellite/src/components/objects/BucketDetailsOverview.vue
deleted file mode 100644
index 26b251149bce..000000000000
--- a/web/satellite/src/components/objects/BucketDetailsOverview.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table class="bucket-details-overview" border="0" cellpadding="0" cellspacing="0">
-        <tr v-for="item in tableData" :key="item.label" class="bucket-details-overview__item">
-            <th class="align-left bold title-row">{{ item.label }}</th>
-            <th class="align-left">{{ item.value }}</th>
-        </tr>
-    </table>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { Bucket } from '@/types/buckets';
-
-type TableData = { label: string, value: string }[];
-
-const props = withDefaults(defineProps<{
-    bucket: Bucket;
-}>(), {
-    bucket: () => new Bucket(),
-});
-
-const tableData = computed((): TableData => {
-    return [
-        { label: 'Name', value: props.bucket.name },
-        { label: 'Date Created', value: props.bucket.since.toUTCString() },
-        { label: 'Last Updated', value: props.bucket.before.toUTCString() },
-        { label: 'Object Count', value: `${props.bucket.objectCount}` },
-    ];
-});
-</script>
-
-<style lang="scss" scoped>
-    .bucket-details-overview {
-        color: var(--c-grey-6);
-        font-family: 'font_regular', sans-serif;
-        font-size: 14px;
-        line-height: 20px;
-        padding: 10px 0;
-        background: #fff;
-        border-radius: 8px;
-        width: 100%;
-        border: 1px solid #dadfe7;
-
-        &__item {
-            height: 56px;
-            text-align: right;
-
-            th {
-                box-sizing: border-box;
-                padding: 0 32px;
-                min-width: 140px;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                position: relative;
-                overflow: hidden;
-            }
-
-            &:nth-of-type(odd) {
-                background: #fafafa;
-            }
-        }
-    }
-
-    .title-row {
-        width: 20%;
-    }
-
-    .align-left {
-        text-align: left;
-    }
-
-    .bold {
-        font-family: 'font_bold', sans-serif;
-    }
-</style>
diff --git a/web/satellite/src/components/objects/BucketGuide.vue b/web/satellite/src/components/objects/BucketGuide.vue
deleted file mode 100644
index 654c4f013499..000000000000
--- a/web/satellite/src/components/objects/BucketGuide.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="bucket-guide" @click.stop>
-        <p class="bucket-guide__title">Upload</p>
-        <p class="bucket-guide__content">To upload files, open an existing bucket or create a new one.</p>
-        <div class="bucket-guide__actions">
-            <div class="bucket-guide__actions__primary" @click.stop="hideGuide">
-                <p class="bucket-guide__actions__primary__label">OK</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-    hideGuide: () => void;
-}>(), {
-    hideGuide: () => {},
-});
-</script>
-
-<style scoped lang="scss">
-    .bucket-guide {
-        position: absolute;
-        top: 25px;
-        left: -26px;
-        width: 25rem;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        background-color: #0149ff;
-        text-align: center;
-        border-radius: 8px;
-        box-sizing: border-box;
-        padding: 20px;
-        z-index: 1001;
-        cursor: default;
-        font-family: 'font_regular', sans-serif;
-
-        &:after {
-            content: '';
-            position: absolute;
-            bottom: 100%;
-            left: 20px;
-            border-width: 10px;
-            border-style: solid;
-            border-color: #0149ff transparent transparent;
-            transform: rotate(180deg);
-        }
-
-        &__title {
-            font-weight: 400;
-            font-size: 12px;
-            line-height: 18px;
-            color: white;
-            opacity: 0.5;
-            margin-bottom: 4px;
-        }
-
-        &__content {
-            color: white;
-            font-weight: 500;
-            font-size: 15px;
-            line-height: 24px;
-            margin-bottom: 8px;
-            white-space: initial;
-            text-align: start;
-        }
-
-        &__actions {
-            display: flex;
-            justify-content: flex-end;
-            align-items: center;
-            width: 100%;
-
-            &__primary {
-                padding: 6px 12px;
-                border-radius: 8px;
-                background-color: white;
-                margin-left: 10px;
-                cursor: pointer;
-
-                &__label {
-                    font-weight: 700;
-                    font-size: 13px;
-                    line-height: 20px;
-                    color: #0149ff;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/BucketItem.vue b/web/satellite/src/components/objects/BucketItem.vue
deleted file mode 100644
index 07ef0d4061fe..000000000000
--- a/web/satellite/src/components/objects/BucketItem.vue
+++ /dev/null
@@ -1,331 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        :item="itemToRender"
-        :on-click="onClick"
-        :on-primary-click="onClick"
-        :show-guide="shouldShowGuide"
-        :hide-guide="hideGuidePermanently"
-        item-type="bucket"
-    >
-        <template #options>
-            <th v-click-outside="closeDropdown" :class="{active: isDropdownOpen}" class="bucket-item__functional options overflow-visible" @click.stop="openDropdown(dropdownKey)">
-                <dots-icon />
-                <div v-if="isDropdownOpen" class="bucket-item__functional__dropdown">
-                    <div class="bucket-item__functional__dropdown__item" @click.stop="onDetailsClick">
-                        <details-icon />
-                        <p class="bucket-item__functional__dropdown__item__label">View Bucket Details</p>
-                    </div>
-                    <div class="bucket-item__functional__dropdown__item" @click.stop="onShareClick">
-                        <share-icon />
-                        <p class="bucket-item__functional__dropdown__item__label">Share Bucket</p>
-                    </div>
-                    <div class="bucket-item__functional__dropdown__item delete" @click.stop="onDeleteClick">
-                        <delete-icon />
-                        <p class="bucket-item__functional__dropdown__item__label">Delete Bucket</p>
-                    </div>
-                </div>
-            </th>
-        </template>
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { Bucket } from '@/types/buckets';
-import { LocalData } from '@/utils/localData';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useResize } from '@/composables/resize';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { ShareType } from '@/types/browser';
-
-import TableItem from '@/components/common/TableItem.vue';
-
-import DeleteIcon from '@/../static/images/objects/delete.svg';
-import DetailsIcon from '@/../static/images/objects/details.svg';
-import ShareIcon from '@/../static/images/objects/share.svg';
-import DotsIcon from '@/../static/images/objects/dots.svg';
-
-const appStore = useAppStore();
-const bucketsStore = useBucketsStore();
-const router = useRouter();
-const route = useRoute();
-const { screenWidth } = useResize();
-
-const props = withDefaults(defineProps<{
-    itemData: Bucket;
-    openDropdown: (key: number) => void;
-    onClick: (bucket: string) => void;
-    isDropdownOpen: boolean;
-    showGuide: boolean;
-    dropdownKey: number;
-}>(), {
-    itemData: () => new Bucket(),
-    openDropdown: (_: number) => {},
-    onClick: (_: string) => {},
-    isDropdownOpen: false,
-    showGuide: true,
-    dropdownKey: -1,
-});
-
-const isGuideShown = ref<boolean>(true);
-
-const shouldShowGuide = computed((): boolean => {
-    return props.showGuide && isGuideShown.value;
-});
-
-/**
- * Returns formatted date.
- */
-const formattedDate = computed((): string => {
-    return props.itemData.since.toLocaleString('en-US', { day: '2-digit', month: 'numeric', year: 'numeric' }) || '';
-});
-
-const itemToRender = computed((): { [key: string]: string | string[] } => {
-    if (screenWidth.value > 875) return {
-        name: props.itemData.name,
-        storage: `${props.itemData.storage.toFixed(2)}GB`,
-        bandwidth: `${props.itemData.egress.toFixed(2)}GB`,
-        objects: props.itemData.objectCount.toString(),
-        segments: props.itemData.segmentCount.toString(),
-        date: formattedDate.value,
-    };
-
-    return { info: [
-        props.itemData.name,
-        `Storage ${props.itemData.storage.toFixed(2)}GB`,
-        `Egress ${props.itemData.egress.toFixed(2)}GB`,
-        `Objects ${props.itemData.objectCount.toString()}`,
-        `Segments ${props.itemData.segmentCount.toString()}`,
-        `Created ${formattedDate.value}`,
-    ] };
-});
-
-/**
- * Permanently hide the upload guide
- */
-function hideGuidePermanently(): void {
-    isGuideShown.value = false;
-    LocalData.setBucketGuideHidden();
-}
-
-/**
- * Closes dropdown.
- */
-function closeDropdown(): void {
-    props.openDropdown(-1);
-}
-
-/**
- * Holds on delete click logic.
- */
-function onDeleteClick(): void {
-    bucketsStore.setBucketToDelete(props.itemData.name);
-    appStore.updateActiveModal(MODALS.deleteBucket);
-    closeDropdown();
-}
-
-/**
- * Redirects to bucket details page.
- */
-function onDetailsClick(): void {
-    router.push({
-        name: RouteConfig.Buckets.with(RouteConfig.BucketsDetails).name,
-        query: {
-            bucketName: props.itemData.name,
-            backRoute: route.name as string || '',
-        },
-    });
-
-    closeDropdown();
-}
-
-/**
- * Opens the Share modal for this bucket.
- */
-function onShareClick(): void {
-    bucketsStore.setFileComponentBucketName(props.itemData.name);
-    appStore.setShareModalType(ShareType.Bucket);
-
-    if (bucketsStore.state.promptForPassphrase) {
-        appStore.updateActiveModal(MODALS.enterBucketPassphrase);
-        bucketsStore.setEnterPassphraseCallback((): void => {
-            appStore.updateActiveModal(MODALS.share);
-        });
-        return;
-    }
-    appStore.updateActiveModal(MODALS.share);
-}
-
-onMounted((): void => {
-    isGuideShown.value = !LocalData.getBucketGuideHidden();
-});
-</script>
-
-<style scoped lang="scss">
-    .bucket-item {
-
-        &__functional {
-            padding: 0 10px;
-            cursor: pointer;
-            pointer-events: auto;
-            position: relative;
-
-            &__dropdown {
-                position: absolute;
-                top: 25px;
-                right: 15px;
-                background: #fff;
-                box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-                border-radius: 6px;
-                width: 255px;
-                z-index: 100;
-                overflow: hidden;
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    padding: 20px 25px;
-                    width: calc(100% - 50px);
-
-                    &__label {
-                        margin: 0 0 0 10px;
-                    }
-
-                    &:hover {
-                        background-color: #f4f5f7;
-                        font-family: 'font_medium', sans-serif;
-                        color: var(--c-blue-3);
-
-                        svg :deep(path) {
-                            fill: var(--c-blue-3);
-                        }
-                    }
-                }
-
-                &__item.delete {
-                    border-top: 1px solid #e5e7eb;
-                }
-            }
-
-            &__message {
-                position: absolute;
-                top: 80%;
-                width: 25rem;
-                display: flex;
-                flex-direction: column;
-                align-items: flex-start;
-                transform: translateX(-100%);
-                background-color: var(--c-blue-3);
-                text-align: center;
-                border-radius: 8px;
-                box-sizing: border-box;
-                padding: 20px;
-                z-index: 1001;
-
-                @media screen and (width <= 320px) {
-                    transform: translateX(-80%);
-                }
-
-                @media screen and (width <= 375px) and (width >= 350px) {
-                    transform: translateX(-88%);
-                }
-
-                &:after {
-                    content: '';
-                    position: absolute;
-                    bottom: 100%;
-                    left: 10%;
-                    border-width: 5px;
-                    border-style: solid;
-                    border-color: var(--c-blue-3) transparent transparent;
-                    transform: rotate(180deg);
-
-                    @media screen and (width <= 550px) {
-                        left: 45%;
-                    }
-                }
-
-                &__title {
-                    font-weight: 400;
-                    font-size: 12px;
-                    line-height: 18px;
-                    color: white;
-                    opacity: 0.5;
-                    margin-bottom: 4px;
-                }
-
-                &__content {
-                    color: white;
-                    font-weight: 500;
-                    font-size: 15px;
-                    line-height: 24px;
-                    margin-bottom: 8px;
-                    white-space: initial;
-                    text-align: start;
-                }
-
-                &__actions {
-                    display: flex;
-                    justify-content: flex-end;
-                    align-items: center;
-                    width: 100%;
-
-                    &__primary {
-                        padding: 6px 12px;
-                        border-radius: 8px;
-                        background-color: white;
-                        margin-left: 10px;
-
-                        &__label {
-                            font-weight: 700;
-                            font-size: 13px;
-                            line-height: 20px;
-                            color: var(--c-blue-3);
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    :deep(.primary) {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    @media screen and (width <= 1400px) {
-
-        :deep(th) {
-            max-width: 25rem;
-        }
-    }
-
-    @media screen and (width <= 1100px) {
-
-        :deep(th) {
-            max-width: 20rem;
-        }
-    }
-
-    @media screen and (width <= 1000px) {
-
-        :deep(th) {
-            max-width: 15rem;
-        }
-    }
-
-    @media screen and (width <= 940px) {
-
-        :deep(th) {
-            max-width: 10rem;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/BucketSettingsNav.vue b/web/satellite/src/components/objects/BucketSettingsNav.vue
deleted file mode 100644
index f0baaad58b34..000000000000
--- a/web/satellite/src/components/objects/BucketSettingsNav.vue
+++ /dev/null
@@ -1,195 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div
-        class="bucket-settings-nav"
-        @click.stop.prevent="isDropdownOpen = !isDropdownOpen"
-        @mouseenter="isHoveredOver = true"
-        @mouseleave="isHoveredOver = false"
-    >
-        <div class="bucket-settings-nav__button">
-            <GearIcon class="bucket-settings-nav__button__icon" :class="{active: isHoveredOver || isDropdownOpen}" />
-            <arrow-down-icon class="bucket-settings-nav__arrow" :class="{active: isDropdownOpen, hovered: isHoveredOver}" />
-        </div>
-        <div v-show="isDropdownOpen" v-click-outside="closeDropdown" class="bucket-settings-nav__dropdown">
-            <!-- TODO: add other options and place objects popup in common place and trigger from store -->
-            <div class="bucket-settings-nav__dropdown__item" @click.stop="onDetailsClick">
-                <details-icon class="bucket-settings-nav__dropdown__item__icon" />
-                <p class="bucket-settings-nav__dropdown__item__label">View Bucket Details</p>
-            </div>
-            <div v-if="filesCount" class="bucket-settings-nav__dropdown__item" @click.stop="onShareBucketClick">
-                <share-icon class="bucket-settings-nav__dropdown__item__icon" />
-                <p class="bucket-settings-nav__dropdown__item__label">Share bucket</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { ShareType } from '@/types/browser';
-
-import ArrowDownIcon from '@/../static/images/common/dropIcon.svg';
-import DetailsIcon from '@/../static/images/objects/details.svg';
-import ShareIcon from '@/../static/images/objects/share.svg';
-import GearIcon from '@/../static/images/common/gearIcon.svg';
-
-const obStore = useObjectBrowserStore();
-const appStore = useAppStore();
-const router = useRouter();
-const route = useRoute();
-
-const props = defineProps<{
-    bucketName: string,
-}>();
-
-const isDropdownOpen = ref(false);
-const isHoveredOver = ref(false);
-
-/**
- * Returns files amount from store.
- */
-const filesCount = computed((): number => {
-    return obStore.sortedFiles.length;
-});
-
-function closeDropdown(): void {
-    if (!isDropdownOpen.value) return;
-
-    isDropdownOpen.value = false;
-}
-
-/**
- * Redirects to bucket details page.
- */
-function onDetailsClick(): void {
-    router.push({
-        name: RouteConfig.BucketsDetails.name,
-        query: {
-            bucketName: props.bucketName,
-            backRoute: route.name as string || '',
-        },
-    });
-
-    isDropdownOpen.value = false;
-}
-
-/**
- * Toggles share bucket modal.
- */
-function onShareBucketClick(): void {
-    appStore.setShareModalType(ShareType.Bucket);
-    appStore.updateActiveModal(MODALS.share);
-    isDropdownOpen.value = false;
-}
-</script>
-
-<style scoped lang="scss">
-.bucket-settings-nav {
-    position: relative;
-    font-family: 'font_regular', sans-serif;
-    font-style: normal;
-    display: flex;
-    align-items: center;
-    padding: 14px 18px;
-    height: 44px;
-    width: 78px;
-    box-sizing: border-box;
-    font-weight: normal;
-    font-size: 14px;
-    line-height: 19px;
-    color: #1b2533;
-    cursor: pointer;
-    background: white;
-    border: 1px solid var(--c-grey-3);
-    border-radius: 8px;
-
-    &:hover,
-    &:active,
-    &:focus {
-        border: 1px solid var(--c-blue-3);
-    }
-
-    &__button {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        cursor: pointer;
-
-        svg:first-of-type {
-            margin-right: 10px;
-        }
-
-        &__icon {
-            transition-duration: 0.5s;
-        }
-
-        &__icon.active {
-
-            :deep(path) {
-                fill: var(--c-blue-3);
-            }
-        }
-    }
-
-    &__dropdown {
-        position: absolute;
-        top: 50px;
-        right: 0;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        background: #fff;
-        box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-        border-radius: 6px;
-        width: 255px;
-        z-index: 100;
-        transition-duration: 0.5s;
-        overflow: hidden;
-
-        &__item {
-            box-sizing: border-box;
-            display: flex;
-            align-items: center;
-            padding: 17px 21px;
-            width: 100%;
-
-            &__label {
-                margin: 0 0 0 17px;
-            }
-
-            &:hover {
-                background-color: #f4f5f7;
-                font-family: 'font_medium', sans-serif;
-                color: var(--c-blue-3);
-
-                :deep(path) {
-                    fill: var(--c-blue-3);
-                }
-            }
-        }
-    }
-
-    &__arrow {
-        transition-duration: 0.5s;
-    }
-
-    &__arrow.active {
-        transform: rotate(180deg) scaleX(-1);
-    }
-
-    &__arrow.hovered {
-
-        :deep(path) {
-            fill: var(--c-blue-3);
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/objects/BucketsTable.vue b/web/satellite/src/components/objects/BucketsTable.vue
deleted file mode 100644
index 2b764bba8876..000000000000
--- a/web/satellite/src/components/objects/BucketsTable.vue
+++ /dev/null
@@ -1,350 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="buckets-table">
-        <VSearch class="buckets-table__search" :search="searchBuckets" />
-        <VLoader
-            v-if="isLoading || searchLoading"
-            width="100px"
-            height="100px"
-            class="buckets-view__loader"
-        />
-        <div v-if="isEmptyStateShown" class="buckets-table__no-buckets-area">
-            <EmptyBucketIcon class="buckets-table__no-buckets-area__image" />
-            <CreateBucketIcon class="buckets-table__no-buckets-area__small-image" />
-            <h4 class="buckets-table__no-buckets-area__title">There are no buckets in this project</h4>
-            <p class="buckets-table__no-buckets-area__body">Create a new bucket to upload files</p>
-            <div class="new-bucket-button" :class="{ disabled: isLoading }" @click="onCreateBucketClick">
-                <WhitePlusIcon class="new-bucket-button__icon" />
-                <p class="new-bucket-button__label">New Bucket</p>
-            </div>
-        </div>
-
-        <div v-if="isNoSearchResultsShown" class="buckets-table__empty-search">
-            <h1 class="buckets-table__empty-search__title">No results found</h1>
-        </div>
-
-        <v-table
-            v-if="isTableShown"
-            class="buckets-table__list"
-            :limit="bucketsPage.limit"
-            :total-page-count="bucketsPage.pageCount"
-            items-label="buckets"
-            :on-page-change="fetchBuckets"
-            :total-items-count="bucketsPage.totalCount"
-            :selectable="false"
-        >
-            <template #head>
-                <th class="align-left">Name</th>
-                <th class="align-left">Storage</th>
-                <th class="align-left">Download</th>
-                <th class="align-left">Objects</th>
-                <th class="align-left">Segments</th>
-                <th class="align-left">Date Added</th>
-                <th />
-            </template>
-            <template #body>
-                <BucketItem
-                    v-for="(bucket, key) in bucketsPage.buckets"
-                    :key="key"
-                    :item-data="bucket"
-                    :dropdown-key="key"
-                    :open-dropdown="openDropdown"
-                    :is-dropdown-open="activeDropdown === key"
-                    :show-guide="key === 0"
-                    :on-click="() => openBucket(bucket.name)"
-                />
-            </template>
-        </v-table>
-        <VOverallLoader v-if="overallLoading" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { BucketPage } from '@/types/buckets';
-import { RouteConfig } from '@/types/router';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { EdgeCredentials } from '@/types/accessGrants';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VTable from '@/components/common/VTable.vue';
-import BucketItem from '@/components/objects/BucketItem.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import VOverallLoader from '@/components/common/VOverallLoader.vue';
-import VSearch from '@/components/common/VSearch.vue';
-
-import WhitePlusIcon from '@/../static/images/common/plusWhite.svg';
-import EmptyBucketIcon from '@/../static/images/objects/emptyBucket.svg';
-import CreateBucketIcon from '@/../static/images/buckets/createBucket.svg';
-
-const props = withDefaults(defineProps<{
-    isLoading?: boolean,
-}>(), {
-    isLoading: false,
-});
-
-const activeDropdown = ref<number>(-1);
-const overallLoading = ref<boolean>(false);
-const searchLoading = ref<boolean>(false);
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-
-/**
- * Returns fetched buckets page from store.
- */
-const bucketsPage = computed((): BucketPage => {
-    return bucketsStore.state.page;
-});
-
-/**
- * Returns buckets search query.
- */
-const searchQuery = computed((): string => {
-    return bucketsStore.state.cursor.search;
-});
-
-/**
- * Indicates if buckets empty state is shown.
- */
-const isEmptyStateShown = computed((): boolean => {
-    return !props.isLoading && !searchLoading.value && !bucketsPage.value.buckets.length && !searchQuery.value;
-});
-
-/**
- * Indicates if empty search result is shown.
- */
-const isNoSearchResultsShown = computed((): boolean => {
-    return !props.isLoading && !searchLoading.value && !bucketsPage.value.buckets.length && !!searchQuery.value;
-});
-
-/**
- * Indicates if buckets table is shown.
- */
-const isTableShown = computed((): boolean => {
-    return !props.isLoading && !searchLoading.value && !!bucketsPage.value.buckets.length;
-});
-
-/**
- * Returns condition if user has to be prompt for passphrase from store.
- */
-const promptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Returns edge credentials from store.
- */
-const edgeCredentials = computed((): EdgeCredentials => {
-    return bucketsStore.state.edgeCredentials;
-});
-
-/**
- * Toggles create bucket modal visibility.
- */
-function onCreateBucketClick(): void {
-    appStore.updateActiveModal(MODALS.createBucket);
-}
-
-/**
- * Fetches bucket using api.
- */
-async function fetchBuckets(page = 1, limit: number): Promise<void> {
-    try {
-        await bucketsStore.getBuckets(page, projectsStore.state.selectedProject.id, limit);
-    } catch (error) {
-        notify.error(`Unable to fetch buckets. ${error.message}`, AnalyticsErrorEventSource.BUCKET_TABLE);
-    }
-}
-
-/**
- * Handles bucket search functionality.
- */
-async function searchBuckets(searchQuery: string): Promise<void> {
-    bucketsStore.setBucketsSearch(searchQuery);
-    analyticsStore.eventTriggered(AnalyticsEvent.SEARCH_BUCKETS);
-
-    searchLoading.value = true;
-
-    try {
-        await bucketsStore.getBuckets(1, projectsStore.state.selectedProject.id);
-    } catch (error) {
-        notify.error(`Unable to fetch buckets: ${error.message}`, AnalyticsErrorEventSource.BUCKET_TABLE);
-    }
-
-    searchLoading.value = false;
-}
-
-/**
- * Opens utils dropdown.
- */
-function openDropdown(key: number): void {
-    if (activeDropdown.value === key) {
-        activeDropdown.value = -1;
-
-        return;
-    }
-
-    activeDropdown.value = key;
-}
-
-/**
- * Holds on bucket click. Proceeds to file browser.
- */
-async function openBucket(bucketName: string): Promise<void> {
-    bucketsStore.setFileComponentBucketName(bucketName);
-    if (!promptForPassphrase.value) {
-        if (!edgeCredentials.value.accessKeyId) {
-            overallLoading.value = true;
-
-            try {
-                await bucketsStore.setS3Client(projectsStore.state.selectedProject.id);
-                overallLoading.value = false;
-            } catch (error) {
-                notify.notifyError(error, AnalyticsErrorEventSource.BUCKET_TABLE);
-                overallLoading.value = false;
-                return;
-            }
-        }
-
-        analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-        router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
-
-        return;
-    }
-
-    appStore.updateActiveModal(MODALS.enterBucketPassphrase);
-}
-
-onBeforeUnmount(() => {
-    bucketsStore.setBucketsSearch('');
-});
-</script>
-
-<style scoped lang="scss">
-    .buckets-table {
-        width: 100%;
-
-        &__search {
-            margin-bottom: 20px;
-        }
-
-        &__loader {
-            margin-top: 100px;
-        }
-
-        &__no-buckets-area {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            padding: 80px 20px;
-            width: calc(100% - 40px);
-            box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-            background-color: #fff;
-            border-radius: 20px;
-
-            &__image {
-                margin-bottom: 60px;
-
-                @media screen and (width <= 600px) {
-                    display: none;
-                }
-            }
-
-            &__small-image {
-                display: none;
-                margin-bottom: 60px;
-
-                @media screen and (width <= 600px) {
-                    display: block;
-                }
-            }
-
-            &__title {
-                font-family: 'font_medium', sans-serif;
-                font-weight: 800;
-                font-size: 18px;
-                line-height: 16px;
-                margin-bottom: 17px;
-                text-align: center;
-            }
-
-            &__body {
-                font-family: 'font_regular', sans-serif;
-                font-weight: 400;
-                font-size: 16px;
-                line-height: 24px;
-                margin-bottom: 24px;
-                text-align: center;
-            }
-        }
-
-        &__list {
-            width: 100%;
-        }
-
-        &__empty-search {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            padding: 20px 0;
-            background-color: #fff;
-            border-radius: 10px;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 32px;
-                line-height: 39px;
-            }
-        }
-    }
-
-    .new-bucket-button {
-        padding: 0 15px;
-        height: 40px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: var(--c-blue-3);
-        border-radius: 8px;
-        cursor: pointer;
-
-        &__label {
-            font-family: 'font-medium', sans-serif;
-            font-weight: 700;
-            font-size: 13px;
-            line-height: 20px;
-            color: #fff;
-            margin: 0 0 0 5px;
-        }
-
-        &__icon {
-            color: #fff;
-        }
-
-        &:hover {
-            background-color: #0000c2;
-        }
-    }
-
-    @media screen and (width <= 875px) {
-
-        :deep(thead) {
-            display: none;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/BucketsView.vue b/web/satellite/src/components/objects/BucketsView.vue
deleted file mode 100644
index 3d0e01bbb5eb..000000000000
--- a/web/satellite/src/components/objects/BucketsView.vue
+++ /dev/null
@@ -1,203 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="buckets-view">
-        <div class="buckets-view__title-area">
-            <h1 class="buckets-view__title-area__title" aria-roledescription="title">Buckets</h1>
-            <div class="buckets-view-button" :class="{ disabled: isLoading }" @click="onCreateBucketClick">
-                <WhitePlusIcon class="buckets-view-button__icon" />
-                <p class="buckets-view-button__label">New Bucket</p>
-            </div>
-        </div>
-
-        <div class="buckets-view__divider" />
-
-        <BucketsTable :is-loading="isLoading" />
-        <EncryptionBanner v-if="!isServerSideEncryptionBannerHidden" :hide="hideBanner" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue';
-
-import { LocalData } from '@/utils/localData';
-import { BucketPage } from '@/types/buckets';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import EncryptionBanner from '@/components/objects/EncryptionBanner.vue';
-import BucketsTable from '@/components/objects/BucketsTable.vue';
-
-import WhitePlusIcon from '@/../static/images/common/plusWhite.svg';
-
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-
-const isLoading = ref<boolean>(true);
-const isServerSideEncryptionBannerHidden = ref<boolean>(true);
-
-/**
- * Returns fetched buckets page from store.
- */
-const bucketsPage = computed((): BucketPage => {
-    return bucketsStore.state.page;
-});
-
-/**
- * Indicates if user should be prompt for passphrase.
- */
-const promptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Returns selected project id from store.
- */
-const selectedProjectID = computed((): string => {
-    return projectsStore.state.selectedProject.id;
-});
-
-/**
- * Sets buckets view when needed.
- */
-async function setBucketsView(): Promise<void> {
-    try {
-        await fetchBuckets();
-
-        const wasDemoBucketCreated = LocalData.getDemoBucketCreatedStatus();
-
-        if (bucketsPage.value.buckets.length && !wasDemoBucketCreated) {
-            LocalData.setDemoBucketCreatedStatus();
-
-            return;
-        }
-
-        if (!bucketsPage.value.buckets.length && !wasDemoBucketCreated && !promptForPassphrase.value) {
-            appStore.updateActiveModal(MODALS.createBucket);
-        }
-    } catch (error) {
-        notify.error(`Failed to setup Buckets view. ${error.message}`, AnalyticsErrorEventSource.BUCKET_PAGE);
-    } finally {
-        isLoading.value = false;
-    }
-}
-
-/**
- * Fetches bucket using api.
- */
-async function fetchBuckets(page = 1): Promise<void> {
-    try {
-        await bucketsStore.getBuckets(page, selectedProjectID.value);
-    } catch (error) {
-        notify.error(`Unable to fetch buckets. ${error.message}`, AnalyticsErrorEventSource.BUCKET_PAGE);
-    }
-}
-
-/**
- * Toggles create bucket modal visibility.
- */
-function onCreateBucketClick(): void {
-    appStore.updateActiveModal(MODALS.createBucket);
-}
-
-/**
- * Hides server-side encryption banner.
- */
-function hideBanner(): void {
-    isServerSideEncryptionBannerHidden.value = true;
-    LocalData.setServerSideEncryptionBannerHidden(true);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Sets bucket view.
- */
-onMounted(async (): Promise<void> => {
-    isServerSideEncryptionBannerHidden.value = LocalData.getServerSideEncryptionBannerHidden();
-    await setBucketsView();
-});
-
-watch(selectedProjectID, async () => {
-    if (!selectedProjectID.value) return;
-
-    isLoading.value = true;
-
-    bucketsStore.clear();
-    await setBucketsView();
-});
-</script>
-
-<style scoped lang="scss">
-    .buckets-view-button {
-        padding: 0 15px;
-        height: 40px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: var(--c-blue-3);
-        border-radius: 8px;
-        cursor: pointer;
-
-        &__label {
-            font-family: 'font-medium', sans-serif;
-            font-weight: 700;
-            font-size: 13px;
-            line-height: 20px;
-            color: #fff;
-            margin: 0 0 0 5px;
-        }
-
-        &__icon {
-            color: #fff;
-        }
-
-        &:hover {
-            background-color: #0000c2;
-        }
-    }
-
-    .buckets-view {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        background-color: #f5f6fa;
-
-        &__title-area {
-            width: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            flex-wrap: wrap;
-
-            &__title {
-                font-family: 'font_medium', sans-serif;
-                font-weight: 600;
-                font-size: 28px;
-                line-height: 34px;
-                color: #232b34;
-                margin: 0;
-                text-align: left;
-            }
-        }
-
-        &__divider {
-            width: 100%;
-            height: 1px;
-            background: #dadfe7;
-            margin: 24px 0;
-        }
-    }
-
-    .disabled {
-        pointer-events: none;
-        background-color: #dadde5;
-        border-color: #dadde5;
-    }
-</style>
diff --git a/web/satellite/src/components/objects/EncryptionBanner.vue b/web/satellite/src/components/objects/EncryptionBanner.vue
deleted file mode 100644
index 00e77c845bc4..000000000000
--- a/web/satellite/src/components/objects/EncryptionBanner.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="banner">
-        <div class="banner__left">
-            <SunIcon />
-            <p class="banner__left__text">
-                The web browser uses
-                <a class="banner__left__text__link" href="https://docs.storj.io/concepts/encryption-key/design-decision-server-side-encryption" target="_blank" rel="noopener noreferrer">server-side encryption</a>.<br>
-                If you want to use Storj with end-to-end encryption, try the <a class="banner__left__text__link" href="https://docs.storj.io/dcs/getting-started/quickstart-uplink-cli/" target="_blank" rel="noopener noreferrer">Uplink CLI</a>.
-            </p>
-        </div>
-        <div class="banner__right" @click="hide">
-            <p class="banner__right__label">Dismiss</p>
-            <CloseIcon />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import SunIcon from '@/../static/images/objects/sun.svg';
-import CloseIcon from '@/../static/images/common/closeCross.svg';
-
-const props = withDefaults(defineProps<{
-    hide: () => void;
-}>(), {
-    hide: () => {},
-});
-</script>
-
-<style scoped lang="scss">
-    .banner {
-        background: #fff;
-        border: 1px solid var(--c-grey-3);
-        box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-        border-radius: 10px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 20px;
-        width: calc(100% - 40px);
-        font-family: 'font_regular', sans-serif;
-        margin-top: 16px;
-
-        &__left {
-            display: flex;
-            align-items: center;
-
-            @media screen and (width <= 500px) {
-                flex-direction: column;
-                align-items: flex-start;
-            }
-
-            svg {
-                min-width: 40px;
-            }
-
-            &__text {
-                font-size: 14px;
-                line-height: 20px;
-                color: #000;
-                margin-left: 16px;
-
-                @media screen and (width <= 500px) {
-                    margin: 10px 0 0;
-                }
-
-                &__link {
-                    text-decoration: underline !important;
-                    text-underline-position: below;
-                    color: #000;
-
-                    &:visited {
-                        color: #000;
-                    }
-                }
-            }
-        }
-
-        &__right {
-            display: flex;
-            align-items: center;
-            cursor: pointer;
-            margin-left: 10px;
-
-            &__label {
-                text-decoration: underline;
-                font-size: 14px;
-                line-height: 22px;
-                color: #000;
-                margin-right: 16px;
-
-                @media screen and (width <= 860px) {
-                    display: none;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/FAQBullet.vue b/web/satellite/src/components/objects/FAQBullet.vue
deleted file mode 100644
index 4ee344208511..000000000000
--- a/web/satellite/src/components/objects/FAQBullet.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="bullet">
-        <div class="bullet__header" @click="toggle">
-            <h2 class="bullet__header__title">{{ title }}</h2>
-            <MinusIcon v-if="isExpanded" />
-            <PlusIcon v-else />
-        </div>
-        <p v-if="isExpanded" class="bullet__text">{{ text }}</p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import PlusIcon from '@/../static/images/common/plus.svg';
-import MinusIcon from '@/../static/images/common/minus.svg';
-
-const props = withDefaults(defineProps<{
-    title: string;
-    text: string;
-}>(), {
-    title: '',
-    text: '',
-});
-
-const isExpanded = ref<boolean>(false);
-
-/**
- * Toggles bullet text visibility.
- */
-function toggle(): void {
-    isExpanded.value = !isExpanded.value;
-}
-</script>
-
-<style scoped lang="scss">
-    .bullet {
-        background: #fff;
-        border: 2px solid var(--c-grey-3);
-        border-radius: 16px;
-        padding: 28px 32px;
-        width: calc(100% - 64px);
-        margin-bottom: 30px;
-
-        &__header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            cursor: pointer;
-
-            &__title {
-                font-family: 'font_medium', sans-serif;
-                font-size: 16px;
-                line-height: 32px;
-                letter-spacing: 0.75px;
-                color: var(--c-blue-6);
-            }
-        }
-
-        &__text {
-            margin-top: 12px;
-            font-size: 16px;
-            line-height: 32px;
-            color: var(--c-grey-6);
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/ObjectsArea.vue b/web/satellite/src/components/objects/ObjectsArea.vue
deleted file mode 100644
index 9c5178473a7f..000000000000
--- a/web/satellite/src/components/objects/ObjectsArea.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="objects-area">
-        <router-view />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-const router = useRouter();
-const configStore = useConfigStore();
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Lifecycle hook after initial render.
- * Redirects if flow is disabled.
- */
-onMounted(async (): Promise<void> => {
-    if (configStore.state.config.fileBrowserFlowDisabled) {
-        analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-        await router.push(RouteConfig.ProjectDashboard.path);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .objects-area {
-        padding-bottom: 55px;
-    }
-</style>
diff --git a/web/satellite/src/components/objects/UploadCancelPopup.vue b/web/satellite/src/components/objects/UploadCancelPopup.vue
deleted file mode 100644
index 14310a59f2e3..000000000000
--- a/web/satellite/src/components/objects/UploadCancelPopup.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="uc-area">
-        <div class="uc-area__popup">
-            <h1 class="uc-area__popup__title">Upload in progress</h1>
-            <div class="uc-area__popup__container">
-                <div class="uc-area__popup__container__header">
-                    <WarningIcon />
-                    <h2 class="uc-area__popup__container__header__question">Are you sure you want to leave?</h2>
-                </div>
-                <p class="uc-area__popup__container__msg">
-                    Navigating to another page while uploading data may cancel your upload. Please confirm before
-                    proceeding.
-                </p>
-            </div>
-            <VButton
-                width="100%"
-                height="48px"
-                label="Continue uploading"
-                :on-press="closePopup"
-            />
-            <p class="uc-area__popup__link" @click="onLeaveClick">Cancel upload and leave</p>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-import WarningIcon from '@/../static/images/objects/cancelWarning.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const router = useRouter();
-
-/**
- * Returns leave attempt's route path from store.
- */
-const leaveRoute = computed((): string => {
-    return bucketsStore.state.leaveRoute;
-});
-
-/**
- * Holds on leave click logic.
- */
-function onLeaveClick(): void {
-    analyticsStore.pageVisit(leaveRoute.value);
-    router.push(leaveRoute.value);
-    closePopup();
-}
-
-/**
- * Close upload cancel info popup.
- */
-function closePopup(): void {
-    appStore.updateActiveModal(MODALS.uploadCancelPopup);
-}
-</script>
-
-<style scoped lang="scss">
-    .uc-area {
-        position: fixed;
-        inset: 0;
-        z-index: 100;
-        background: rgb(27 37 51 / 75%);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-family: 'font_regular', sans-serif;
-
-        &__popup {
-            padding: 70px;
-            border-radius: 8px;
-            background-color: #fff;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            &__title {
-                width: 100%;
-                text-align: left;
-                font-family: 'font_bold', sans-serif;
-                font-size: 23px;
-                line-height: 49px;
-                letter-spacing: -0.1007px;
-                color: #252525;
-                margin: 0 0 22px;
-            }
-
-            &__container {
-                background: #f7f8fb;
-                border-radius: 8px;
-                margin-bottom: 22px;
-                max-width: 465px;
-                padding: 20px;
-
-                &__header {
-                    display: flex;
-                    align-items: center;
-                    margin-bottom: 10px;
-
-                    &__question {
-                        font-family: 'font_bold', sans-serif;
-                        font-size: 16px;
-                        line-height: 19px;
-                        color: #1b2533;
-                        margin: 0 0 0 10px;
-                    }
-                }
-            }
-
-            &__link {
-                font-weight: 500;
-                font-size: 16px;
-                line-height: 21px;
-                color: #0068dc;
-                margin: 22px 0 0;
-                cursor: pointer;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/objects/UploadFile.vue b/web/satellite/src/components/objects/UploadFile.vue
deleted file mode 100644
index 676e050f84bc..000000000000
--- a/web/satellite/src/components/objects/UploadFile.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div>
-        <div class="file-browser">
-            <FileBrowser />
-        </div>
-        <UploadCancelPopup v-if="isCancelUploadPopupVisible" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeMount, watch } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { EdgeCredentials } from '@/types/accessGrants';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { BucketPage } from '@/types/buckets';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
-
-import FileBrowser from '@/components/browser/FileBrowser.vue';
-import UploadCancelPopup from '@/components/objects/UploadCancelPopup.vue';
-
-const configStore = useConfigStore();
-const obStore = useObjectBrowserStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-const notify = useNotify();
-
-/**
- * Indicates if pagination should be used.
- */
-const isPaginationEnabled = computed((): boolean => {
-    return configStore.state.config.objectBrowserPaginationEnabled;
-});
-
-/**
- * Indicates if upload cancel popup is visible.
- */
-const isCancelUploadPopupVisible = computed((): boolean => {
-    return appStore.state.activeModal === MODALS.uploadCancelPopup;
-});
-
-/**
- * Returns passphrase from store.
- */
-const passphrase = computed((): string => {
-    return bucketsStore.state.passphrase;
-});
-
-/**
- * Returns bucket name from store.
- */
-const bucket = computed((): string => {
-    return bucketsStore.state.fileComponentBucketName;
-});
-
-/**
- * Returns current bucket page from store.
- */
-const bucketPage = computed((): BucketPage => {
-    return bucketsStore.state.page;
-});
-
-/**
- * Returns edge credentials from store.
- */
-const edgeCredentials = computed((): EdgeCredentials => {
-    return bucketsStore.state.edgeCredentials;
-});
-
-/**
- * Initiates file browser.
- */
-onBeforeMount(() => {
-    obStore.init({
-        endpoint: edgeCredentials.value.endpoint,
-        accessKey: edgeCredentials.value.accessKeyId,
-        secretKey: edgeCredentials.value.secretKey,
-        bucket: bucket.value,
-        browserRoot: RouteConfig.Buckets.with(RouteConfig.UploadFile).path,
-    });
-});
-
-watch(passphrase, async () => {
-    const projectID = projectsStore.state.selectedProject.id;
-    if (!projectID) return;
-
-    if (!passphrase.value) {
-        await router.push(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path).catch(() => {return;});
-        return;
-    }
-
-    try {
-        await bucketsStore.setS3Client(projectID);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.UPLOAD_FILE_VIEW);
-        return;
-    }
-
-    router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path).catch(() => {return;});
-    obStore.reinit({
-        endpoint: edgeCredentials.value.endpoint,
-        accessKey: edgeCredentials.value.accessKeyId,
-        secretKey: edgeCredentials.value.secretKey,
-    });
-
-    try {
-        const promises: Promise<void>[] = [
-            bucketsStore.getBuckets(bucketPage.value.currentPage, projectID),
-            obStore.getObjectCount(),
-        ];
-
-        if (isPaginationEnabled.value) {
-            promises.push(obStore.initList(''));
-        } else {
-            promises.push(obStore.list(''));
-        }
-
-        await Promise.all(promises);
-        obStore.setCursor({ limit: DEFAULT_PAGE_LIMIT, page: 1 });
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.UPLOAD_FILE_VIEW);
-    }
-});
-</script>
-
-<style scoped>
-    .file-browser {
-        font-family: 'font_regular', sans-serif;
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue b/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
deleted file mode 100644
index 8ccdb1fbf5de..000000000000
--- a/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="tour-area">
-        <router-view />
-    </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-.tour-area {
-    padding: 30px 0;
-    box-sizing: border-box;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    @media screen and (width <= 760px) {
-        width: 88% !important;
-    }
-
-    @media screen and (width <= 600px) {
-        padding: 30px 0 !important;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/CLIStep.vue b/web/satellite/src/components/onboardingTour/steps/CLIStep.vue
deleted file mode 100644
index d843e9765de1..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/CLIStep.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="wrap">
-        <ProgressBar />
-        <router-view />
-    </div>
-</template>
-
-<script setup lang="ts">
-import ProgressBar from '@/components/onboardingTour/steps/cliFlow/ProgressBar.vue';
-</script>
-
-<style scoped lang="scss">
-.wrap {
-    @media screen and (width <= 600px) {
-        width: 100%;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue b/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
deleted file mode 100644
index 46cd63441a8f..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="overview-area">
-        <h1 class="overview-area__title" aria-roledescription="title">Welcome to Storj</h1>
-        <p class="overview-area__subtitle">Get started using the web browser, or the command line.</p>
-        <div class="overview-area__routes">
-            <OverviewContainer
-                :is-web="true"
-                title="Start with web browser"
-                info="Start uploading files in the browser and instantly see how your data gets distributed over the Storj network around the world."
-                button-label="Continue in web ->"
-                :on-click="onUploadInBrowserClick"
-            />
-            <OverviewContainer
-                title="Start with Uplink CLI"
-                info="The Uplink CLI is a command-line interface tool which allows you to upload and download files from the network, manage permissions and share files."
-                button-label="Continue in cli ->"
-                :on-click="onUplinkCLIClick"
-            />
-        </div>
-        <p class="overview-area__skip-button" @click="onSkip">
-            Skip and go directly to dashboard
-        </p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { PartneredSatellite } from '@/types/config';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { OnboardingOption } from '@/types/common';
-
-import OverviewContainer from '@/components/onboardingTour/steps/common/OverviewContainer.vue';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-const router = useRouter();
-
-const projectDashboardPath = RouteConfig.ProjectDashboard.path;
-
-/**
- * Skips onboarding flow.
- */
-async function onSkip(): Promise<void> {
-    endOnboarding();
-    await router.push(projectDashboardPath);
-    appStore.updateActiveModal(MODALS.createProjectPassphrase);
-    analyticsStore.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, OnboardingOption.Skip);
-}
-
-/**
- * Holds button click logic.
- * Redirects to next step (creating access grant).
- */
-function onUplinkCLIClick(): void {
-    router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep).with(RouteConfig.AGName).path);
-    analyticsStore.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, OnboardingOption.CLI);
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep).with(RouteConfig.AGName).path);
-}
-
-/**
- * Redirects to buckets page.
- */
-async function onUploadInBrowserClick(): Promise<void> {
-    endOnboarding();
-    appStore.updateActiveModal(MODALS.createProjectPassphrase);
-    analyticsStore.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, OnboardingOption.Browser);
-}
-
-async function endOnboarding(): Promise<void> {
-    try {
-        await usersStore.updateSettings({ onboardingEnd: true });
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.ONBOARDING_OVERVIEW_STEP);
-    }
-}
-
-/**
- * Mounted hook after initial render.
- * Sets correct title label.
- */
-onMounted(async (): Promise<void> => {
-    try {
-        if (!usersStore.state.settings.onboardingStart) {
-            await usersStore.updateSettings({ onboardingStart: true });
-        }
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.ONBOARDING_OVERVIEW_STEP);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.overview-area {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-family: 'font_regular', sans-serif;
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        color: #14142b;
-        font-size: 32px;
-        line-height: 39px;
-        margin-bottom: 12.5px;
-    }
-
-    &__subtitle {
-        font-family: 'font_regular', sans-serif;
-        font-weight: 400;
-        text-align: center;
-        color: #354049;
-        font-size: 16px;
-        line-height: 21px;
-    }
-
-    &__routes {
-        margin-top: 35px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-wrap: wrap;
-        gap: 38px 38px;
-    }
-
-    &__skip-button {
-        margin-top: 58px;
-        color: #b7c1ca;
-        cursor: pointer;
-        text-decoration: underline;
-
-        &:hover {
-            text-decoration: underline;
-        }
-    }
-}
-
-@media screen and (width <= 760px) {
-
-    .overview-area {
-        width: 250px;
-        text-align: center;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/PricingPlanStep.vue b/web/satellite/src/components/onboardingTour/steps/PricingPlanStep.vue
deleted file mode 100644
index 1426c95154c5..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/PricingPlanStep.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="pricing-area">
-        <VLoader v-if="isLoading" class="pricing-area__loader" width="90px" height="90px" />
-        <template v-else>
-            <h1 class="pricing-area__title" aria-roledescription="title">Welcome to Storj</h1>
-            <p class="pricing-area__subtitle">Select an account type to continue.</p>
-            <div class="pricing-area__plans">
-                <PricingPlanContainer
-                    v-for="(plan, index) in plans"
-                    :key="index"
-                    :plan="plan"
-                />
-            </div>
-        </template>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onBeforeMount, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { PricingPlanInfo, PricingPlanType } from '@/types/common';
-import { User } from '@/types/users';
-import { useNotify } from '@/utils/hooks';
-import { PaymentsHttpApi } from '@/api/payments';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import PricingPlanContainer from '@/components/account/billing/pricingPlans/PricingPlanContainer.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-const configStore = useConfigStore();
-const usersStore = useUsersStore();
-const router = useRouter();
-const notify = useNotify();
-const payments: PaymentsHttpApi = new PaymentsHttpApi();
-
-const isLoading = ref<boolean>(true);
-
-const plans = ref<PricingPlanInfo[]>([
-    new PricingPlanInfo(
-        PricingPlanType.PRO,
-        'Pro Account',
-        '25 GB Free',
-        'Only pay for what you need. $4/TB stored per month* $7/TB for egress bandwidth.',
-        '*Additional per-segment fee of $0.0000088 applies.',
-        null,
-        null,
-        'Add a credit card to activate your Pro Account.<br><br>Get 25GB free storage and egress. Only pay for what you use beyond that.',
-        'No charge today',
-        '25GB Free',
-    ),
-    new PricingPlanInfo(
-        PricingPlanType.FREE,
-        'Free Account',
-        'Limited',
-        'Free usage up to 25GB storage and 25GB egress bandwidth per month.',
-        null,
-        null,
-        null,
-        'Start for free to try Storj and upgrade later.',
-        null,
-        'Limited 25',
-    ),
-]);
-
-/**
- * Loads pricing plan config.
- */
-onBeforeMount(async () => {
-    const user: User = usersStore.state.user;
-    const nextPath = RouteConfig.AllProjectsDashboard.path;
-    const pricingPkgsEnabled = configStore.state.config.pricingPackagesEnabled;
-    if (!pricingPkgsEnabled || user.paidTier || !user.partner) {
-        router.push(nextPath);
-        return;
-    }
-
-    let pkgAvailable = false;
-    try {
-        pkgAvailable = await payments.pricingPackageAvailable();
-    } catch (error) {
-        notify.notifyError(error);
-    }
-    if (!pkgAvailable) {
-        router.push(nextPath);
-        return;
-    }
-
-    let config;
-    try {
-        config = require('@/components/account/billing/pricingPlans/pricingPlanConfig.json');
-    } catch {
-        notify.error('No pricing plan configuration file.');
-        router.push(nextPath);
-        return;
-    }
-
-    const plan = config[user.partner] as PricingPlanInfo;
-    if (!plan) {
-        notify.error(`No pricing plan configuration for partner '${user.partner}'.`);
-        router.push(nextPath);
-        return;
-    }
-    plan.type = PricingPlanType.PARTNER;
-    plans.value.unshift(plan);
-
-    if (!usersStore.state.settings.onboardingStart) {
-        try {
-            await usersStore.updateSettings({ onboardingStart: true });
-        } catch (error) {
-            notify.notifyError(error, AnalyticsErrorEventSource.PRICING_PLAN_STEP);
-        }
-    }
-
-    isLoading.value = false;
-});
-</script>
-
-<style scoped lang="scss">
-.pricing-area {
-
-    &__loader {
-        position: fixed;
-        inset: 0;
-        align-items: center;
-    }
-
-    &__title {
-        color: #14142b;
-        font-family: 'font_bold', sans-serif;
-        font-size: 32px;
-        line-height: 39px;
-        text-align: center;
-    }
-
-    &__subtitle {
-        margin-top: 12.5px;
-        color: #354049;
-        font-family: 'font_regular', sans-serif;
-        font-weight: 400;
-        font-size: 16px;
-        line-height: 134.09%;
-        text-align: center;
-    }
-
-    &__plans {
-        margin-top: 41px;
-        display: flex;
-        gap: 30px;
-    }
-}
-
-@media screen and (width <= 963px) {
-
-    .pricing-area__plans {
-        max-width: 444px;
-        flex-direction: column;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/AGName.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/AGName.vue
deleted file mode 100644
index c3204aca506e..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/AGName.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        :is-loading="isLoading"
-        title="Create an Access Grant"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="permissions">
-            <p class="permissions__msg">Access Grants are keys that allow access to upload, delete, and view your project’s data.</p>
-            <VInput
-                label="Access Grant Name"
-                placeholder="Enter a name here..."
-                :error="errorMessage"
-                aria-roledescription="name"
-                @setData="onChangeName"
-            />
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AccessGrant } from '@/types/accessGrants';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import VInput from '@/components/common/VInput.vue';
-
-import Icon from '@/../static/images/onboardingTour/accessGrant.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-const notify = useNotify();
-
-const name = ref<string>('');
-const errorMessage = ref<string>('');
-const isLoading = ref<boolean>(false);
-
-/**
- * Returns back route from store.
- */
-const backRoute = computed((): string => {
-    return appStore.state.onbAGStepBackRoute;
-});
-
-/**
- * Changes name data from input value.
- * @param value
- */
-function onChangeName(value: string): void {
-    name.value = value.trim();
-    errorMessage.value = '';
-}
-
-/**
- * Holds on back button click logic.
- * Navigates to previous screen.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OverviewStep.path);
-    backRoute.value ?
-        await router.push(backRoute.value).catch(() => {return; }) :
-        await router.push({ name: RouteConfig.OverviewStep.name });
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    if (isLoading.value) return;
-
-    if (!name.value) {
-        errorMessage.value = 'Access Grant name can\'t be empty';
-        analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.ONBOARDING_NAME_STEP);
-
-        return;
-    }
-
-    isLoading.value = true;
-
-    let createdAccessGrant: AccessGrant;
-    try {
-        createdAccessGrant = await agStore.createAccessGrant(name.value, projectsStore.state.selectedProject.id);
-
-        notify.success('New clean access grant was generated successfully.');
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.ONBOARDING_NAME_STEP);
-        return;
-    } finally {
-        isLoading.value = false;
-    }
-
-    appStore.setOnboardingCleanAPIKey(createdAccessGrant.secret);
-    name.value = '';
-
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGPermissions)).path);
-    await router.push({ name: RouteConfig.AGPermissions.name });
-}
-</script>
-
-<style scoped lang="scss">
-    .permissions {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #4e4b66;
-            margin-bottom: 20px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/AGPermissions.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/AGPermissions.vue
deleted file mode 100644
index bfc7652e5d0c..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/AGPermissions.vue
+++ /dev/null
@@ -1,301 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        :is-loading="isLoading || areBucketNamesFetching"
-        title="Access Permissions"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="permissions">
-            <div class="permissions__select">
-                <p class="permissions__select__label">Select buckets to grant permission:</p>
-                <VLoader v-if="areBucketNamesFetching" width="50px" height="50px" />
-                <BucketsSelection v-else />
-            </div>
-            <div class="permissions__bucket-bullets">
-                <div
-                    v-for="(name, index) in selectedBucketNames"
-                    :key="index"
-                    class="permissions__bucket-bullets__container"
-                >
-                    <BucketNameBullet :name="name" />
-                </div>
-            </div>
-            <div class="permissions__select">
-                <p class="permissions__select__label">Choose permissions to allow:</p>
-                <PermissionsSelect />
-            </div>
-            <div class="permissions__select">
-                <p class="permissions__select__label">Duration of this access grant:</p>
-                <DurationSelection />
-            </div>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import PermissionsSelect from '@/components/onboardingTour/steps/cliFlow/PermissionsSelect.vue';
-import BucketNameBullet from '@/components/onboardingTour/steps/cliFlow/permissions/BucketNameBullet.vue';
-import BucketsSelection from '@/components/onboardingTour/steps/cliFlow/permissions/BucketsSelection.vue';
-import VLoader from '@/components/common/VLoader.vue';
-import DurationSelection from '@/components/onboardingTour/steps/cliFlow/permissions/DurationSelection.vue';
-
-import Icon from '@/../static/images/onboardingTour/accessGrant.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const worker = ref<Worker| null>(null);
-const areBucketNamesFetching = ref<boolean>(true);
-const isLoading = ref<boolean>(true);
-
-/**
- * Returns selected bucket names.
- */
-const selectedBucketNames = computed((): string[] => {
-    return agStore.state.selectedBucketNames;
-});
-
-/**
- * Returns clean API key from store.
- */
-const cleanAPIKey = computed((): string => {
-    return appStore.state.onbCleanApiKey;
-});
-
-/**
- * Returns download permission from store.
- */
-const storedIsDownload = computed((): boolean => {
-    return agStore.state.isDownload;
-});
-
-/**
- * Returns upload permission from store.
- */
-const storedIsUpload = computed((): boolean => {
-    return agStore.state.isUpload;
-});
-
-/**
- * Returns list permission from store.
- */
-const storedIsList = computed((): boolean => {
-    return agStore.state.isList;
-});
-
-/**
- * Returns delete permission from store.
- */
-const storedIsDelete = computed((): boolean => {
-    return agStore.state.isDelete;
-});
-
-/**
- * Returns not before date permission from store.
- */
-const notBeforePermission = computed((): Date | null => {
-    return agStore.state.permissionNotBefore;
-});
-
-/**
- * Returns not after date permission from store.
- */
-const notAfterPermission = computed((): Date | null => {
-    return agStore.state.permissionNotAfter;
-});
-
-/**
- * Sets local worker with worker instantiated in store.
- * Also sets worker's onmessage and onerror logic.
- */
-function setWorker(): void {
-    worker.value = agStore.state.accessGrantsWebWorker;
-
-    if (worker.value) {
-        worker.value.onerror = (error: ErrorEvent) => {
-            notify.error(error.message, AnalyticsErrorEventSource.ONBOARDING_PERMISSIONS_STEP);
-        };
-    }
-}
-
-/**
- * Holds on back button click logic.
- * Navigates to previous screen.
- */
-async function onBackClick(): Promise<void> {
-    if (isLoading.value) return;
-
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
-    await router.push({ name: RouteConfig.AGName.name });
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    if (isLoading.value) return;
-
-    isLoading.value = true;
-
-    try {
-        const restrictedKey = await generateRestrictedKey();
-        appStore.setOnboardingAPIKey(restrictedKey);
-
-        notify.success('Restrictions were set successfully.');
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.ONBOARDING_PERMISSIONS_STEP);
-        return;
-    } finally {
-        isLoading.value = false;
-    }
-
-    appStore.setOnboardingAPIKeyStepBackRoute(route.path);
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
-    await router.push({ name: RouteConfig.APIKey.name });
-}
-
-/**
- * Generates and returns restricted key from clean API key.
- */
-async function generateRestrictedKey(): Promise<string> {
-    if (!worker.value) {
-        throw new Error('Worker is not defined');
-    }
-
-    let permissionsMsg = {
-        'type': 'SetPermission',
-        'isDownload': storedIsDownload.value,
-        'isUpload': storedIsUpload.value,
-        'isList': storedIsList.value,
-        'isDelete': storedIsDelete.value,
-        'buckets': JSON.stringify(selectedBucketNames.value),
-        'apiKey': cleanAPIKey.value,
-    };
-
-    if (notBeforePermission.value) permissionsMsg = Object.assign(
-        permissionsMsg, { 'notBefore': notBeforePermission.value.toISOString() },
-    );
-    if (notAfterPermission.value) permissionsMsg = Object.assign(
-        permissionsMsg, { 'notAfter': notAfterPermission.value.toISOString() },
-    );
-
-    worker.value.postMessage(permissionsMsg);
-
-    const grantEvent: MessageEvent = await new Promise(resolve => {
-        if (worker.value) {
-            worker.value.onmessage = resolve;
-        }
-    });
-    if (grantEvent.data.error) {
-        throw new Error(grantEvent.data.error);
-    }
-
-    analyticsStore.eventTriggered(AnalyticsEvent.API_KEY_GENERATED);
-
-    return grantEvent.data.value;
-}
-
-/**
- * Lifecycle hook after initial render.
- * Checks if clean api key was generated during previous step.
- * Fetches all existing bucket names.
- * Initializes web worker's onmessage functionality.
- */
-onMounted(async (): Promise<void> => {
-    if (!cleanAPIKey.value) {
-        isLoading.value = false;
-        await onBackClick();
-
-        return;
-    }
-
-    setWorker();
-
-    try {
-        await bucketsStore.getAllBucketsNames(projectsStore.state.selectedProject.id);
-
-        areBucketNamesFetching.value = false;
-    } catch (error) {
-        error.message = `Unable to fetch all bucket names. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.ONBOARDING_PERMISSIONS_STEP);
-    }
-
-    isLoading.value = false;
-});
-</script>
-
-<style scoped lang="scss">
-    .permissions {
-
-        &__select {
-            width: 287px;
-            padding: 0 98.5px;
-
-            @media screen and (width <= 600px) {
-                width: 100%;
-                padding: 0;
-            }
-
-            &__label {
-                font-family: 'font_medium', sans-serif;
-                margin: 20px 0 8px;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-            }
-        }
-
-        &__bucket-bullets {
-            display: flex;
-            align-items: flex-start;
-            width: calc(100% - 197px);
-            padding: 0 98.5px;
-            flex-wrap: wrap;
-
-            @media screen and (width <= 600px) {
-                width: 100%;
-                padding: 0;
-            }
-
-            &__container {
-                display: flex;
-                margin-top: 5px;
-            }
-        }
-    }
-
-    :deep(.buckets-selection),
-    :deep(.duration-selection) {
-        width: 287px;
-        margin-left: 0;
-
-        @media screen and (width <= 600px) {
-            width: 100%;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/APIKey.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/APIKey.vue
deleted file mode 100644
index 81897aa9cf65..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/APIKey.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="API Key Generated"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="key">
-            <p class="key__msg">Now copy and save the Satellite Address and API Key as it will only appear once.</p>
-            <h3 class="key__label">Satellite Address</h3>
-            <ValueWithCopy label="Satellite Address" role-description="satellite-address" :value="satelliteAddress" />
-            <h3 class="key__label">API Key</h3>
-            <ValueWithCopy label="API Key" role-description="api-key" :value="storedAPIKey" />
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import ValueWithCopy from '@/components/onboardingTour/steps/common/ValueWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/apiKeyStep.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const router = useRouter();
-
-/**
- * Returns the web address of this satellite from the store.
- */
-const satelliteAddress = computed((): string => {
-    return configStore.state.config.satelliteNodeURL;
-});
-
-/**
- * Returns API key from store.
- */
-const storedAPIKey = computed((): string => {
-    return appStore.state.onbApiKey;
-});
-
-/**
- * Returns back route from store.
- */
-const backRoute = computed((): string => {
-    return appStore.state.onbAPIKeyStepBackRoute;
-});
-
-/**
- * Holds on back button click logic.
- * Navigates to previous screen.
- */
-async function onBackClick(): Promise<void> {
-    if (backRoute.value) {
-        analyticsStore.pageVisit(backRoute.value);
-        await router.push(backRoute.value).catch(() => {return; });
-
-        return;
-    }
-
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.path);
-    await router.push(RouteConfig.OnboardingTour.path).catch(() => {return; });
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Checks if api key was generated during previous step.
- */
-onMounted((): void => {
-    if (!storedAPIKey.value) {
-        analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
-        router.push({ name: RouteConfig.AGName.name });
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .key {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-        }
-
-        &__label {
-            font-family: 'font_bold', sans-serif;
-            font-size: 14px;
-            line-height: 20px;
-            color: var(--c-grey-6);
-            margin: 20px 0 13px;
-            width: 100%;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/CLIInstall.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/CLIInstall.vue
deleted file mode 100644
index cbbca54cac5d..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/CLIInstall.vue
+++ /dev/null
@@ -1,240 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Install Uplink CLI"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="cli-install">
-            <p class="cli-install__msg">Install the Uplink CLI binary for your OS.</p>
-            <OSContainer is-install-step="true">
-                <template #windows>
-                    <div class="cli-install__windows">
-                        <h2 class="cli-install__windows__sub-title">
-                            1. Download the
-                            <a href="https://github.com/storj/storj/releases/latest/download/uplink_windows_amd64.zip">
-                                Windows Uplink Binary
-                            </a>
-                            zip file
-                        </h2>
-                        <p class="cli-install__windows__msg">
-                            2. In the Downloads folder, right-click and select "Extract all".
-                        </p>
-                        <p class="cli-install__windows__msg">3. Extract to Desktop.</p>
-                        <p class="cli-install__windows__msg">
-                            4. Once extracted, do not open the file, as it can only be accessed via command line.
-                        </p>
-                        <p class="cli-install__windows__msg">
-                            5. Open
-                            <b class="cli-install__windows__msg__bold">Windows PowerShell</b>
-                            and continue on to the next step.
-                        </p>
-                    </div>
-                </template>
-                <template #linux>
-                    <div class="cli-install__linux">
-                        <h1 class="cli-install__linux__title">AMD64</h1>
-                        <h2 class="cli-install__linux__sub-title">Curl Download</h2>
-                        <div class="cli-install__linux__commands">
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="curl -L https://github.com/storj/storj/releases/latest/download/uplink_linux_amd64.zip -o uplink_linux_amd64.zip"
-                                aria-role-description="linux-amd64-curl"
-                            />
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="unzip -o uplink_linux_amd64.zip"
-                                aria-role-description="linux-amd64-unzip"
-                            />
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="sudo install uplink /usr/local/bin/uplink"
-                                aria-role-description="linux-amd64-install"
-                            />
-                        </div>
-                        <a
-                            class="cli-install__linux__link"
-                            href="https://github.com/storj/storj/releases/latest/download/uplink_linux_amd64.zip"
-                        >
-                            Linux AMD64 Uplink Binary
-                        </a>
-                        <h1 class="cli-install__linux__title margin-top">ARM</h1>
-                        <h2 class="cli-install__linux__sub-title">Curl Download</h2>
-                        <div class="cli-install__linux__commands">
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="curl -L https://github.com/storj/storj/releases/latest/download/uplink_linux_arm.zip -o uplink_linux_arm.zip"
-                                aria-role-description="linux-arm-curl"
-                            />
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="unzip -o uplink_linux_arm.zip"
-                                aria-role-description="linux-arm-unzip"
-                            />
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="sudo install uplink /usr/local/bin/uplink"
-                                aria-role-description="linux-arm-install"
-                            />
-                        </div>
-                        <a
-                            class="cli-install__linux__link"
-                            href="https://github.com/storj/storj/releases/latest/download/uplink_linux_arm.zip"
-                        >
-                            Linux ARM Uplink Binary
-                        </a>
-                    </div>
-                </template>
-                <template #macos>
-                    <div class="cli-install__macos">
-                        <h2 class="cli-install__macos__sub-title">Curl Download</h2>
-                        <div class="cli-install__macos__commands">
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="curl -L https://github.com/storj/storj/releases/latest/download/uplink_darwin_amd64.zip -o uplink_darwin_amd64.zip"
-                                aria-role-description="macos-curl"
-                            />
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="unzip -o uplink_darwin_amd64.zip"
-                                aria-role-description="macos-unzip"
-                            />
-                            <TabWithCopy
-                                class="cli-install__linux__commands__item"
-                                value="sudo install uplink /usr/local/bin/uplink"
-                                aria-role-description="macos-install"
-                            />
-                        </div>
-                        <a
-                            class="cli-install__macos__link"
-                            href="https://github.com/storj/storj/releases/latest/download/uplink_darwin_amd64.zip"
-                        >
-                            macOS Uplink Binary
-                        </a>
-                    </div>
-                </template>
-            </OSContainer>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/cliSetupStep.svg';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .cli-install {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-            align-self: flex-start;
-        }
-
-        &__macos,
-        &__linux,
-        &__windows {
-            border: 1px solid rgb(230 236 241);
-            display: block;
-            padding: 24px;
-            background: rgb(255 255 255);
-            border-radius: 0 6px 6px;
-
-            &__title {
-                font-size: 20px;
-                margin-bottom: 24px;
-            }
-
-            &__sub-title {
-                font-size: 16px;
-            }
-
-            &__title,
-            &__sub-title {
-                line-height: 1.5;
-                font-family: 'font_medium', sans-serif;
-            }
-
-            &__commands {
-                color: rgb(230 236 241);
-                margin: 32px 0;
-                padding: 24px;
-                overflow: auto;
-                font-size: 14px;
-                background: rgb(24 48 85);
-
-                &__item {
-                    white-space: nowrap;
-
-                    &:nth-child(2) {
-                        margin: 10px 0;
-                    }
-                }
-            }
-
-            &__link {
-                color: rgb(55 111 255);
-            }
-
-            &__msg {
-                font-size: 15px;
-                line-height: 1.625;
-                margin-top: 20px;
-
-                &__bold {
-                    font-family: 'font_medium', sans-serif;
-                }
-            }
-        }
-    }
-
-    .margin-top {
-        margin-top: 24px;
-    }
-
-    :deep(.tab-copy) {
-        display: inline-flex;
-        padding: 0;
-    }
-
-    :deep(.tab-copy__value) {
-        overflow: unset;
-        text-overflow: unset;
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/CLISetup.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/CLISetup.vue
deleted file mode 100644
index af39c7f7ee1e..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/CLISetup.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Uplink setup"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="cli">
-            <p class="cli__msg">
-                To configure your Uplink CLI, run
-                <b class="cli__msg__bold">uplink setup</b>.
-            </p>
-            <OSContainer>
-                <template #windows>
-                    <TabWithCopy value="./uplink.exe setup" aria-role-description="windows-cli-setup" />
-                </template>
-                <template #linux>
-                    <TabWithCopy value="uplink setup" aria-role-description="linux-cli-setup" />
-                </template>
-                <template #macos>
-                    <TabWithCopy value="uplink setup" aria-role-description="macos-cli-setup" />
-                </template>
-            </OSContainer>
-            <p class="cli__msg">Follow the prompts. When asked for your API Key, enter the token from the previous step.</p>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/cliSetupStep.svg';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .cli {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-            align-self: flex-start;
-
-            &__bold {
-                font-family: 'font_medium', sans-serif;
-            }
-
-            &:first-of-type {
-                margin-bottom: 40px;
-            }
-
-            &:last-of-type {
-                margin-top: 40px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/CreateBucket.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/CreateBucket.vue
deleted file mode 100644
index 6466fc9eaf96..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/CreateBucket.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Create a bucket"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="create-bucket">
-            <p class="create-bucket__msg">
-                Let's create a bucket to store your data.<br><br>
-                You can name your bucket using only lowercase alphanumeric characters (no spaces), like “cakes”.
-            </p>
-            <OSContainer>
-                <template #windows>
-                    <TabWithCopy value="./uplink.exe mb sj://cakes" aria-role-description="windows-create-bucket" />
-                </template>
-                <template #linux>
-                    <TabWithCopy value="uplink mb sj://cakes" aria-role-description="linux-create-bucket" />
-                </template>
-                <template #macos>
-                    <TabWithCopy value="uplink mb sj://cakes" aria-role-description="macos-create-bucket" />
-                </template>
-            </OSContainer>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/bucketStep.svg';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .create-bucket {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-            margin-bottom: 20px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/DownloadObject.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/DownloadObject.vue
deleted file mode 100644
index 71e8fb7ef8c1..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/DownloadObject.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Download a file"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="download-object">
-            <p class="download-object__msg">
-                To download the cheesecake photo, let's use the copy command:
-            </p>
-            <OSContainer>
-                <template #windows>
-                    <TabWithCopy value="./uplink.exe cp sj://cakes/cheesecake.jpg <DESTINATION_PATH>/cheesecake.jpg" aria-role-description="windows-download" />
-                </template>
-                <template #linux>
-                    <TabWithCopy value="uplink cp sj://cakes/cheesecake.jpg ~/Downloads/cheesecake.jpg" aria-role-description="linux-download" />
-                </template>
-                <template #macos>
-                    <TabWithCopy value="uplink cp sj://cakes/cheesecake.jpg ~/Downloads/cheesecake.jpg" aria-role-description="macos-download" />
-                </template>
-            </OSContainer>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/downloadObjectStep.svg';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .download-object {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/ListObject.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/ListObject.vue
deleted file mode 100644
index b60f0f2feb29..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/ListObject.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Listing a bucket"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="list-object">
-            <p class="list-object__msg">
-                To view the cheesecake photo in our bucket, let's use the list command:
-            </p>
-            <OSContainer>
-                <template #windows>
-                    <TabWithCopy value="./uplink.exe ls sj://cakes" aria-role-description="windows-list" />
-                </template>
-                <template #linux>
-                    <TabWithCopy value="uplink ls sj://cakes" aria-role-description="linux-list" />
-                </template>
-                <template #macos>
-                    <TabWithCopy value="uplink ls sj://cakes" aria-role-description="macos-list" />
-                </template>
-            </OSContainer>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/listObjectStep.svg';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .list-object {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/PermissionsSelect.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/PermissionsSelect.vue
deleted file mode 100644
index f315d06f7105..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/PermissionsSelect.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="permissions-select">
-        <div
-            class="permissions-select__toggle-container"
-            aria-roledescription="select-permissions"
-            @click.stop="toggleDropdown"
-        >
-            <p class="permissions-select__toggle-container__name">
-                <span v-if="allPermissions">All</span>
-                <span v-if="storedIsDownload && !allPermissions">Download </span>
-                <span v-if="storedIsUpload && !allPermissions">Upload </span>
-                <span v-if="storedIsList && !allPermissions">List </span>
-                <span v-if="storedIsDelete && !allPermissions">Delete</span>
-            </p>
-            <ExpandIcon
-                class="permissions-select__toggle-container__expand-icon"
-                alt="Arrow down (expand)"
-            />
-        </div>
-        <div v-if="isDropdownVisible" v-click-outside="closeDropdown" class="permissions-select__dropdown" @close="closeDropdown">
-            <div class="permissions-select__dropdown__item">
-                <input id="download" type="checkbox" name="download" :checked="storedIsDownload" @change="toggleIsDownload">
-                <label class="permissions-select__dropdown__item__label" for="download">Download</label>
-            </div>
-            <div class="permissions-select__dropdown__item">
-                <input id="upload" type="checkbox" name="upload" :checked="storedIsUpload" @change="toggleIsUpload">
-                <label class="permissions-select__dropdown__item__label" for="upload">Upload</label>
-            </div>
-            <div class="permissions-select__dropdown__item">
-                <input id="list" type="checkbox" name="list" :checked="storedIsList" @change="toggleIsList">
-                <label class="permissions-select__dropdown__item__label" for="list">List</label>
-            </div>
-            <div class="permissions-select__dropdown__item">
-                <input id="delete" type="checkbox" name="delete" :checked="storedIsDelete" @change="toggleIsDelete">
-                <label class="permissions-select__dropdown__item__label" for="delete">Delete</label>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-
-import ExpandIcon from '@/../static/images/common/BlackArrowExpand.svg';
-
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-
-const isLoading = ref<boolean>(true);
-
-/**
- * Indicates if dropdown is visible.
- */
-const isDropdownVisible = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.PERMISSIONS;
-});
-
-/**
- * Returns download permission from store.
- */
-const storedIsDownload = computed((): boolean => {
-    return agStore.state.isDownload;
-});
-
-/**
- * Returns upload permission from store.
- */
-const storedIsUpload = computed((): boolean => {
-    return agStore.state.isUpload;
-});
-
-/**
- * Returns list permission from store.
- */
-const storedIsList = computed((): boolean => {
-    return agStore.state.isList;
-});
-
-/**
- * Returns delete permission from store.
- */
-const storedIsDelete = computed((): boolean => {
-    return agStore.state.isDelete;
-});
-
-/**
- * Indicates if everything is allowed.
- */
-const allPermissions = computed((): boolean => {
-    return storedIsDownload.value && storedIsUpload.value && storedIsList.value && storedIsDelete.value;
-});
-
-/**
- * Toggles dropdown visibility.
- */
-function toggleDropdown(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.PERMISSIONS);
-}
-
-/**
- * Closes dropdown.
- */
-function closeDropdown(): void {
-    appStore.closeDropdowns();
-}
-
-/**
- * Sets is download permission.
- */
-function toggleIsDownload(): void {
-    agStore.toggleIsDownloadPermission();
-}
-
-/**
- * Sets is upload permission.
- */
-function toggleIsUpload(): void {
-    agStore.toggleIsUploadPermission();
-}
-
-/**
- * Sets is list permission.
- */
-function toggleIsList(): void {
-    agStore.toggleIsListPermission();
-}
-
-/**
- * Sets is delete permission.
- */
-function toggleIsDelete(): void {
-    agStore.toggleIsDeletePermission();
-}
-</script>
-
-<style scoped lang="scss">
-    .permissions-select {
-        background-color: #fff;
-        cursor: pointer;
-        border-radius: 6px;
-        border: 1px solid rgb(56 75 101 / 40%);
-        font-family: 'font_regular', sans-serif;
-        width: 100%;
-        position: relative;
-
-        &__toggle-container {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 15px 20px;
-            width: calc(100% - 40px);
-            border-radius: 6px;
-
-            &__name {
-                font-size: 16px;
-                line-height: 21px;
-                color: #384b65;
-                margin: 0;
-            }
-        }
-
-        &__dropdown {
-            cursor: default;
-            position: absolute;
-            top: calc(100% + 5px);
-            left: 0;
-            z-index: 1;
-            border-radius: 6px;
-            border: 1px solid rgb(56 75 101 / 40%);
-            background-color: #fff;
-            padding: 10px 20px;
-            width: calc(100% - 40px);
-            box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-
-            &__item {
-                display: flex;
-                align-items: center;
-                cursor: pointer;
-
-                &__label {
-                    cursor: pointer;
-                    font-size: 16px;
-                    line-height: 26px;
-                    color: #000;
-                    margin-left: 15px;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/ProgressBar.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/ProgressBar.vue
deleted file mode 100644
index 29b0042b6c50..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/ProgressBar.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="progress">
-        <p class="progress__title">Quickstart Guide</p>
-        <h1 class="progress__subtitle">Start with Uplink CLI</h1>
-        <div class="progress__bar">
-            <div class="progress__bar__fill" :style="{width: fill}" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-
-const route = useRoute();
-
-/**
- * Returns fill bar width depending on current route name.
- */
-const fill = computed((): string => {
-    switch (route.name) {
-    case RouteConfig.AGName.name:
-        return '9%';
-    case RouteConfig.AGPermissions.name:
-        return '18%';
-    case RouteConfig.APIKey.name:
-        return '27%';
-    case RouteConfig.CLIInstall.name:
-        return '36%';
-    case RouteConfig.CLISetup.name:
-        return '45%';
-    case RouteConfig.CreateBucket.name:
-        return '54%';
-    case RouteConfig.UploadObject.name:
-        return '63%';
-    case RouteConfig.ListObject.name:
-        return '72%';
-    case RouteConfig.DownloadObject.name:
-        return '81%';
-    case RouteConfig.ShareObject.name:
-        return '90%';
-    case RouteConfig.SuccessScreen.name:
-        return '100%';
-    default:
-        return '0%';
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .progress {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        margin-bottom: 30px;
-
-        &__title {
-            font-size: 16px;
-            line-height: 24px;
-            color: #000;
-        }
-
-        &__subtitle {
-            font-size: 28px;
-            line-height: 36px;
-            letter-spacing: -0.02em;
-            color: #000;
-            margin-bottom: 16px;
-            font-family: 'font_bold', sans-serif;
-        }
-
-        &__bar {
-            width: 580px;
-            height: 16px;
-            background: var(--c-grey-3);
-            border-radius: 8px;
-
-            @media screen and (width <= 600px) {
-                width: 100%;
-            }
-
-            &__fill {
-                height: 16px;
-                background: var(--c-green-5);
-                border-radius: 8px;
-                transition: width 0.2s;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/ShareObject.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/ShareObject.vue
deleted file mode 100644
index c0f95131f66d..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/ShareObject.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Share a link with the world"
-    >
-        <template #icon>
-            <img class="image" src="@/../static/images/onboardingTour/shareStep.png" alt="share">
-        </template>
-        <template #content class="share-object">
-            <p class="share-object__msg">
-                You can generate a shareable URL and view the geographic distribution of your object via the Link
-                Sharing Service. Run the uplink share --url command.
-            </p>
-            <OSContainer>
-                <template #windows>
-                    <TabWithCopy value="./uplink.exe share --url sj://cakes/cheesecake.jpg" aria-role-description="windows-share" />
-                </template>
-                <template #linux>
-                    <TabWithCopy value="uplink share --url sj://cakes/cheesecake.jpg" aria-role-description="linux-share" />
-                </template>
-                <template #macos>
-                    <TabWithCopy value="uplink share --url sj://cakes/cheesecake.jpg" aria-role-description="macos-share" />
-                </template>
-            </OSContainer>
-            <p class="share-object__msg">
-                Copy the URL that is returned by the
-                <b class="share-object__msg__bold">uplink share --url</b>
-                command and paste into your browser window.
-            </p>
-            <p class="share-object__msg">
-                You will see your file and a map with real distribution of your files' pieces uploaded to the network.
-                You can share it with anyone you'd like.
-            </p>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.SuccessScreen)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.SuccessScreen)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .share-object {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-
-            &:nth-of-type(2),
-            &:last-of-type {
-                margin-top: 20px;
-            }
-        }
-    }
-
-    .image {
-        max-width: 267px;
-        max-height: 90px;
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/SuccessScreen.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/SuccessScreen.vue
deleted file mode 100644
index 0cb5c186bce7..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/SuccessScreen.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="success-screen">
-        <Icon />
-        <h1 class="success-screen__title" aria-roledescription="title">
-            Wonderful, you have completed the Uplink CLI Quickstart Guide
-        </h1>
-        <p class="success-screen__msg">
-            If you want to learn more, visit the
-            <a class="link" href="https://docs.storj.io/" target="_blank" rel="noopener noreferrer">documentation</a>.
-            You can also find a list of all the
-            <a class="link" href="https://www.storj.io/integrations" target="_blank" rel="noopener noreferrer">integrations</a> on the website.
-        </p>
-        <div class="success-screen__buttons">
-            <VButton
-                label="Back"
-                height="48px"
-                :is-white="true"
-                :on-press="onBackClick"
-            />
-            <VButton
-                label="Finish"
-                height="48px"
-                :on-press="onFinishClick"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-import Icon from '@/../static/images/onboardingTour/successStep.svg';
-
-const analyticsStore = useAnalyticsStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-const router = useRouter();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
-}
-
-/**
- * Holds on finish button click logic.
- */
-async function onFinishClick(): Promise<void> {
-    endOnboarding();
-    analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-    await router.push(RouteConfig.ProjectDashboard.path);
-}
-
-async function endOnboarding(): Promise<void> {
-    try {
-        await usersStore.updateSettings({ onboardingEnd: true });
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.ONBOARDING_OVERVIEW_STEP);
-    }
-}
-</script>
-
-<style scoped lang="scss">
-    .success-screen {
-        font-family: 'font_regular', sans-serif;
-        background: #fcfcfc;
-        box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-        border-radius: 20px;
-        padding: 48px;
-        max-width: 484px;
-        display: flex;
-        align-items: center;
-        flex-direction: column;
-
-        @media screen and (width <= 600px) {
-            padding: 24px;
-        }
-
-        &__title {
-            margin: 20px 0;
-            font-family: 'font_Bold', sans-serif;
-            font-size: 28px;
-            line-height: 36px;
-            text-align: center;
-            letter-spacing: -0.02em;
-            color: #14142b;
-        }
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-        }
-
-        &__buttons {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            margin-top: 24px;
-            column-gap: 24px;
-
-            @media screen and (width <= 450px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 24px;
-            }
-        }
-    }
-
-    .link {
-        color: #1b2533;
-        text-decoration: underline !important;
-        text-underline-position: under;
-
-        &:visited {
-            color: #1b2533;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/UploadObject.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/UploadObject.vue
deleted file mode 100644
index 56ab15658937..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/UploadObject.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <CLIFlowContainer
-        :on-back-click="onBackClick"
-        :on-next-click="onNextClick"
-        title="Ready to upload"
-    >
-        <template #icon>
-            <Icon />
-        </template>
-        <template #content class="upload-object">
-            <p class="upload-object__msg">
-                Here is an example image you can use for your first upload. Just right-click on it and save as
-                cheesecake.jpg to your Desktop.
-            </p>
-            <img class="upload-object__icon" src="@/../static/images/onboardingTour/cheesecake.jpg" alt="Cheesecake">
-            <p class="upload-object__msg">
-                Now to upload the photo, use the copy command.
-            </p>
-            <OSContainer>
-                <template #windows>
-                    <TabWithCopy value="./uplink.exe cp <FILE_PATH> sj://cakes" aria-role-description="windows-upload" />
-                </template>
-                <template #linux>
-                    <TabWithCopy value="uplink cp ~/Desktop/cheesecake.jpg sj://cakes" aria-role-description="linux-upload" />
-                </template>
-                <template #macos>
-                    <TabWithCopy value="uplink cp ~/Desktop/cheesecake.jpg sj://cakes" aria-role-description="macos-upload" />
-                </template>
-            </OSContainer>
-        </template>
-    </CLIFlowContainer>
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
-import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
-import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vue';
-
-import Icon from '@/../static/images/onboardingTour/uploadStep.svg';
-
-const router = useRouter();
-
-const analyticsStore = useAnalyticsStore();
-
-/**
- * Holds on back button click logic.
- */
-async function onBackClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
-}
-
-/**
- * Holds on next button click logic.
- */
-async function onNextClick(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
-    await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
-}
-</script>
-
-<style scoped lang="scss">
-    .upload-object {
-        font-family: 'font_regular', sans-serif;
-
-        &__msg {
-            font-size: 16px;
-            line-height: 24px;
-            color: #1b2533;
-            align-self: flex-start;
-        }
-
-        &__icon {
-            margin: 20px 0;
-            width: 100%;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketNameBullet.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketNameBullet.vue
deleted file mode 100644
index 7ad5cba3a443..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketNameBullet.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="bucket-bullet">
-        <p class="bucket-bullet__label">{{ name }}</p>
-        <UnselectIcon class="bucket-bullet__icon" @click.stop="toggleBucketSelection(name)" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-
-import UnselectIcon from '@/../static/images/accessGrants/unselect.svg';
-
-const agStore = useAccessGrantsStore();
-
-const props = withDefaults(defineProps<{
-    name: string,
-}>(), {
-    name: '',
-});
-
-/**
- * Toggles bucket selection.
- */
-function toggleBucketSelection(name: string): void {
-    agStore.toggleBucketSelection(name);
-}
-</script>
-
-<style scoped lang="scss">
-    .bucket-bullet {
-        padding: 5px 5px 5px 10px;
-        display: flex;
-        align-items: center;
-        background: #e7eaee;
-        border-radius: 50px;
-        margin: 0 5px 5px 0;
-
-        &__label {
-            font-family: 'font_bold', sans-serif;
-            font-style: normal;
-            font-weight: bold;
-            font-size: 13px;
-            line-height: 15px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            max-width: 190px;
-            letter-spacing: 0.05em;
-            color: #1b2533;
-            margin: 0;
-        }
-
-        &__icon {
-            cursor: pointer;
-            margin-left: 10px;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsDropdown.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsDropdown.vue
deleted file mode 100644
index 6fdba13d6eea..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsDropdown.vue
+++ /dev/null
@@ -1,240 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-click-outside="closeDropdown" class="buckets-dropdown">
-        <div class="buckets-dropdown__container">
-            <p class="buckets-dropdown__container__all" @click.stop="clearSelectedBuckets">
-                All
-            </p>
-            <label class="buckets-dropdown__container__search">
-                <input
-                    v-model="bucketSearch"
-                    class="buckets-dropdown__container__search__input"
-                    placeholder="Search buckets"
-                    type="text"
-                >
-            </label>
-            <div
-                v-for="(name, index) in bucketsList"
-                :key="index"
-                class="buckets-dropdown__container__choices"
-            >
-                <div
-                    class="buckets-dropdown__container__choices__item"
-                    :class="{ selected: isNameSelected(name) }"
-                    @click.stop="toggleBucketSelection(name)"
-                >
-                    <div class="buckets-dropdown__container__choices__item__left">
-                        <div class="check-icon">
-                            <SelectionIcon v-if="isNameSelected(name)" />
-                        </div>
-                        <p class="buckets-dropdown__container__choices__item__left__label">{{ name }}</p>
-                    </div>
-                    <UnselectIcon
-                        v-if="isNameSelected(name)"
-                        class="buckets-dropdown__container__choices__item__unselect-icon"
-                    />
-                </div>
-            </div>
-            <p v-if="!bucketsList.length" class="buckets-dropdown__container__no-buckets">
-                No Buckets
-            </p>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-
-import SelectionIcon from '@/../static/images/accessGrants/selection.svg';
-import UnselectIcon from '@/../static/images/accessGrants/unselect.svg';
-
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-
-const bucketSearch = ref<string>('');
-
-/**
- * Returns stored bucket names list filtered by search string.
- */
-const bucketsList = computed((): string[] => {
-    const NON_EXIST_INDEX = -1;
-    const buckets: string[] = bucketsStore.state.allBucketNames;
-
-    return buckets.filter((name: string) => {
-        return name.indexOf(bucketSearch.value.toLowerCase()) !== NON_EXIST_INDEX;
-    });
-});
-
-/**
- * Returns stored selected bucket names.
- */
-const selectedBucketNames = computed((): string[] => {
-    return agStore.state.selectedBucketNames;
-});
-
-/**
- * Clears selection of specific buckets and closes dropdown.
- */
-function clearSelectedBuckets(): void {
-    agStore.clearSelection();
-    closeDropdown();
-}
-
-/**
- * Toggles bucket selection.
- */
-function toggleBucketSelection(name: string): void {
-    agStore.toggleBucketSelection(name);
-}
-
-/**
- * Indicates if bucket name is selected.
- * @param name
- */
-function isNameSelected(name: string): boolean {
-    return selectedBucketNames.value.includes(name);
-}
-
-/**
- * Closes dropdown.
- */
-function closeDropdown(): void {
-    appStore.closeDropdowns();
-}
-</script>
-
-<style scoped lang="scss">
-    ::-webkit-scrollbar,
-    ::-webkit-scrollbar-track,
-    ::-webkit-scrollbar-thumb {
-        margin: 0;
-        width: 0;
-    }
-
-    .buckets-dropdown {
-        position: absolute;
-        z-index: 2;
-        left: 0;
-        top: calc(100% + 5px);
-        box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-        border-radius: 6px;
-        background-color: #fff;
-        border: 1px solid rgb(56 75 101 / 40%);
-        width: 100%;
-        padding: 10px 0;
-        cursor: default;
-
-        &__container {
-            overflow: hidden auto;
-            width: 100%;
-            max-height: 230px;
-            background-color: #fff;
-            border-radius: 6px;
-            font-family: 'font_regular', sans-serif;
-            font-style: normal;
-            font-weight: normal;
-            font-size: 16px;
-            line-height: 21px;
-            color: #384b65;
-
-            &__search {
-                padding: 5px 10px;
-                width: calc(100% - 20px);
-
-                &__input {
-                    font-size: 14px;
-                    line-height: 18px;
-                    border-radius: 6px;
-                    width: calc(100% - 30px);
-                    padding: 5px;
-                }
-            }
-
-            &__all {
-                margin: 0;
-                cursor: pointer;
-                background-color: #fff;
-                width: calc(100% - 50px);
-                padding: 15px 0 15px 50px;
-
-                &:hover {
-                    background-color: #ecedf2;
-                }
-            }
-
-            &__no-buckets {
-                font-family: 'font_bold', sans-serif;
-                margin: 0;
-                font-size: 18px;
-                line-height: 24px;
-                cursor: default;
-                color: #000;
-                background-color: #fff;
-                width: 100%;
-                padding: 15px 0;
-                text-align: center;
-            }
-
-            &__choices {
-
-                &__item__unselect-icon {
-                    opacity: 0;
-                }
-
-                .selected {
-                    background-color: #f5f6fa;
-
-                    &:hover {
-
-                        .buckets-dropdown__container__choices__item__unselect-icon {
-                            opacity: 1 !important;
-                        }
-                    }
-                }
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    padding: 15px 20px;
-                    width: calc(100% - 40px);
-                    cursor: pointer;
-
-                    &__left {
-                        display: flex;
-                        align-items: center;
-                        max-width: 100%;
-
-                        &__label {
-                            margin: 0 0 0 15px;
-                            text-overflow: ellipsis;
-                            white-space: nowrap;
-                            overflow: hidden;
-                        }
-                    }
-
-                    &:hover {
-                        background-color: #ecedf2;
-                    }
-                }
-            }
-        }
-    }
-
-    .check-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 14px;
-        height: 11px;
-        max-width: 14px;
-        max-height: 11px;
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsSelection.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsSelection.vue
deleted file mode 100644
index aa5ba9cba6f7..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/BucketsSelection.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="buckets-selection">
-        <div
-            class="buckets-selection__toggle-container"
-            @click.stop="toggleDropdown"
-        >
-            <h1 class="buckets-selection__toggle-container__name">{{ selectionLabel }}</h1>
-            <ExpandIcon
-                class="buckets-selection__toggle-container__expand-icon"
-                alt="Arrow down (expand)"
-            />
-        </div>
-        <BucketsDropdown v-if="isDropdownShown" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-
-import BucketsDropdown from '@/components/onboardingTour/steps/cliFlow/permissions/BucketsDropdown.vue';
-
-import ExpandIcon from '@/../static/images/common/BlackArrowExpand.svg';
-
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-
-/**
- * Indicates if dropdown is shown.
- */
-const isDropdownShown = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.BUCKET_NAMES;
-});
-
-/**
- * Returns selection options (all or items count).
- */
-const selectionLabel = computed((): string => {
-    const ALL_SELECTED = 'All';
-
-    if (!storedBucketNames.value.length) {
-        return ALL_SELECTED;
-    }
-
-    return storedBucketNames.value.length.toString();
-});
-
-/**
- * Returns stored selected bucket names.
- */
-const storedBucketNames = computed((): string[] => {
-    return agStore.state.selectedBucketNames;
-});
-
-/**
- * Toggles dropdown visibility.
- */
-function toggleDropdown(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.BUCKET_NAMES);
-}
-</script>
-
-<style scoped lang="scss">
-    .buckets-selection {
-        background-color: #fff;
-        cursor: pointer;
-        margin-left: 20px;
-        border-radius: 6px;
-        border: 1px solid rgb(56 75 101 / 40%);
-        font-family: 'font_regular', sans-serif;
-        width: 235px;
-        position: relative;
-
-        &__toggle-container {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 15px 20px;
-            width: calc(100% - 40px);
-            border-radius: 6px;
-
-            &__name {
-                font-style: normal;
-                font-weight: normal;
-                font-size: 16px;
-                line-height: 21px;
-                color: #384b65;
-                margin: 0;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationPicker.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationPicker.vue
deleted file mode 100644
index 84b119fe15be..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationPicker.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-click-outside="closePicker" class="duration-picker">
-        <div class="duration-picker__list">
-            <ul class="duration-picker__list__column">
-                <li class="duration-picker__list__column-item" @click="onForeverClick">Forever</li>
-                <li class="duration-picker__list__column-item" @click="onOneDayClick">24 Hours</li>
-                <li class="duration-picker__list__column-item" @click="onOneWeekClick">1 Week</li>
-            </ul>
-            <ul class="duration-picker__list__column">
-                <li class="duration-picker__list__column-item" @click="onOneMonthClick">1 month</li>
-                <li class="duration-picker__list__column-item" @click="onSixMonthsClick">6 Months</li>
-                <li class="duration-picker__list__column-item" @click="onOneYearClick">1 Year</li>
-            </ul>
-        </div>
-        <hr class="duration-picker__break">
-        <div class="duration-picker__wrapper">
-            <VDateRangePicker :on-date-pick="onCustomRangePick" :is-open="true" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { DurationPermission } from '@/types/accessGrants';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-
-import VDateRangePicker from '@/components/common/VDateRangePicker.vue';
-
-const emit = defineEmits(['setLabel']);
-
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-
-/**
- * onCustomRangePick holds logic for choosing custom date range.
- * @param dateRange
- */
-function onCustomRangePick(dateRange: Date[]): void {
-    const before = dateRange[0];
-    const after = new Date(dateRange[1].getFullYear(), dateRange[1].getMonth(), dateRange[1].getDate(), 23, 59, 59);
-
-    const permission: DurationPermission = new DurationPermission(before, after);
-    const fromFormattedString = before.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: '2-digit' });
-    const toFormattedString = after.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: '2-digit' });
-    const rangeLabel = `${fromFormattedString} - ${toFormattedString}`;
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', rangeLabel);
-}
-
-/**
- * Holds on "forever" choice click logic.
- */
-function onForeverClick(): void {
-    const permission = new DurationPermission(null, null);
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', 'Forever');
-    closePicker();
-}
-
-/**
- * Holds on "1 month" choice click logic.
- */
-function onOneMonthClick(): void {
-    const now = new Date();
-    const inAMonth = new Date(now.setMonth(now.getMonth() + 1));
-    const permission = new DurationPermission(new Date(), inAMonth);
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', '1 Month');
-    closePicker();
-}
-
-/**
- * Holds on "24 hours" choice click logic.
- */
-function onOneDayClick(): void {
-    const now = new Date();
-    const inADay = new Date(now.setDate(now.getDate() + 1));
-    const permission = new DurationPermission(new Date(), inADay);
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', '24 Hours');
-    closePicker();
-}
-
-/**
- * Holds on "1 week" choice click logic.
- */
-function onOneWeekClick(): void {
-    const now = new Date();
-    const inAWeek = new Date(now.setDate(now.getDate() + 7));
-    const permission = new DurationPermission(new Date(), inAWeek);
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', '1 Week');
-    closePicker();
-}
-
-/**
- * Holds on "6 month" choice click logic.
- */
-function onSixMonthsClick(): void {
-    const now = new Date();
-    const inSixMonth = new Date(now.setMonth(now.getMonth() + 6));
-    const permission = new DurationPermission(new Date(), inSixMonth);
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', '6 Months');
-    closePicker();
-}
-
-/**
- * Holds on "1 year" choice click logic.
- */
-function onOneYearClick(): void {
-    const now = new Date();
-    const inOneYear = new Date(now.setFullYear(now.getFullYear() + 1));
-    const permission = new DurationPermission(new Date(), inOneYear);
-
-    agStore.setDurationPermission(permission);
-    emit('setLabel', '1 Year');
-    closePicker();
-}
-
-/**
- * Closes duration picker.
- */
-function closePicker(): void {
-    appStore.closeDropdowns();
-}
-</script>
-
-<style scoped lang="scss">
-    @mixin date-container {
-        background: #fff;
-        width: 600px;
-        border: 1px solid #384b65;
-        border-radius: 6px;
-        margin: 0 auto;
-        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
-        position: absolute;
-        z-index: 1;
-        top: 100%;
-
-        @media screen and (width <= 930px) {
-            width: 500px;
-        }
-
-        @media screen and (width <= 750px) {
-            width: 100%;
-        }
-    }
-
-    .duration-picker {
-        @include date-container;
-
-        right: 0;
-
-        &__access-date-container {
-            @include date-container;
-
-            right: -88%;
-        }
-
-        &__list {
-            column-count: 2;
-            column-gap: 48px;
-            padding: 10px 24px 0;
-
-            @media screen and (width <= 380px) {
-                padding: 10px 10px 0;
-                column-gap: 24px;
-            }
-
-            &__column {
-                list-style-type: none;
-                padding-left: 0;
-                margin-top: 0;
-            }
-
-            &__column-item {
-                font-size: 14px;
-                font-weight: 400;
-                padding: 10px 0 10px 12px;
-                border-left: 7px solid #fff;
-                color: #1b2533;
-
-                &:hover {
-                    font-weight: bold;
-                    background: #f5f6fa;
-                    border-left: 6px solid #2582ff;
-                    cursor: pointer;
-                }
-            }
-        }
-
-        &__break {
-            width: 84%;
-            margin: 10px auto;
-        }
-
-        &__wrapper {
-            width: 100%;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationSelection.vue b/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationSelection.vue
deleted file mode 100644
index 64872e98a140..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/cliFlow/permissions/DurationSelection.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="duration-selection">
-        <div
-            class="duration-selection__toggle-container"
-            aria-roledescription="select-duration"
-            @click.stop="togglePicker"
-        >
-            <h1 class="duration-selection__toggle-container__name">{{ dateRangeLabel }}</h1>
-            <ExpandIcon
-                class="duration-selection__toggle-container__expand-icon"
-                alt="Arrow down (expand)"
-            />
-        </div>
-        <DurationPicker
-            v-if="isDurationPickerVisible"
-            @setLabel="setDateRangeLabel"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-
-import DurationPicker from '@/components/onboardingTour/steps/cliFlow/permissions/DurationPicker.vue';
-
-import ExpandIcon from '@/../static/images/common/BlackArrowExpand.svg';
-
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-
-const dateRangeLabel = ref<string>('Forever');
-
-/**
- * Indicates if date picker is shown.
- */
-const isDurationPickerVisible = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.AG_DATE_PICKER;
-});
-
-/**
- * Returns not before date permission from store.
- */
-const notBeforePermission = computed((): Date | null => {
-    return agStore.state.permissionNotBefore;
-});
-
-/**
- * Returns not after date permission from store.
- */
-const notAfterPermission = computed((): Date | null => {
-    return agStore.state.permissionNotAfter;
-});
-
-/**
- * Toggles duration picker.
- */
-function togglePicker(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.AG_DATE_PICKER);
-}
-
-/**
- * Sets date range label.
- */
-function setDateRangeLabel(label: string): void {
-    dateRangeLabel.value = label;
-}
-
-/**
- * Mounted hook after initial render.
- * Sets previously selected date range if exists.
- */
-onMounted(() => {
-    if (notBeforePermission.value && notAfterPermission.value) {
-        const fromFormattedString = notBeforePermission.value.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: '2-digit' });
-        const toFormattedString = notAfterPermission.value.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: '2-digit' });
-        dateRangeLabel.value = `${fromFormattedString} - ${toFormattedString}`;
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .duration-selection {
-        background-color: #fff;
-        cursor: pointer;
-        margin-left: 15px;
-        border-radius: 6px;
-        border: 1px solid rgb(56 75 101 / 40%);
-        font-family: 'font_regular', sans-serif;
-        width: 235px;
-        position: relative;
-
-        &__toggle-container {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 15px 20px;
-            width: calc(100% - 40px);
-
-            &__name {
-                font-style: normal;
-                font-weight: normal;
-                font-size: 16px;
-                line-height: 21px;
-                color: #384b65;
-                margin: 0;
-            }
-        }
-    }
-
-    .access-date-container {
-        margin-left: 0;
-        height: 40px;
-        border: 1px solid var(--c-grey-4);
-    }
-
-    .access-date-text {
-        padding: 10px 20px;
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/common/CLIFlowContainer.vue b/web/satellite/src/components/onboardingTour/steps/common/CLIFlowContainer.vue
deleted file mode 100644
index d6a7a3e639da..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/common/CLIFlowContainer.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="flow-container">
-        <slot name="icon" />
-        <h1 class="flow-container__title" aria-roledescription="title">{{ title }}</h1>
-        <slot name="content" />
-        <div class="flow-container__buttons">
-            <VButton
-                label="Back"
-                height="48px"
-                :is-white="true"
-                :on-press="onBackClick"
-                :is-disabled="isLoading"
-            />
-            <VButton
-                label="Continue ->"
-                height="48px"
-                :on-press="onNextClick"
-                :is-disabled="isLoading"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import VButton from '@/components/common/VButton.vue';
-
-const props = withDefaults(defineProps<{
-    onNextClick: () => unknown;
-    onBackClick: () => unknown;
-    title: string;
-    isLoading?: boolean;
-}>(), {
-    onNextClick: () => {},
-    onBackClick: () => {},
-    title: '',
-    isLoading: false,
-});
-</script>
-
-<style scoped lang="scss">
-    .flow-container {
-        font-family: 'font_regular', sans-serif;
-        background: #fff;
-        box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-        border-radius: 20px;
-        padding: 48px;
-        max-width: 484px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        @media screen and (width <= 600px) {
-            padding: 24px;
-        }
-
-        &__title {
-            margin: 20px 0;
-            font-family: 'font_Bold', sans-serif;
-            font-size: 28px;
-            line-height: 36px;
-            text-align: center;
-            color: #14142b;
-        }
-
-        &__buttons {
-            display: flex;
-            align-items: center;
-            width: 100%;
-            margin-top: 34px;
-            column-gap: 24px;
-
-            @media screen and (width <= 450px) {
-                flex-direction: column-reverse;
-                column-gap: unset;
-                row-gap: 24px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/common/OSContainer.vue b/web/satellite/src/components/onboardingTour/steps/common/OSContainer.vue
deleted file mode 100644
index 0edd70c769be..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/common/OSContainer.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="os">
-        <div class="os__tabs">
-            <p
-                class="os__tabs__choice"
-                :class="{active: isWindows && !isInstallStep, 'active-install-step': isWindows && isInstallStep}"
-                aria-roledescription="windows"
-                @click="setTab(OnboardingOS.WINDOWS)"
-            >
-                Windows
-            </p>
-            <p
-                class="os__tabs__choice"
-                :class="{active: isLinux && !isInstallStep, 'active-install-step': isLinux && isInstallStep}"
-                aria-roledescription="linux"
-                @click="setTab(OnboardingOS.LINUX)"
-            >
-                Linux
-            </p>
-            <p
-                class="os__tabs__choice"
-                :class="{active: isMacOS && !isInstallStep, 'active-install-step': isMacOS && isInstallStep}"
-                aria-roledescription="macos"
-                @click="setTab(OnboardingOS.MAC)"
-            >
-                macOS
-            </p>
-        </div>
-        <slot v-if="isWindows" :name="OnboardingOS.WINDOWS" />
-        <slot v-if="isLinux" :name="OnboardingOS.LINUX" />
-        <slot v-if="isMacOS" :name="OnboardingOS.MAC" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { OnboardingOS } from '@/types/common';
-import { useAppStore } from '@/store/modules/appStore';
-
-const appStore = useAppStore();
-
-const props = withDefaults(defineProps<{
-    isInstallStep?: boolean;
-}>(), {
-    isInstallStep: false,
-});
-
-const osSelected = ref<OnboardingOS>(OnboardingOS.WINDOWS);
-
-/**
- * Returns selected os from store.
- */
-const storedOsSelected = computed((): OnboardingOS | null => {
-    return appStore.state.onbSelectedOs;
-});
-
-/**
- * Indicates if mac tab is selected.
- */
-const isMacOS = computed((): boolean => {
-    return osSelected.value === OnboardingOS.MAC;
-});
-
-/**
- * Indicates if linux tab is selected.
- */
-const isLinux = computed((): boolean => {
-    return osSelected.value === OnboardingOS.LINUX;
-});
-
-/**
- * Indicates if windows tab is selected.
- */
-const isWindows = computed((): boolean => {
-    return osSelected.value === OnboardingOS.WINDOWS;
-});
-
-/**
- * Sets view to given state.
- */
-function setTab(os: OnboardingOS): void {
-    osSelected.value = os;
-    appStore.setOnboardingOS(os);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Checks user's OS.
- */
-onMounted((): void => {
-    if (storedOsSelected.value) {
-        setTab(storedOsSelected.value);
-        return;
-    }
-
-    switch (true) {
-    case navigator.appVersion.indexOf('Mac') !== -1:
-        setTab(OnboardingOS.MAC);
-        return;
-    case navigator.appVersion.indexOf('Linux') !== -1:
-        setTab(OnboardingOS.LINUX);
-        return;
-    default:
-        setTab(OnboardingOS.WINDOWS);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .os {
-        font-family: 'font_regular', sans-serif;
-        margin-top: 20px;
-        width: 100%;
-
-        &__tabs {
-            display: inline-flex;
-            align-items: center;
-            border-radius: 0 6px 6px 0;
-            border-top: 1px solid rgb(230 236 241);
-            border-left: 1px solid rgb(230 236 241);
-            border-right: 1px solid rgb(230 236 241);
-            margin-bottom: -1px;
-
-            &__choice {
-                background-color: #f5f7f9;
-                font-size: 14px;
-                padding: 16px;
-                color: #9daab6;
-                cursor: pointer;
-
-                @media screen and (width <= 350px) {
-                    padding: 10px;
-                }
-            }
-
-            &__choice:first-child {
-                border-right: 1px solid rgb(230 236 241);
-            }
-
-            &__choice:last-child {
-                border-left: 1px solid rgb(230 236 241);
-            }
-        }
-    }
-
-    .active {
-        background: rgb(24 48 85);
-        color: #e6ecf1;
-    }
-
-    .active-install-step {
-        background: #fff;
-        color: #242a31;
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue b/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
deleted file mode 100644
index bb97209ca5d2..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="overview-container">
-        <WebIcon v-if="isWeb" class="overview-container__img" alt="web" />
-        <CLIIcon v-else class="overview-container__img" alt="cli" />
-        <p v-if="isWeb" class="overview-container__enc" aria-roledescription="server-side-encryption-title">Server-side encrypted</p>
-        <p v-else class="overview-container__enc" aria-roledescription="end-to-end-encryption-title">End-to-end encrypted</p>
-        <h2 class="overview-container__title">{{ title }}</h2>
-        <p class="overview-container__info">{{ info }}</p>
-        <VButton
-            :label="buttonLabel"
-            width="240px"
-            height="48px"
-            border-radius="8px"
-            :is-disabled="isDisabled"
-            :on-press="onClick"
-        />
-        <p v-if="isWeb" class="overview-container__encryption-container">
-            By using the web browser you are opting in to
-            <a
-                class="overview-container__encryption-container__link"
-                href="https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-roledescription="server-side-encryption-link"
-            >server-side encryption</a>.
-        </p>
-        <p v-else class="overview-container__encryption-container">
-            The Uplink CLI uses
-            <a
-                class="overview-container__encryption-container__link"
-                href="https://docs.storj.io/concepts/encryption-key/design-decision-end-to-end-encryption"
-                target="_blank"
-                rel="noopener noreferrer"
-                aria-roledescription="end-to-end-encryption-link"
-            >end-to-end encryption</a> for object data, metadata and path data.
-        </p>
-    </div>
-</template>
-
-<script setup lang="ts">
-import VButton from '@/components/common/VButton.vue';
-
-import WebIcon from '@/../static/images/onboardingTour/web.svg';
-import CLIIcon from '@/../static/images/onboardingTour/cli.svg';
-
-const props = withDefaults(defineProps<{
-    isWeb?: boolean;
-    title: string;
-    info: string;
-    isDisabled?: boolean;
-    buttonLabel: string;
-    onClick: () => void;
-}>(), {
-    isWeb: false,
-    title: '',
-    info: '',
-    isDisabled: false,
-    buttonLabel: '',
-    onClick: () => {},
-});
-</script>
-
-<style scoped lang="scss">
-.overview-container {
-    background: #fcfcfc;
-    box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-    border-radius: 20px;
-    font-family: 'font_regular', sans-serif;
-    padding: 52px;
-    max-width: 394px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    &__img {
-        min-height: 83px;
-    }
-
-    &__enc {
-        font-family: 'font_bold', sans-serif;
-        font-size: 14px;
-        line-height: 36px;
-        letter-spacing: 1px;
-        color: #14142a;
-        margin-bottom: 10px;
-        text-transform: uppercase;
-    }
-
-    &__title {
-        font-family: 'font_bold', sans-serif;
-        font-size: 26px;
-        line-height: 31px;
-        letter-spacing: 1px;
-        color: #131621;
-        margin-bottom: 14px;
-    }
-
-    &__info {
-        margin-bottom: 25px;
-        font-size: 16px;
-        line-height: 21px;
-        text-align: center;
-        color: #354049;
-    }
-
-    &__encryption-container {
-        width: calc(100% - 48px);
-        padding: 12px 24px;
-        background: #fec;
-        border-radius: 8px;
-        margin-top: 37px;
-        font-size: 16px;
-        line-height: 24px;
-        color: #354049;
-        text-align: center;
-
-        &__link {
-            text-decoration: underline !important;
-            text-underline-position: under;
-            color: #354049;
-
-            &:visited {
-                color: #354049;
-            }
-        }
-    }
-}
-
-@media screen and (width <= 760px) {
-
-    .overview-container {
-        width: 250px;
-    }
-
-    .overview-container__title {
-        text-align: center;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/common/TabWithCopy.vue b/web/satellite/src/components/onboardingTour/steps/common/TabWithCopy.vue
deleted file mode 100644
index a75fa7687452..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/common/TabWithCopy.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="tab-copy">
-        <p class="tab-copy__value" :title="value" :aria-roledescription="ariaRoleDescription">{{ value }}</p>
-        <CopyIcon class="tab-copy__icon" @click="onCopyClick" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useNotify } from '@/utils/hooks';
-
-import CopyIcon from '@/../static/images/common/copy.svg';
-
-const notify = useNotify();
-
-const props = withDefaults(defineProps<{
-    value: string;
-    ariaRoleDescription: string;
-}>(), {
-    value: '',
-    ariaRoleDescription: '',
-});
-
-/**
- * Holds on copy button click logic.
- * Copies command to clipboard.
- */
-function onCopyClick(): void {
-    navigator.clipboard.writeText(props.value);
-    notify.success('Command was copied successfully');
-}
-</script>
-
-<style scoped lang="scss">
-    .tab-copy {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 24px 30px;
-        background: #183055;
-        border-radius: 0 6px 6px;
-
-        &__value {
-            font-size: 14px;
-            color: #e6ecf1;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        &__icon {
-            margin-left: 24px;
-            min-width: 13px;
-            cursor: pointer;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/onboardingTour/steps/common/ValueWithCopy.vue b/web/satellite/src/components/onboardingTour/steps/common/ValueWithCopy.vue
deleted file mode 100644
index 2cc0dc2ecad3..000000000000
--- a/web/satellite/src/components/onboardingTour/steps/common/ValueWithCopy.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="value-copy">
-        <p class="value-copy__value" :title="value" :aria-roledescription="roleDescription">{{ value }}</p>
-        <VButton
-            class="value-copy__button"
-            label="Copy"
-            width="66px"
-            height="30px"
-            :is-blue-white="true"
-            :on-press="onCopyClick"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useNotify } from '@/utils/hooks';
-
-import VButton from '@/components/common/VButton.vue';
-
-const notify = useNotify();
-
-const props = withDefaults(defineProps<{
-    value: string;
-    label: string;
-    roleDescription: string;
-}>(), {
-    value: '',
-    label: '',
-    roleDescription: '',
-});
-
-/**
- * Holds on copy button click logic.
- * Copies value to clipboard.
- */
-function onCopyClick(): void {
-    navigator.clipboard.writeText(props.value);
-    notify.success(`${props.label} was copied successfully`);
-}
-</script>
-
-<style scoped lang="scss">
-    .value-copy {
-        display: flex;
-        align-items: center;
-        padding: 12px 25px;
-        background: #eff0f7;
-        border-radius: 10px;
-        max-width: calc(100% - 50px);
-
-        @media screen and (width <= 450px) {
-            padding: 12px;
-            max-width: calc(100% - 24px);
-        }
-
-        &__value {
-            font-size: 16px;
-            line-height: 28px;
-            color: #384b65;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        &__button {
-            margin-left: 32px;
-            min-width: 66px;
-
-            @media screen and (width <= 450px) {
-                margin-left: 12px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/project/EditProjectDetails.vue b/web/satellite/src/components/project/EditProjectDetails.vue
deleted file mode 100644
index 0d5aeb7bfd55..000000000000
--- a/web/satellite/src/components/project/EditProjectDetails.vue
+++ /dev/null
@@ -1,893 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="project-details">
-        <div class="project-details__wrapper">
-            <p class="project-details__wrapper__back" @click.stop.prevent="onBackClick">&lt;- Back</p>
-            <div class="project-details__wrapper__container">
-                <h1 class="project-details__wrapper__container__title">Project Details</h1>
-                <p class="project-details__wrapper__container__label">Name</p>
-                <div v-if="!isNameEditing" class="project-details__wrapper__container__name-area">
-                    <p class="project-details__wrapper__container__name-area__name">{{ storedProject.name }}</p>
-                    <VButton
-                        label="Edit"
-                        width="64px"
-                        height="28px"
-                        :on-press="toggleNameEditing"
-                        :is-white="true"
-                    />
-                </div>
-                <div v-if="isNameEditing" class="project-details__wrapper__container__name-editing">
-                    <input
-                        v-model="nameValue"
-                        class="project-details__wrapper__container__name-editing__input"
-                        placeholder="Enter a name for your project"
-                        @input="onNameInput"
-                        @change="onNameInput"
-                    >
-                    <span class="project-details__wrapper__container__name-editing__limit">{{ nameValue.length }}/{{ nameLength }}</span>
-                    <VButton
-                        class="project-details__wrapper__container__name-editing__save-button"
-                        label="Save"
-                        width="66px"
-                        height="30px"
-                        :on-press="onSaveNameButtonClick"
-                    />
-                </div>
-                <p class="project-details__wrapper__container__label">Description</p>
-                <div v-if="!isDescriptionEditing" class="project-details__wrapper__container__description-area">
-                    <p class="project-details__wrapper__container__description-area__description">{{ displayedDescription }}</p>
-                    <VButton
-                        label="Edit"
-                        width="64px"
-                        height="28px"
-                        :on-press="toggleDescriptionEditing"
-                        :is-white="true"
-                    />
-                </div>
-                <div v-if="isDescriptionEditing" class="project-details__wrapper__container__description-editing">
-                    <input
-                        v-model="descriptionValue"
-                        class="project-details__wrapper__container__description-editing__input"
-                        placeholder="Enter a description for your project"
-                        @input="onDescriptionInput"
-                        @change="onDescriptionInput"
-                    >
-                    <span class="project-details__wrapper__container__description-editing__limit">{{ descriptionValue.length }}/{{ descriptionLength }}</span>
-                    <VButton
-                        class="project-details__wrapper__container__description-editing__save-button"
-                        label="Save"
-                        width="66px"
-                        height="30px"
-                        :on-press="onSaveDescriptionButtonClick"
-                    />
-                </div>
-                <div v-if="isPaidTier" class="project-details__wrapper__container__limits">
-                    <p class="project-details__wrapper__container__label">Storage Limit</p>
-                    <div v-if="!isStorageLimitEditing" class="project-details__wrapper__container__limits__storagelimit-area">
-                        <p class="project-details__wrapper__container__limits__storagelimit-area__storagelimit">{{ storageLimitFormatted }}</p>
-                        <VButton
-                            label="Edit"
-                            width="64px"
-                            height="28px"
-                            :on-press="toggleStorageLimitEditing"
-                            :is-white="true"
-                        />
-                    </div>
-                    <div v-if="isStorageLimitEditing" class="project-details__wrapper__container__limits__storagelimit-editing__section">
-                        <div class="project-details__wrapper__container__limits__storagelimit-editing__slider__wrapper">
-                            <input
-                                v-model="storageLimitValue"
-                                class="project-details__wrapper__container__limits__storagelimit-editing__slider__input"
-                                min="0"
-                                :max="paidStorageLimit"
-                                type="range"
-                                @input="onStorageLimitInput"
-                                @change="onStorageLimitInput"
-                            >
-                            <div class="project-details__wrapper__container__limits__storagelimit-editing__slider__label-wrapper">
-                                <p class="project-details__wrapper__container__limits__storagelimit-editing__slider__label">0 {{ storageMeasurementFormatted }}</p>
-                                <p class="project-details__wrapper__container__limits__storagelimit-editing__slider__label">{{ paidStorageLimit }}</p>
-                            </div>
-                        </div>
-                        <div class="project-details__wrapper__container__limits__storagelimit-editing__units-wrapper">
-                            <p
-                                class="project-details__wrapper__container__limits__storagelimit-editing__unit"
-                                :class="{'active-unit': isActiveStorageUnit(false)}"
-                                @click="() => toggleStorageMeasurement(false)"
-                            >
-                                GB
-                            </p>
-                            <p
-                                class="project-details__wrapper__container__limits__storagelimit-editing__unit"
-                                :class="{'active-unit': isActiveStorageUnit(true)}"
-                                @click="() => toggleStorageMeasurement(true)"
-                            >
-                                TB
-                            </p>
-                        </div>
-                        <div class="project-details__wrapper__container__limits__storagelimit-editing">
-                            <input
-                                v-model="storageLimitValue"
-                                class="project-details__wrapper__container__limits__storagelimit-editing__input"
-                                placeholder="Enter a storage limit for your project"
-                                type="number"
-                                :maxlength="storageCharLimit"
-                                :max="paidStorageLimit"
-                                min="0"
-                                @input="onStorageLimitInput"
-                                @change="onStorageLimitInput"
-                            >
-                            <VButton
-                                class="project-details__wrapper__container__limits__storagelimit-editing__save-button"
-                                label="Save"
-                                width="66px"
-                                height="30px"
-                                :on-press="onSaveStorageLimitButtonClick"
-                            />
-                        </div>
-                    </div>
-                    <p class="project-details__wrapper__container__label">Download Limit</p>
-                    <div v-if="!isBandwidthLimitEditing" class="project-details__wrapper__container__limits__bandwidthlimit-area">
-                        <p class="project-details__wrapper__container__limits__bandwidthlimit-area__bandwidthlimit">{{ bandwidthLimitFormatted }}</p>
-                        <VButton
-                            label="Edit"
-                            width="64px"
-                            height="28px"
-                            :on-press="toggleBandwidthLimitEditing"
-                            :is-white="true"
-                        />
-                    </div>
-                    <div v-if="isBandwidthLimitEditing" class="project-details__wrapper__container__limits__bandwidthlimit-editing__section">
-                        <div class="project-details__wrapper__container__limits__bandwidthlimit-editing__slider__wrapper">
-                            <input
-                                v-model="bandwidthLimitValue"
-                                class="project-details__wrapper__container__limits__bandwidthlimit-editing__slider__input"
-                                min="0"
-                                :max="paidBandwidthLimit"
-                                type="range"
-                                @input="onBandwidthLimitInput"
-                                @change="onBandwidthLimitInput"
-                            >
-                            <div class="project-details__wrapper__container__limits__bandwidthlimit-editing__slider__label-wrapper">
-                                <p class="project-details__wrapper__container__limits__bandwidthlimit-editing__slider__label">0 {{ bandwidthMeasurementFormatted }}</p>
-                                <p class="project-details__wrapper__container__limits__bandwidthlimit-editing__slider__label">{{ paidBandwidthLimit }}</p>
-                            </div>
-                        </div>
-                        <div class="project-details__wrapper__container__limits__bandwidthlimit-editing__units-wrapper">
-                            <p
-                                class="project-details__wrapper__container__limits__bandwidthlimit-editing__unit"
-                                :class="{'active-unit': isActiveBandwidthUnit(false)}"
-                                @click="() => toggleBandwidthMeasurement(false)"
-                            >
-                                GB
-                            </p>
-                            <p
-                                class="project-details__wrapper__container__limits__bandwidthlimit-editing__unit"
-                                :class="{'active-unit': isActiveBandwidthUnit(true)}"
-                                @click="() => toggleBandwidthMeasurement(true)"
-                            >
-                                TB
-                            </p>
-                        </div>
-                        <div class="project-details__wrapper__container__limits__bandwidthlimit-editing">
-                            <input
-                                v-model="bandwidthLimitValue"
-                                class="project-details__wrapper__container__limits__bandwidthlimit-editing__input"
-                                placeholder="Enter a bandwidth limit for your project"
-                                :max="paidBandwidthLimit"
-                                min="0"
-                                :maxlength="bandwidthCharLimit"
-                                type="number"
-                                @input="onBandwidthLimitInput"
-                                @change="onBandwidthLimitInput"
-                            >
-                            <VButton
-                                class="project-details__wrapper__container__limits__bandwidthlimit-editing__save-button"
-                                label="Save"
-                                width="66px"
-                                height="30px"
-                                :on-press="onSaveBandwidthLimitButtonClick"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { Dimensions, Memory, Size } from '@/utils/bytesSize';
-import {
-    MAX_DESCRIPTION_LENGTH,
-    MAX_NAME_LENGTH,
-    Project,
-    ProjectFields, ProjectLimits,
-} from '@/types/projects';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { RouteConfig } from '@/types/router';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-
-const activeStorageMeasurement = ref<string>(Dimensions.TB);
-const activeBandwidthMeasurement = ref<string>(Dimensions.TB);
-const isNameEditing = ref<boolean>(false);
-const isDescriptionEditing = ref<boolean>(false);
-const isStorageLimitEditing = ref<boolean>(false);
-const isBandwidthLimitEditing = ref<boolean>(false);
-const isPaidTier = ref<boolean>(false);
-const nameValue = ref<string>('');
-const descriptionValue = ref<string>('');
-const nameLength = ref<number>(MAX_NAME_LENGTH);
-const descriptionLength = ref<number>(MAX_DESCRIPTION_LENGTH);
-const storageLimitValue = ref<number>(0);
-const bandwidthLimitValue = ref<number>(0);
-
-/**
- * Returns selected project from store.
- */
-const storedProject = computed((): Project => {
-    return projectsStore.state.selectedProject;
-});
-
-/**
- * Returns current limits from store.
- */
-const currentLimits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns displayed project description on UI.
- */
-const displayedDescription = computed((): string => {
-    return storedProject.value.description ?
-        storedProject.value.description :
-        'No description yet. Please enter some information if any.';
-});
-
-/**
- * Returns formatted limit amount.
- */
-const bandwidthLimitFormatted = computed((): string => {
-    return formattedValue(new Size(currentLimits.value.bandwidthLimit, 2));
-});
-
-const storageLimitFormatted = computed((): string => {
-    return formattedValue(new Size(currentLimits.value.storageLimit, 2));
-});
-
-/**
- * Returns formatted limit amount.
- */
-const bandwidthLimitMeasurement = computed((): string => {
-    return new Size(currentLimits.value.bandwidthLimit, 2).formattedBytes;
-});
-
-const storageLimitMeasurement = computed((): string => {
-    return new Size(currentLimits.value.storageLimit, 2).formattedBytes;
-});
-
-/**
- * Returns current input character limit.
- */
-const bandwidthCharLimit = computed((): number => {
-    if (activeBandwidthMeasurement.value === Dimensions.GB) {
-        return 5;
-    } else {
-        return 2;
-    }
-});
-
-const storageCharLimit = computed((): number => {
-    if (activeStorageMeasurement.value === Dimensions.GB) {
-        return 5;
-    } else {
-        return 2;
-    }
-});
-
-/**
- * Returns the current measurement that is being input.
- */
-const storageMeasurementFormatted = computed((): string => {
-    if (isStorageLimitEditing.value) {
-        return activeStorageMeasurement.value;
-    } else {
-        return new Size(currentLimits.value.storageLimit, 2).label;
-    }
-});
-
-const bandwidthMeasurementFormatted = computed((): string => {
-    if (isBandwidthLimitEditing.value) {
-        return activeBandwidthMeasurement.value;
-    } else {
-        return new Size(currentLimits.value.bandwidthLimit, 2).label;
-    }
-});
-
-/**
- * Gets current default limit for paid accounts.
- */
-const paidBandwidthLimit = computed((): number => {
-    const limitVal = getLimitValue(configStore.state.config.defaultPaidBandwidthLimit);
-    const maxLimit = Math.max(currentLimits.value.bandwidthLimit / Memory.TB, limitVal);
-    if (activeBandwidthMeasurement.value === Dimensions.GB) {
-        return toGB(maxLimit);
-    }
-    return maxLimit;
-});
-
-const paidStorageLimit = computed((): number => {
-    const limitVal = getLimitValue(configStore.state.config.defaultPaidStorageLimit);
-    const maxLimit = Math.max(currentLimits.value.storageLimit / Memory.TB, limitVal);
-    if (activeStorageMeasurement.value === Dimensions.GB) {
-        return toGB(maxLimit);
-    }
-    return maxLimit;
-});
-
-/**
- * Triggers on name input.
- */
-function onNameInput(event: Event): void {
-    const target = event.target as HTMLInputElement;
-    if (target.value.length < MAX_NAME_LENGTH) {
-        nameValue.value = target.value;
-        return;
-    }
-
-    nameValue.value = target.value.slice(0, MAX_NAME_LENGTH);
-}
-
-/**
- * Triggers on description input.
- */
-function onDescriptionInput(event: Event): void {
-    const target = event.target as HTMLInputElement;
-    if (target.value.length < MAX_DESCRIPTION_LENGTH) {
-        descriptionValue.value = target.value;
-        return;
-    }
-
-    descriptionValue.value = target.value.slice(0, MAX_DESCRIPTION_LENGTH);
-}
-
-/**
- * Convert value from GB to TB
- */
-function toTB(limitValue: number): number {
-    return limitValue / 1000;
-}
-
-/**
- * Convert value from TB to GB
- */
-function toGB(limitValue: number): number {
-    return limitValue * 1000;
-}
-
-/**
- * Get limit numeric value separated from included measurement
- */
-function getLimitValue(limit: string): number {
-    return parseInt(limit.split(' ')[0]);
-}
-
-/**
- * Check if measurement unit is currently active.
- */
-function isActiveStorageUnit(isTB: boolean): boolean {
-    if (isTB) {
-        return activeStorageMeasurement.value === Dimensions.TB;
-    } else {
-        return activeStorageMeasurement.value === Dimensions.GB;
-    }
-}
-
-function isActiveBandwidthUnit(isTB: boolean): boolean {
-    if (isTB) {
-        return activeBandwidthMeasurement.value === Dimensions.TB;
-    } else {
-        return activeBandwidthMeasurement.value === Dimensions.GB;
-    }
-}
-
-/**
- * Toggles the current active unit, and makes input value measurement conversion.
- */
-function toggleStorageMeasurement(isTB: boolean): void {
-    if (isTB) {
-        activeStorageMeasurement.value = Dimensions.TB;
-        storageLimitValue.value = toTB(storageLimitValue.value);
-    } else {
-        activeStorageMeasurement.value = Dimensions.GB;
-        storageLimitValue.value = toGB(storageLimitValue.value);
-    }
-}
-
-function toggleBandwidthMeasurement(isTB: boolean): void {
-    if (isTB) {
-        activeBandwidthMeasurement.value = Dimensions.TB;
-        bandwidthLimitValue.value = toTB(bandwidthLimitValue.value);
-    } else {
-        activeBandwidthMeasurement.value = Dimensions.GB;
-        bandwidthLimitValue.value = toGB(bandwidthLimitValue.value);
-    }
-}
-
-/**
- * Triggers on limit input.
- Limits the input value based on default max limit and character limit.
- */
-function onStorageLimitInput(event: Event): void {
-    const target = event.target as HTMLInputElement;
-    const paidStorageCharLimit = paidStorageLimit.value.toString().length;
-
-    if (target.value.length > paidStorageCharLimit) {
-        const formattedLimit = target.value.slice(0, paidStorageCharLimit);
-        storageLimitValue.value = parseInt(formattedLimit);
-    } else if (parseInt(target.value) > paidStorageLimit.value) {
-        storageLimitValue.value = paidStorageLimit.value;
-    } else {
-        storageLimitValue.value = parseInt(target.value);
-    }
-}
-
-function onBandwidthLimitInput(event: Event): void {
-    const target = event.target as HTMLInputElement;
-    const paidBandwidthCharLimit = paidBandwidthLimit.value.toString().length;
-
-    if (target.value.length > paidBandwidthCharLimit) {
-        const formattedLimit = target.value.slice(0, paidBandwidthCharLimit);
-        bandwidthLimitValue.value = parseInt(formattedLimit);
-    } else if (parseInt(target.value) > paidBandwidthLimit.value) {
-        bandwidthLimitValue.value = paidBandwidthLimit.value;
-    } else {
-        bandwidthLimitValue.value = parseInt(target.value);
-    }
-}
-
-/**
- * Formats value to needed form and returns it.
- */
-function formattedValue(value: Size): string {
-    switch (value.label) {
-    case Dimensions.Bytes:
-    case Dimensions.KB:
-        return '0';
-    default:
-        return `${value.formattedBytes.replace(/\\.0+$/, '')} ${value.label}`;
-    }
-}
-
-/**
- * Updates project name.
- */
-async function onSaveNameButtonClick(): Promise<void> {
-    try {
-        const updatedProject = new ProjectFields(nameValue.value, '');
-        updatedProject.checkName();
-
-        await projectsStore.updateProjectName(updatedProject);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.EDIT_PROJECT_DETAILS);
-        return;
-    }
-
-    toggleNameEditing();
-    analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_NAME_UPDATED);
-    notify.success('Project name updated successfully!');
-}
-
-/**
- * Updates project description.
- */
-async function onSaveDescriptionButtonClick(): Promise<void> {
-    try {
-        const updatedProject = new ProjectFields('', descriptionValue.value);
-        await projectsStore.updateProjectDescription(updatedProject);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.EDIT_PROJECT_DETAILS);
-        return;
-    }
-
-    toggleDescriptionEditing();
-    analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_DESCRIPTION_UPDATED);
-    notify.success('Project description updated successfully!');
-}
-
-/**
- * Updates project storage limit.
- */
-async function onSaveStorageLimitButtonClick(): Promise<void> {
-    try {
-        let storageLimit = storageLimitValue.value;
-
-        if (activeStorageMeasurement.value === Dimensions.GB) {
-            storageLimit = storageLimit * Number(Memory.GB);
-        } else if (activeStorageMeasurement.value === Dimensions.TB) {
-            storageLimit = storageLimit * Number(Memory.TB);
-        }
-
-        const updatedProject = new ProjectLimits(0, 0, storageLimit);
-        await projectsStore.updateProjectStorageLimit(updatedProject);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.EDIT_PROJECT_DETAILS);
-        return;
-    }
-
-    toggleStorageLimitEditing();
-    analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_STORAGE_LIMIT_UPDATED);
-    notify.success('Project storage limit updated successfully!');
-}
-
-/**
- * Updates project bandwidth limit.
- */
-async function onSaveBandwidthLimitButtonClick(): Promise<void> {
-    try {
-        let bandwidthLimit = bandwidthLimitValue.value;
-
-        if (activeBandwidthMeasurement.value === Dimensions.GB) {
-            bandwidthLimit = bandwidthLimit * Number(Memory.GB);
-        } else if (activeBandwidthMeasurement.value === Dimensions.TB) {
-            bandwidthLimit = bandwidthLimit * Number(Memory.TB);
-        }
-
-        const updatedProject = new ProjectLimits(bandwidthLimit);
-        await projectsStore.updateProjectBandwidthLimit(updatedProject);
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.EDIT_PROJECT_DETAILS);
-        return;
-    }
-
-    toggleBandwidthLimitEditing();
-    analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
-    notify.success('Project download limit updated successfully!');
-}
-
-/**
- * Toggles project name editing state.
- */
-function toggleNameEditing(): void {
-    isNameEditing.value = !isNameEditing.value;
-    nameValue.value = storedProject.value.name;
-}
-
-/**
- * Toggles project description editing state.
- */
-function toggleDescriptionEditing(): void {
-    isDescriptionEditing.value = !isDescriptionEditing.value;
-    descriptionValue.value = storedProject.value.description;
-}
-
-/**
- * Toggles project storage limit editing state.
- */
-function toggleStorageLimitEditing(): void {
-    const storageLimitUnit = new Size(currentLimits.value.storageLimit, 2).label;
-
-    if (usersStore.state.user.paidTier) {
-        isStorageLimitEditing.value = !isStorageLimitEditing.value;
-
-        if (activeStorageMeasurement.value === Dimensions.TB && storageLimitUnit !== Dimensions.TB) {
-            storageLimitValue.value = toTB(parseInt(storageLimitMeasurement.value));
-        } else if (activeStorageMeasurement.value === Dimensions.GB && storageLimitUnit !== Dimensions.GB) {
-            storageLimitValue.value = parseInt(storageLimitMeasurement.value);
-        } else {
-            storageLimitValue.value = parseInt(storageLimitMeasurement.value);
-        }
-        activeStorageMeasurement.value = storageMeasurementFormatted.value;
-    }
-}
-
-/**
- * Toggles project bandwidth limit editing state.
- */
-function toggleBandwidthLimitEditing(): void {
-    const bandwidthLimitUnit = new Size(currentLimits.value.bandwidthLimit, 2).label;
-
-    if (usersStore.state.user.paidTier) {
-        isBandwidthLimitEditing.value = !isBandwidthLimitEditing.value;
-
-        if (activeBandwidthMeasurement.value === Dimensions.TB && bandwidthLimitUnit !== Dimensions.TB) {
-            bandwidthLimitValue.value = toTB(parseInt(bandwidthLimitMeasurement.value));
-        } else if (activeBandwidthMeasurement.value === Dimensions.GB && bandwidthLimitUnit !== Dimensions.GB) {
-            bandwidthLimitValue.value = parseInt(bandwidthLimitMeasurement.value);
-        } else {
-            bandwidthLimitValue.value = parseInt(bandwidthLimitMeasurement.value);
-        }
-        activeBandwidthMeasurement.value = bandwidthMeasurementFormatted.value;
-    }
-}
-
-/**
- * Redirects to previous route.
- */
-function onBackClick(): void {
-    const PREVIOUS_ROUTE_NUMBER = -1;
-    router.go(PREVIOUS_ROUTE_NUMBER);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Fetches project limits and paid tier status.
- */
-onMounted(async (): Promise<void> => {
-    const projectID = projectsStore.state.selectedProject.id;
-    if (!projectID) return;
-
-    if (projectsStore.state.selectedProject.ownerId !== usersStore.state.user.id) {
-        await router.replace(RouteConfig.AllProjectsDashboard.path);
-        return;
-    }
-
-    projectsStore.$onAction(({ name, after }) => {
-        if (name === 'selectProject') {
-            after((_) => {
-                if (projectsStore.state.selectedProject.ownerId !== usersStore.state.user.id) {
-                    router.replace(RouteConfig.ProjectDashboard.path);
-                }
-            });
-        }
-    });
-
-    if (usersStore.state.user.paidTier) {
-        isPaidTier.value = true;
-    }
-
-    try {
-        await projectsStore.getProjectLimits(projectID);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.EDIT_PROJECT_DETAILS);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .project-details {
-        padding: 45px 0;
-        font-family: 'font_regular', sans-serif;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        &__wrapper {
-            width: 727px;
-
-            &__back {
-                width: fit-content;
-                cursor: pointer;
-                font-weight: 500;
-                font-size: 16px;
-                line-height: 23px;
-                color: #2582ff;
-                margin: 0 0 20px;
-            }
-
-            &__container {
-                padding: 50px;
-                width: calc(100% - 100px);
-                border-radius: 6px;
-                background-color: #fff;
-
-                &__title {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 22px;
-                    line-height: 27px;
-                    color: #384b65;
-                    margin: 0 0 35px;
-                }
-
-                &__label {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 16px;
-                    line-height: 16px;
-                    color: #384b65;
-                    margin: 0 0 15px;
-                }
-
-                &__name-area,
-                &__description-area,
-                &__limits__storagelimit-area,
-                &__limits__bandwidthlimit-area {
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    padding: 11px 7px 11px 23px;
-                    width: calc(100% - 30px);
-                    background: #f5f6fa;
-                    border-radius: 6px;
-
-                    &__name,
-                    &__description,
-                    &__limits__storagelimit,
-                    &__limits__bandwidthlimit {
-                        font-weight: normal;
-                        font-size: 16px;
-                        line-height: 19px;
-                        color: #384b65;
-                        margin: 0;
-                        word-break: break-all;
-                    }
-
-                    &__name {
-                        font-weight: bold;
-                    }
-                }
-
-                &__name-area,
-                &__description-area,
-                &__limits__storagelimit-area {
-                    margin-bottom: 35px;
-                }
-
-                &__name-editing,
-                &__description-editing,
-                &__limits__storagelimit-editing,
-                &__limits__bandwidthlimit-editing {
-                    display: flex;
-                    align-items: center;
-                    width: calc(100% - 7px);
-                    border-radius: 6px;
-                    background-color: #f5f6fa;
-                    padding-right: 7px;
-
-                    &__input {
-                        font-weight: normal;
-                        font-size: 16px;
-                        line-height: 21px;
-                        flex: 1;
-                        height: 48px;
-                        width: available;
-                        text-indent: 20px;
-                        background-color: #f5f6fa;
-                        border-color: #f5f6fa;
-                        border-radius: 6px;
-
-                        &::placeholder {
-                            opacity: 0.6;
-                        }
-                    }
-
-                    &__limit {
-                        font-size: 14px;
-                        line-height: 21px;
-                        color: rgb(0 0 0 / 30%);
-                        margin: 0 0 0 15px;
-                        min-width: 53px;
-                        text-align: right;
-                    }
-
-                    &__save-button {
-                        margin-left: 15px;
-                    }
-                }
-
-                &__name-editing,
-                &__description-editing,
-                &__limits__storagelimit-editing {
-                    margin-bottom: 35px;
-                }
-
-                &__limits__storagelimit-editing,
-                &__limits__bandwidthlimit-editing {
-                    width: 180px;
-
-                    &__section {
-                        display: flex;
-                        align-items: baseline;
-                        position: relative;
-                    }
-
-                    &__input {
-                        width: 100px;
-                    }
-
-                    &__slider {
-
-                        &__wrapper {
-                            width: 100%;
-                        }
-
-                        &__label-wrapper {
-                            display: flex;
-                            justify-content: space-between;
-                            margin-top: 15px;
-                            width: 95%;
-                        }
-
-                        &__label {
-                            font-family: 'font_regular', sans-serif;
-                            color: #768394;
-                            font-size: 16px;
-                        }
-
-                        &__input {
-                            width: 95%;
-                            appearance: none;
-                            height: 8px;
-                            background: #f5f6fa;
-                            outline: none;
-                            transition: opacity 0.2s;
-                            border: none;
-                            border-radius: 6px;
-
-                            &:hover {
-                                opacity: 0.9;
-                            }
-                        }
-
-                        &__input::-webkit-slider-thumb {
-                            appearance: none;
-                            width: 30px;
-                            height: 30px;
-                            background: #2582ff;
-                            cursor: pointer;
-                            border-radius: 50%;
-                        }
-
-                        &__input::-moz-range-thumb {
-                            width: 30px;
-                            height: 30px;
-                            background: #2582ff;
-                            cursor: pointer;
-                            border-radius: 50%;
-                        }
-                    }
-
-                    &__units-wrapper {
-                        display: flex;
-                        position: absolute;
-                        right: 0;
-                        bottom: 92px;
-                    }
-
-                    &__unit {
-                        font-family: 'font_medium', sans-serif;
-                        color: #afb7c1;
-                        font-size: 16px;
-                        margin-left: 10px;
-                        padding: 5px 6px;
-                        cursor: pointer;
-                    }
-
-                    &__unit.active-unit {
-                        color: #2582ff;
-                        background: #f5f6fa;
-                        border-radius: 6px;
-                    }
-                }
-
-                &__limits__bandwidthlimit-editing {
-
-                    &__units-wrapper {
-                        display: flex;
-                        position: absolute;
-                        right: 0;
-                        bottom: 74px;
-                    }
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/project/ProjectOwnershipTag.vue b/web/satellite/src/components/project/ProjectOwnershipTag.vue
deleted file mode 100644
index e98981486bce..000000000000
--- a/web/satellite/src/components/project/ProjectOwnershipTag.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="tag" :class="{[role.toLowerCase().replaceAll(' ', '-')]: true}">
-        <component :is="icon" v-if="!noIcon" class="tag__icon" />
-        <span class="tag__text">{{ role }}</span>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, Component } from 'vue';
-
-import { ProjectRole } from '@/types/projectMembers';
-
-import BoxIcon from '@/../static/images/navigation/project.svg';
-import InviteIcon from '@/../static/images/navigation/quickStart.svg';
-import ClockIcon from '@/../static/images/team/clock.svg';
-
-const props = withDefaults(defineProps<{
-    role: ProjectRole,
-    noIcon?: boolean,
-}>(), {
-    role: ProjectRole.Member,
-    noIcon: false,
-});
-
-const icon = computed((): string => {
-    switch (props.role) {
-    case ProjectRole.Invited:
-        return InviteIcon;
-    case ProjectRole.InviteExpired:
-        return ClockIcon;
-    default:
-        return BoxIcon;
-    }
-});
-
-</script>
-
-<style scoped lang="scss">
-.tag {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 5px;
-    padding: 4px 8px;
-    border: 1px solid var(--c-yellow-2);
-    border-radius: 24px;
-    color: var(--c-yellow-5);
-    background: var(--c-white);
-
-    :deep(path) {
-        fill: var(--c-yellow-5);
-    }
-
-    &__icon {
-        width: 12px;
-        height: 12px;
-    }
-
-    &__text {
-        font-size: 12px;
-        font-family: 'font_regular', sans-serif;
-    }
-
-    &.owner {
-        color: var(--c-purple-4);
-        border-color: var(--c-purple-2);
-
-        :deep(path) {
-            fill: var(--c-purple-4);
-        }
-    }
-
-    &.invited,
-    &.invite-expired {
-        color: var(--c-grey-6);
-        border-color: var(--c-grey-4);
-    }
-
-    &.invited :deep(path) {
-        fill: var(--c-yellow-3);
-    }
-
-    &.invite-expired :deep(path) {
-        fill: var(--c-grey-4);
-    }
-}
-</style>
diff --git a/web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue b/web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue
deleted file mode 100644
index d9a64516289d..000000000000
--- a/web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="dashboard-header">
-        <VLoader
-            v-if="loading"
-            class="dashboard-header__loader"
-            width="100px"
-            height="100px"
-        />
-        <template v-else>
-            <template v-if="promptForPassphrase && !bucketWasCreated">
-                <p class="dashboard-header__subtitle">
-                    Set an encryption passphrase <br>to start uploading files.
-                </p>
-                <VButton
-                    label="Set Encryption Passphrase ->"
-                    width="234px"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onSetClick"
-                />
-            </template>
-            <template v-else-if="!promptForPassphrase && !bucketWasCreated && !bucketsPage.buckets.length && !bucketsPage.search">
-                <p class="dashboard-header__subtitle">
-                    Create a bucket to start <br>uploading data in your project.
-                </p>
-                <VButton
-                    label="Create a bucket ->"
-                    width="160px"
-                    height="48px"
-                    font-size="14px"
-                    :on-press="onCreateBucketClick"
-                />
-            </template>
-            <template v-else>
-                <p class="dashboard-header__subtitle" aria-roledescription="with-usage-title">
-                    Your
-                    <span class="dashboard-header__subtitle__value">{{ limits.objectCount.toLocaleString() }} objects</span>
-                    are stored <br>in
-                    <span class="dashboard-header__subtitle__value">{{ limits.segmentCount.toLocaleString() }} segments</span>
-                    around the world
-                </p>
-                <p class="dashboard-header__limits">
-                    <span class="dashboard-header__limits--bold">Storage Limit</span>
-                    per month: {{ bytesToBase10String(limits.storageLimit) }} |
-                    <span class="dashboard-header__limits--bold">Download Limit</span>
-                    per month: {{ bytesToBase10String(limits.bandwidthLimit) }}
-                </p>
-                <VButton
-                    label="Upload"
-                    width="100px"
-                    height="40px"
-                    :on-press="onUploadClick"
-                />
-            </template>
-        </template>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { BucketPage } from '@/types/buckets';
-import { ProjectLimits } from '@/types/projects';
-import { RouteConfig } from '@/types/router';
-import { LocalData } from '@/utils/localData';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { bytesToBase10String } from '@/utils/strings';
-
-import VButton from '@/components/common/VButton.vue';
-import VLoader from '@/components/common/VLoader.vue';
-
-const props = withDefaults(defineProps<{
-    loading?: boolean;
-}>(), {
-    loading: false,
-});
-
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-
-/**
- * Indicates if user should be prompt for passphrase.
- */
-const promptForPassphrase = computed((): boolean => {
-    return bucketsStore.state.promptForPassphrase;
-});
-
-/**
- * Indicates if bucket was created.
- */
-const bucketWasCreated = computed((): boolean => {
-    const status = LocalData.getBucketWasCreatedStatus();
-    if (status !== null) {
-        return status;
-    }
-
-    return false;
-});
-
-/**
- * Returns current limits from store.
- */
-const limits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns fetched buckets page from store.
- */
-const bucketsPage = computed((): BucketPage => {
-    return bucketsStore.state.page;
-});
-
-/**
- * Toggles create project passphrase modal visibility.
- */
-function onSetClick() {
-    appStore.updateActiveModal(MODALS.createProjectPassphrase);
-}
-
-/**
- * Toggles create bucket modal visibility.
- */
-function onCreateBucketClick() {
-    appStore.updateActiveModal(MODALS.createBucket);
-}
-
-/**
- * Redirects to bucket management screen.
- */
-function onUploadClick() {
-    router.push(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
-}
-</script>
-
-<style scoped lang="scss">
-.dashboard-header {
-    font-family: 'font_regular', sans-serif;
-
-    &__loader {
-        display: inline-block;
-    }
-
-    &__subtitle {
-        font-family: 'font_bold', sans-serif;
-        font-size: 28px;
-        line-height: 36px;
-        letter-spacing: -0.02em;
-        color: #000;
-        margin-bottom: 16px;
-
-        &__value {
-            text-decoration: underline;
-            text-underline-position: under;
-            text-decoration-color: var(--c-green-3);
-        }
-    }
-
-    &__limits {
-        font-size: 14px;
-        margin: 11px 0 16px;
-
-        &--bold {
-            font-family: 'font_bold', sans-serif;
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/components/project/dashboard/DateRangeSelection.vue b/web/satellite/src/components/project/dashboard/DateRangeSelection.vue
deleted file mode 100644
index 05bd2da737e5..000000000000
--- a/web/satellite/src/components/project/dashboard/DateRangeSelection.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="range-selection">
-        <div
-            class="range-selection__toggle-container"
-            :class="{ active: isOpen }"
-            aria-roledescription="datepicker-toggle"
-            @click.stop="toggle"
-        >
-            <DatepickerIcon class="range-selection__toggle-container__icon" />
-            <h1 class="range-selection__toggle-container__label">{{ dateRangeLabel }}</h1>
-        </div>
-        <div v-if="isOpen" v-click-outside="closePicker" class="range-selection__popup">
-            <VDateRangePicker :on-date-pick="onDatePick" :is-open="true" :date-range="pickerDateRange" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { useAppStore } from '@/store/modules/appStore';
-
-import VDateRangePicker from '@/components/common/VDateRangePicker.vue';
-
-import DatepickerIcon from '@/../static/images/project/datepicker.svg';
-
-const props = withDefaults(defineProps<{
-    since: Date,
-    before: Date,
-    isOpen: boolean,
-    onDatePick: (dateRange: Date[]) => void,
-    toggle: () => void;
-}>(), {
-    since: () => new Date(),
-    before: () => new Date(),
-    isOpen: false,
-    onDatePick: () => {},
-    toggle: () => {},
-});
-
-const appStore = useAppStore();
-
-/**
- * Returns formatted date range string.
- */
-const dateRangeLabel = computed((): string => {
-    if (props.since.getTime() === props.before.getTime()) {
-        return props.since.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
-    }
-
-    const sinceFormattedString = props.since.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
-    const beforeFormattedString = props.before.toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
-    return `${sinceFormattedString} - ${beforeFormattedString}`;
-});
-
-/**
- * Returns date range to be displayed in date range picker.
- */
-const pickerDateRange = computed((): Date[] => {
-    return [props.since, props.before];
-});
-
-/**
- * Closes duration picker.
- */
-function closePicker(): void {
-    appStore.closeDropdowns();
-}
-</script>
-
-<style scoped lang="scss">
-    .range-selection {
-        background-color: var(--c-white);
-        cursor: pointer;
-        font-family: 'font_regular', sans-serif;
-        position: relative;
-        border-radius: 8px;
-
-        &__toggle-container {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 16px;
-            border-radius: 8px;
-            border: 1px solid var(--c-grey-3);
-
-            &__label {
-                font-family: 'font_medium', sans-serif;
-                font-size: 13px;
-                line-height: 20px;
-                letter-spacing: -0.02em;
-                color: var(--c-grey-6);
-                margin-left: 9px;
-            }
-        }
-
-        &__popup {
-            position: absolute;
-            top: calc(100% + 5px);
-            right: 0;
-            width: 640px;
-            box-shadow: 0 20px 34px rgb(10 27 44 / 28%);
-            border-radius: 8px;
-        }
-    }
-
-    .active {
-        border-color: var(--c-blue-3);
-
-        h1 {
-            color: var(--c-blue-3);
-        }
-
-        svg :deep(path) {
-            fill: var(--c-blue-3);
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/project/dashboard/InfoContainer.vue b/web/satellite/src/components/project/dashboard/InfoContainer.vue
deleted file mode 100644
index 10e538078d98..000000000000
--- a/web/satellite/src/components/project/dashboard/InfoContainer.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="info-container">
-        <div class="info-container__header">
-            <component :is="icon" />
-            <h2 class="info-container__header__title">{{ title }}</h2>
-        </div>
-        <VLoader v-if="isDataFetching" height="40px" width="40px" />
-        <template v-else>
-            <p class="info-container__subtitle">{{ subtitle }}</p>
-            <p class="info-container__value" aria-roledescription="info-value">{{ value }}</p>
-            <slot name="side-value" />
-        </template>
-    </div>
-</template>
-
-<script setup lang="ts">
-import VLoader from '@/components/common/VLoader.vue';
-
-const props = withDefaults(defineProps<{
-    icon: string,
-    isDataFetching: boolean,
-    title: string,
-    subtitle: string,
-    value: string,
-}>(), {
-    isDataFetching: false,
-    title: '',
-    subtitle: '',
-    value: '',
-});
-</script>
-
-<style scoped lang="scss">
-    .info-container {
-        padding: 24px;
-        width: calc(100% - 48px);
-        font-family: 'font_regular', sans-serif;
-        background-color: var(--c-white);
-        box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-        border-radius: 10px;
-
-        &__header {
-            display: flex;
-            align-items: center;
-
-            :deep(path) {
-                fill: var(--c-black);
-            }
-
-            &__title {
-                font-family: 'font_medium', sans-serif;
-                font-size: 18px;
-                line-height: 27px;
-                color: var(--c-black);
-                margin-left: 8px;
-            }
-        }
-
-        &__subtitle {
-            font-size: 12px;
-            line-height: 18px;
-            color: var(--c-grey-6);
-            margin-bottom: 24px;
-        }
-
-        &__value {
-            font-family: 'font_bold', sans-serif;
-            font-size: 28px;
-            line-height: 36px;
-            letter-spacing: -0.02em;
-            color: var(--c-black);
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/project/dashboard/LimitCard.vue b/web/satellite/src/components/project/dashboard/LimitCard.vue
deleted file mode 100644
index b3c99679376f..000000000000
--- a/web/satellite/src/components/project/dashboard/LimitCard.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="card">
-        <div class="card__header">
-            <component :is="icon" />
-            <h2 class="card__header__title">{{ title }}</h2>
-        </div>
-        <VLoader v-if="isLoading" />
-        <template v-else>
-            <div class="card__track">
-                <div class="card__track__fill" :style="style" />
-            </div>
-            <div class="card__data">
-                <div>
-                    <h2 class="card__data__title">{{ usedTitle }}</h2>
-                    <p class="card__data__info">{{ usedInfo }}</p>
-                </div>
-                <div>
-                    <h2 class="card__data__title alight-right">{{ availableTitle }}</h2>
-                    <p v-if="useAction" class="card__data__action" @click="onAction">{{ actionTitle }}</p>
-                    <a
-                        v-else
-                        class="card__data__action"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        :href="link"
-                    >
-                        {{ actionTitle }}
-                    </a>
-                </div>
-            </div>
-        </template>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import VLoader from '@/components/common/VLoader.vue';
-
-const props = withDefaults(defineProps<{
-    icon: string
-    title: string
-    color: string
-    usedValue: number
-    usedTitle: string
-    usedInfo: string
-    availableTitle: string
-    actionTitle: string
-    onAction: () => void
-    isLoading: boolean
-    isDark?: boolean
-    useAction?: boolean
-    link?: string
-}>(), {
-    isDark: false,
-    useAction: false,
-    link: '',
-});
-
-/**
- * Returns progress bar styling which depends on provided prop values.
- */
-const style = computed((): Record<string, string> => {
-    let color: string;
-    switch (true) {
-    case props.isDark:
-        color = '#091c45';
-        break;
-    case props.usedValue >= 80 && props.usedValue < 100:
-        color = '#ff8a00';
-        break;
-    case props.usedValue >= 100:
-        color = '#ff458b';
-        break;
-    default:
-        color = props.color;
-    }
-
-    return {
-        width: `${props.usedValue}%`,
-        'background-color': color,
-    };
-});
-</script>
-
-<style scoped lang="scss">
-.card {
-    font-family: 'font_regular', sans-serif;
-    padding: 24px;
-    background-color: var(--c-white);
-    box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-    border-radius: 10px;
-
-    &__header {
-        display: flex;
-        align-items: center;
-        margin-bottom: 16px;
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 18px;
-            line-height: 27px;
-            color: var(--c-black);
-            margin-left: 8px;
-        }
-    }
-
-    &__track {
-        width: 100%;
-        height: 6px;
-        background: var(--c-grey-3);
-        border-radius: 100px;
-        position: relative;
-        margin-bottom: 16px;
-
-        &__fill {
-            max-width: 100%;
-            position: absolute;
-            border-radius: 100px;
-            top: 0;
-            bottom: 0;
-            left: 0;
-        }
-    }
-
-    &__data {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 18px;
-            line-height: 27px;
-            color: var(--c-black);
-        }
-
-        &__info {
-            font-size: 14px;
-            line-height: 22px;
-            color: var(--c-grey-6);
-        }
-
-        &__action {
-            display: block;
-            font-size: 14px;
-            line-height: 22px;
-            color: var(--c-grey-6);
-            text-align: right;
-            text-decoration: underline !important;
-            cursor: pointer;
-        }
-    }
-}
-
-.alight-right {
-    text-align: right;
-}
-</style>
diff --git a/web/satellite/src/components/project/dashboard/LimitsArea.vue b/web/satellite/src/components/project/dashboard/LimitsArea.vue
deleted file mode 100644
index 9ab31c458cb0..000000000000
--- a/web/satellite/src/components/project/dashboard/LimitsArea.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="limits-area">
-        <LimitCard
-            :icon="StorageIcon"
-            title="Storage"
-            color="#537cff"
-            :used-value="storageUsed"
-            :used-title="`${usedOrLimitFormatted(limits.storageUsed)} Used`"
-            :used-info="`Storage limit: ${usedOrLimitFormatted(limits.storageLimit, true)}`"
-            :available-title="`${availableFormatted(limits.storageLimit - limits.storageUsed)} Available`"
-            :action-title="usageActionTitle(storageUsed)"
-            :on-action="() => usageAction(LimitToChange.Storage)"
-            :is-loading="isLoading"
-            use-action
-        />
-        <LimitCard
-            :icon="DownloadIcon"
-            title="Download"
-            color="#7b61ff"
-            :used-value="bandwidthUsed"
-            :used-title="`${usedOrLimitFormatted(limits.bandwidthUsed)} Used`"
-            :used-info="`Download limit: ${usedOrLimitFormatted(limits.bandwidthLimit, true)} per month`"
-            :available-title="`${availableFormatted(limits.bandwidthLimit - limits.bandwidthUsed)} Available`"
-            :action-title="usageActionTitle(bandwidthUsed)"
-            :on-action="() => usageAction(LimitToChange.Bandwidth)"
-            :is-loading="isLoading"
-            use-action
-        />
-        <LimitCard
-            :icon="SegmentIcon"
-            title="Segments"
-            color="#003dc1"
-            :used-value="segmentUsed"
-            :used-title="`${limits.segmentUsed.toLocaleString()} Used`"
-            :used-info="`Segment limit: ${limits.segmentLimit.toLocaleString()}`"
-            :available-title="`${segmentsAvailable.toLocaleString()} Available`"
-            :action-title="usageActionTitle(segmentUsed, true)"
-            :on-action="startUpgradeFlow"
-            :is-loading="isLoading"
-            :use-action="!isPaidTier"
-            :link="segmentUsed < EIGHTY_PERCENT ?
-                'https://docs.storj.io/dcs/pricing#per-segment-fee' :
-                'https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212'"
-        />
-        <LimitCard
-            v-if="coupon && isFreeTierCoupon && billingEnabled"
-            :icon="CheckmarkIcon"
-            title="Free Tier"
-            color="#091c45"
-            :used-value="projectPricePercentage"
-            :used-title="`${projectPricePercentage.toFixed(0)}% Used`"
-            :used-info="`Free tier: ${centsToDollars(coupon.amountOff)}`"
-            :available-title="`${remainingCouponAmount}% Available`"
-            :action-title="freeTierActionTitle"
-            :on-action="startUpgradeFlow"
-            :is-loading="isLoading"
-            :is-dark="isPaidTier"
-            :use-action="!isPaidTier"
-            link="https://docs.storj.io/dcs/pricing#free-tier"
-        />
-        <LimitCard
-            v-if="coupon && !isFreeTierCoupon && billingEnabled"
-            :icon="CheckmarkIcon"
-            title="Coupon"
-            color="#091c45"
-            :used-value="projectPricePercentage"
-            :used-title="`${projectPricePercentage.toFixed(0)}% Used`"
-            :used-info="`Coupon: ${centsToDollars(coupon.amountOff)} monthly`"
-            :available-title="isPaidTier ?
-                `${centsToDollars(coupon.amountOff)} per month` :
-                `${remainingCouponAmount}% Available`"
-            action-title="View coupons"
-            :on-action="navigateToCoupons"
-            :is-loading="isLoading"
-            is-dark
-            use-action
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { LimitToChange, ProjectLimits } from '@/types/projects';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { Size } from '@/utils/bytesSize';
-import { Coupon, ProjectCharges } from '@/types/payments';
-import { centsToDollars } from '@/utils/strings';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { RouteConfig } from '@/types/router';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import LimitCard from '@/components/project/dashboard/LimitCard.vue';
-
-import StorageIcon from '@/../static/images/project/cloud.svg';
-import DownloadIcon from '@/../static/images/project/download.svg';
-import SegmentIcon from '@/../static/images/project/segment.svg';
-import CheckmarkIcon from '@/../static/images/project/checkmark.svg';
-
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const billingStore = useBillingStore();
-const configStore = useConfigStore();
-
-const router = useRouter();
-
-const props = defineProps<{
-    isLoading: boolean
-}>();
-
-const EIGHTY_PERCENT = 80;
-const HUNDRED_PERCENT = 100;
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Returns coupon from store.
- */
-const coupon = computed((): Coupon | null => {
-    return billingStore.state.coupon;
-});
-
-/**
- * Indicates if active coupon is free tier coupon.
- */
-const isFreeTierCoupon = computed((): boolean => {
-    if (!coupon.value) {
-        return true;
-    }
-
-    const freeTierCouponName = 'Free Tier';
-
-    return coupon.value.name.includes(freeTierCouponName);
-});
-
-/**
- * Indicates if user is in a paid tier status.
- */
-const isPaidTier = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * Indicates if user is project owner.
- */
-const isProjectOwner = computed((): boolean => {
-    return projectsStore.state.selectedProject.ownerId === usersStore.state.user.id;
-});
-
-/**
- * Returns current project limits from store.
- */
-const limits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns current project charges from store.
- */
-const projectCharges = computed((): ProjectCharges => {
-    return billingStore.state.projectCharges as ProjectCharges;
-});
-
-/**
- * Calculates storage usage percentage.
- */
-const storageUsed = computed((): number => {
-    return (limits.value.storageUsed / limits.value.storageLimit) * HUNDRED_PERCENT;
-});
-
-/**
- * Calculates bandwidth usage percentage.
- */
-const bandwidthUsed = computed((): number => {
-    return (limits.value.bandwidthUsed / limits.value.bandwidthLimit) * HUNDRED_PERCENT;
-});
-
-/**
- * Calculates segment usage percentage.
- */
-const segmentUsed = computed((): number => {
-    return (limits.value.segmentUsed / limits.value.segmentLimit) * HUNDRED_PERCENT;
-});
-
-/**
- * Calculates overall project price percentage depending on current coupon for current month.
- */
-const projectPricePercentage = computed((): number => {
-    if (!coupon.value) {
-        return 0;
-    }
-
-    const selectedProjectID = projectsStore.state.selectedProject.id;
-
-    let projectPrice = projectCharges.value.getProjectPrice(selectedProjectID);
-    if (projectPrice > coupon.value.amountOff) {
-        projectPrice = coupon.value.amountOff;
-    }
-
-    return (projectPrice / coupon.value.amountOff) * HUNDRED_PERCENT;
-});
-
-/**
- * Calculates remaining coupon amount percentage.
- */
-const remainingCouponAmount = computed((): string => {
-    return (HUNDRED_PERCENT - projectPricePercentage.value).toFixed(0);
-});
-
-/**
- * Returns free tier card CTA label.
- */
-const freeTierActionTitle = computed((): string => {
-    switch (true) {
-    case !isPaidTier.value && projectPricePercentage.value >= EIGHTY_PERCENT && projectPricePercentage.value < HUNDRED_PERCENT:
-        return 'Upgrade';
-    case !isPaidTier.value && projectPricePercentage.value >= HUNDRED_PERCENT:
-        return 'Upgrade now';
-    default:
-        return 'Learn more';
-    }
-});
-
-/**
- * Calculates remaining available segments amount.
- */
-const segmentsAvailable = computed((): number => {
-    let available = limits.value.segmentLimit - limits.value.segmentUsed;
-    if (available < 0) {
-        available = 0;
-    }
-
-    return available;
-});
-
-/**
- * Returns usage card CTA label.
- */
-function usageActionTitle(usage: number, isSegment = false): string {
-    switch (true) {
-    case !isProjectOwner.value:
-        return '';
-    case !isPaidTier.value && usage < EIGHTY_PERCENT:
-        return 'Need more?';
-    case !isPaidTier.value && usage >= EIGHTY_PERCENT && usage < HUNDRED_PERCENT:
-        return 'Upgrade';
-    case !isPaidTier.value && usage >= HUNDRED_PERCENT:
-        return 'Upgrade now';
-    case isPaidTier.value && usage < EIGHTY_PERCENT && !isSegment:
-        return 'Change limits';
-    case isPaidTier.value && usage < EIGHTY_PERCENT && isSegment:
-        return 'Learn more';
-    case isPaidTier.value && usage >= EIGHTY_PERCENT:
-        return 'Increase limits';
-    default:
-        return '';
-    }
-}
-
-/**
- * Returns formatted value of available usage.
- */
-function availableFormatted(diff: number): string {
-    const size = new Size(diff);
-
-    let value = size.formattedBytes;
-    if (parseFloat(value) < 0) {
-        value = '0';
-    }
-
-    return `${value} ${size.label}`;
-}
-
-/**
- * Returns formatted value of used amount.
- */
-function usedOrLimitFormatted(value: number, withoutSpace = false): string {
-    const size = new Size(value);
-
-    let formatted = `${size.formattedBytes} ${size.label}`;
-    if (withoutSpace) {
-        formatted = formatted.replace(' ', '');
-    }
-
-    return formatted;
-}
-
-/**
- * Handles usage card CTA click.
- */
-function usageAction(limit: LimitToChange): void {
-    if (!isPaidTier.value) {
-        startUpgradeFlow();
-        return;
-    }
-
-    appStore.setActiveChangeLimit(limit);
-    appStore.updateActiveModal(MODALS.changeProjectLimit);
-}
-
-/**
- * Starts upgrade account flow.
- */
-function startUpgradeFlow(): void {
-    if (!billingEnabled.value) return;
-
-    appStore.updateActiveModal(MODALS.upgradeAccount);
-}
-
-/**
- * Navigates to billing coupons view.
- */
-function navigateToCoupons(): void {
-    router.push(RouteConfig.Account.with(RouteConfig.Billing.with(RouteConfig.BillingCoupons)).path);
-}
-</script>
-
-<style scoped lang="scss">
-.limits-area {
-    display: grid;
-    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
-    grid-gap: 16px;
-    margin-top: 16px;
-
-    @media screen and (width <= 750px) {
-        grid-template-columns: auto;
-    }
-}
-</style>
diff --git a/web/satellite/src/components/project/dashboard/ProjectDashboard.vue b/web/satellite/src/components/project/dashboard/ProjectDashboard.vue
deleted file mode 100644
index 0925356b7890..000000000000
--- a/web/satellite/src/components/project/dashboard/ProjectDashboard.vue
+++ /dev/null
@@ -1,833 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="content" class="project-dashboard">
-        <v-banner
-            v-if="isLowBalance && content && billingEnabled"
-            class="project-dashboard__low-balance"
-            message="Your STORJ Token balance is low. Deposit more STORJ tokens or make sure you have a credit card on file to avoid interruptions in service."
-            link-text="Go to billing"
-            severity="warning"
-            :dashboard-ref="content"
-            :on-link-click="redirectToBillingOverview"
-        />
-        <div class="project-dashboard__heading">
-            <h1 class="project-dashboard__heading__title" aria-roledescription="title">{{ selectedProject.name }}</h1>
-            <project-ownership-tag :role="(selectedProject.ownerId === user.id) ? ProjectRole.Owner : ProjectRole.Member" />
-        </div>
-        <p class="project-dashboard__message">
-            Expect a delay of a few hours between network activity and the latest dashboard stats.
-        </p>
-        <DashboardFunctionalHeader :loading="isDataFetching || areBucketsFetching" />
-        <div class="project-dashboard__stats-header">
-            <h2 class="project-dashboard__stats-header__title">Project Stats</h2>
-            <div class="project-dashboard__stats-header__buttons">
-                <DateRangeSelection
-                    :since="chartsSinceDate"
-                    :before="chartsBeforeDate"
-                    :on-date-pick="onChartsDateRangePick"
-                    :is-open="isChartsDatePicker"
-                    :toggle="toggleChartsDatePicker"
-                />
-                <VButton
-                    v-if="!isProAccount && billingEnabled"
-                    label="Upgrade Plan"
-                    width="114px"
-                    height="40px"
-                    font-size="13px"
-                    :on-press="onUpgradeClick"
-                />
-                <VButton
-                    v-else
-                    class="new-project-button"
-                    label="New Project"
-                    width="130px"
-                    height="40px"
-                    font-size="13px"
-                    :on-press="handleCreateProjectClick"
-                    :is-white="true"
-                >
-                    <template #icon>
-                        <NewProjectIcon />
-                    </template>
-                </VButton>
-            </div>
-        </div>
-        <div class="project-dashboard__charts">
-            <div ref="chartContainer" class="project-dashboard__charts__container">
-                <div class="project-dashboard__charts__container__header">
-                    <h3 class="project-dashboard__charts__container__header__title">Storage</h3>
-                </div>
-                <VLoader v-if="isDataFetching" class="project-dashboard__charts__container__loader" height="40px" width="40px" />
-                <template v-else>
-                    <h2 class="project-dashboard__charts__container__dimension">{{ getDimension(storageUsage) }}</h2>
-                    <StorageChart
-                        :width="chartWidth"
-                        :height="170"
-                        :data="storageUsage"
-                        :since="chartsSinceDate"
-                        :before="chartsBeforeDate"
-                    />
-                </template>
-            </div>
-            <div class="project-dashboard__charts__container">
-                <div class="project-dashboard__charts__container__header">
-                    <h3 class="project-dashboard__charts__container__header__title">Download</h3>
-                    <div class="project-dashboard__charts__container__header__right">
-                        <span class="project-dashboard__charts__container__header__right__allocated-color" />
-                        <p class="project-dashboard__charts__container__header__right__allocated-label">Download</p>
-                        <VInfo class="project-dashboard__charts__container__header__right__info">
-                            <template #icon>
-                                <InfoIcon />
-                            </template>
-                            <template #message>
-                                <p class="project-dashboard__charts__container__header__right__info__message">
-                                    The most recent data points may change as traffic moves from "allocated" to "settled".
-                                    <a
-                                        class="project-dashboard__charts__container__header__right__info__message__link"
-                                        href="https://docs.storj.io/dcs/pricing#bandwidth-fee"
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                    >
-                                        Learn more
-                                    </a>
-                                </p>
-                            </template>
-                        </VInfo>
-                    </div>
-                </div>
-                <VLoader v-if="isDataFetching" class="project-dashboard__charts__container__loader" height="40px" width="40px" />
-                <template v-else>
-                    <h2 class="project-dashboard__charts__container__dimension">
-                        {{ getDimension(allocatedBandwidthUsage) }}
-                    </h2>
-                    <BandwidthChart
-                        :width="chartWidth"
-                        :height="170"
-                        :data="allocatedBandwidthUsage"
-                        :since="chartsSinceDate"
-                        :before="chartsBeforeDate"
-                    />
-                </template>
-            </div>
-        </div>
-        <LimitsArea v-if="limitsAreaEnabled" :is-loading="isDataFetching" />
-        <div class="project-dashboard__info">
-            <InfoContainer
-                :icon="BucketsIcon"
-                title="Buckets"
-                :subtitle="`Last update ${now}`"
-                :value="bucketsCount.toLocaleString()"
-                :is-data-fetching="areBucketsFetching"
-            >
-                <template #side-value>
-                    <router-link :to="RouteConfig.Buckets.path" class="project-dashboard__info__link">
-                        Go to buckets →
-                    </router-link>
-                </template>
-            </InfoContainer>
-            <InfoContainer
-                :icon="GrantsIcon"
-                title="Access Grants"
-                :subtitle="`Last update ${now}`"
-                :value="accessGrantsCount.toLocaleString()"
-                :is-data-fetching="isDataFetching"
-            >
-                <template #side-value>
-                    <router-link :to="RouteConfig.AccessGrants.path" class="project-dashboard__info__link">
-                        Access management →
-                    </router-link>
-                </template>
-            </InfoContainer>
-            <InfoContainer
-                :icon="TeamIcon"
-                title="Users"
-                :subtitle="`Last update ${now}`"
-                :value="teamSize.toLocaleString()"
-                :is-data-fetching="isDataFetching"
-            >
-                <template #side-value>
-                    <p class="project-dashboard__info__link" @click="onInviteUsersClick">
-                        Invite project users →
-                    </p>
-                </template>
-            </InfoContainer>
-            <InfoContainer
-                v-if="billingEnabled"
-                :icon="BillingIcon"
-                title="Billing"
-                :subtitle="status"
-                :value="isProAccount ? centsToDollars(estimatedCharges) : 'Free'"
-                :is-data-fetching="isDataFetching"
-            >
-                <template #side-value>
-                    <router-link
-                        :to="RouteConfig.Account.with(RouteConfig.Billing.with(RouteConfig.BillingOverview)).path"
-                        class="project-dashboard__info__link"
-                    >
-                        Go to billing →
-                    </router-link>
-                </template>
-            </InfoContainer>
-        </div>
-        <div class="project-dashboard__stats-header">
-            <p class="project-dashboard__stats-header__title">Buckets</p>
-        </div>
-        <BucketsTable :is-loading="areBucketsFetching" />
-        <EncryptionBanner v-if="!isServerSideEncryptionBannerHidden" :hide="hideBanner" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { DataStamp, Project, ProjectLimits } from '@/types/projects';
-import { Dimensions, Size } from '@/utils/bytesSize';
-import { ChartUtils } from '@/utils/chart';
-import { LocalData } from '@/utils/localData';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { APP_STATE_DROPDOWNS, MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { centsToDollars } from '@/utils/strings';
-import { User } from '@/types/users';
-import { ProjectMembersPage, ProjectRole } from '@/types/projectMembers';
-import { AccessGrantsPage } from '@/types/accessGrants';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-import { AccountBalance, CreditCard } from '@/types/payments';
-import { useLowTokenBalance } from '@/composables/useLowTokenBalance';
-
-import VLoader from '@/components/common/VLoader.vue';
-import InfoContainer from '@/components/project/dashboard/InfoContainer.vue';
-import StorageChart from '@/components/project/dashboard/StorageChart.vue';
-import BandwidthChart from '@/components/project/dashboard/BandwidthChart.vue';
-import DashboardFunctionalHeader from '@/components/project/dashboard/DashboardFunctionalHeader.vue';
-import VButton from '@/components/common/VButton.vue';
-import DateRangeSelection from '@/components/project/dashboard/DateRangeSelection.vue';
-import VInfo from '@/components/common/VInfo.vue';
-import BucketsTable from '@/components/objects/BucketsTable.vue';
-import EncryptionBanner from '@/components/objects/EncryptionBanner.vue';
-import ProjectOwnershipTag from '@/components/project/ProjectOwnershipTag.vue';
-import LimitsArea from '@/components/project/dashboard/LimitsArea.vue';
-import VBanner from '@/components/common/VBanner.vue';
-
-import NewProjectIcon from '@/../static/images/project/newProject.svg';
-import InfoIcon from '@/../static/images/project/infoIcon.svg';
-import BucketsIcon from '@/../static/images/navigation/buckets.svg';
-import GrantsIcon from '@/../static/images/navigation/accessGrants.svg';
-import TeamIcon from '@/../static/images/navigation/users.svg';
-import BillingIcon from '@/../static/images/navigation/billing.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const pmStore = useProjectMembersStore();
-const agStore = useAccessGrantsStore();
-
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-const isLowBalance = useLowTokenBalance();
-const notify = useNotify();
-const router = useRouter();
-
-const now = new Date().toLocaleDateString('en-US');
-
-const content = ref<HTMLElement | null>(null);
-const isDataFetching = ref<boolean>(true);
-const areBucketsFetching = ref<boolean>(true);
-const isServerSideEncryptionBannerHidden = ref<boolean>(true);
-const chartWidth = ref<number>(0);
-const chartContainer = ref<HTMLDivElement>();
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Indicates if charts date picker is shown.
- */
-const isChartsDatePicker = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.CHART_DATE_PICKER;
-});
-
-/**
- * Returns current limits from store.
- */
-const limits = computed((): ProjectLimits => {
-    return projectsStore.state.currentLimits;
-});
-
-/**
- * Returns the whether the limits area is enabled.
- */
-const limitsAreaEnabled = computed((): boolean => {
-    return configStore.state.config.limitsAreaEnabled;
-});
-
-/**
- * Returns status string based on account status.
- */
-const status = computed((): string => {
-    return isProAccount.value ? 'Pro Account' : 'Free Account';
-});
-
-/**
- * Returns pro account status from store.
- */
-const isProAccount = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * estimatedCharges returns estimated charges summary for selected project.
- */
-const estimatedCharges = computed((): number => {
-    const charges = billingStore.state.projectCharges;
-    return charges.getProjectPrice(selectedProject.value.id);
-});
-
-/**
- * Returns storage chart data from store.
- */
-const storageUsage = computed((): DataStamp[] => {
-    return ChartUtils.populateEmptyUsage(
-        projectsStore.state.storageChartData, chartsSinceDate.value, chartsBeforeDate.value,
-    );
-});
-
-/**
- * Returns allocated bandwidth chart data from store.
- */
-const allocatedBandwidthUsage = computed((): DataStamp[] => {
-    return ChartUtils.populateEmptyUsage(
-        projectsStore.state.allocatedBandwidthChartData, chartsSinceDate.value, chartsBeforeDate.value,
-    );
-});
-
-/**
- * Returns charts since date from store.
- */
-const chartsSinceDate = computed((): Date => {
-    return projectsStore.state.chartDataSince;
-});
-
-/**
- * Returns charts before date from store.
- */
-const chartsBeforeDate = computed((): Date => {
-    return projectsStore.state.chartDataBefore;
-});
-
-/**
- * Indicates if user has just logged in.
- */
-const hasJustLoggedIn = computed((): boolean => {
-    return appStore.state.hasJustLoggedIn;
-});
-
-/**
- * Indicates if bucket was created.
- */
-const bucketWasCreated = computed((): boolean => {
-    const status = LocalData.getBucketWasCreatedStatus();
-    if (status !== null) {
-        return status;
-    }
-
-    return false;
-});
-
-/**
- * Returns user entity from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * Get selected project from store.
- */
-const selectedProject = computed((): Project => {
-    return projectsStore.state.selectedProject;
-});
-
-/**
- * Returns current team size from store.
- */
-const teamSize = computed((): number => {
-    return pmStore.state.page.totalCount;
-});
-
-/**
- * Returns access grants count from store.
- */
-const accessGrantsCount = computed((): number => {
-    return agStore.state.page.totalCount;
-});
-
-/**
- * Returns access grants count from store.
- */
-const bucketsCount = computed((): number => {
-    return bucketsStore.state.page.totalCount;
-});
-
-/**
- * Redirects to Billing Page Overview tab.
- */
-function redirectToBillingOverview(): void {
-    router.push(RouteConfig.Account.with(RouteConfig.Billing.with(RouteConfig.BillingOverview)).path);
-}
-
-/**
- * Hides server-side encryption banner.
- */
-function hideBanner(): void {
-    isServerSideEncryptionBannerHidden.value = true;
-    LocalData.setServerSideEncryptionBannerHidden(true);
-}
-
-/**
- * Used container size recalculation for charts resizing.
- */
-function recalculateChartWidth(): void {
-    chartWidth.value = chartContainer.value?.getBoundingClientRect().width || 0;
-}
-
-/**
- * Returns dimension for given data values.
- */
-function getDimension(dataStamps: DataStamp[]): Dimensions {
-    const filteredData = dataStamps.filter(s => !!s);
-    const maxValue = Math.max(...filteredData.map(s => s.value));
-    return new Size(maxValue).label;
-}
-
-/**
- * Holds on upgrade button click logic.
- */
-function onUpgradeClick(): void {
-    if (!billingEnabled.value) return;
-
-    appStore.updateActiveModal(MODALS.upgradeAccount);
-}
-
-/**
- * Holds on invite users CTA click logic.
- */
-function onInviteUsersClick(): void {
-    appStore.updateActiveModal(MODALS.addTeamMember);
-}
-
-/**
- * toggleChartsDatePicker holds logic for toggling charts date picker.
- */
-function toggleChartsDatePicker(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.CHART_DATE_PICKER);
-}
-
-/**
- * onChartsDateRangePick holds logic for choosing date range for charts.
- * Fetches new data for specific date range.
- * @param dateRange
- */
-async function onChartsDateRangePick(dateRange: Date[]): Promise<void> {
-    const since = new Date(dateRange[0]);
-    const before = new Date(dateRange[1]);
-    before.setHours(23, 59, 59, 999);
-
-    try {
-        await projectsStore.getDailyProjectData({ since, before });
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_DASHBOARD_PAGE);
-    }
-}
-
-/**
- * Lifecycle hook after initial render.
- * Fetches project limits.
- */
-onMounted(async (): Promise<void> => {
-    isServerSideEncryptionBannerHidden.value = LocalData.getServerSideEncryptionBannerHidden();
-
-    const projectID = selectedProject.value.id;
-    if (!projectID) {
-        const onboardingPath = RouteConfig.OnboardingTour.with(configStore.firstOnboardingStep).path;
-
-        analyticsStore.pageVisit(onboardingPath);
-        await router.push(onboardingPath);
-
-        return;
-    }
-
-    window.addEventListener('resize', recalculateChartWidth);
-    recalculateChartWidth();
-
-    const FIRST_PAGE = 1;
-
-    try {
-        const now = new Date();
-        const past = new Date();
-        past.setDate(past.getDate() - 30);
-
-        await projectsStore.getProjectLimits(projectID);
-        if (hasJustLoggedIn.value) {
-            if (limits.value.objectCount > 0) {
-                if (usersStore.state.settings.passphrasePrompt) {
-                    appStore.updateActiveModal(MODALS.enterPassphrase);
-                }
-                if (!bucketWasCreated.value) {
-                    LocalData.setBucketWasCreatedStatus();
-                }
-            } else {
-                if (usersStore.state.settings.passphrasePrompt) {
-                    appStore.updateActiveModal(MODALS.createProjectPassphrase);
-                }
-            }
-
-            appStore.toggleHasJustLoggedIn();
-        }
-
-        let promises: Promise<void | ProjectMembersPage | AccessGrantsPage | AccountBalance | CreditCard[]>[] = [
-            projectsStore.getDailyProjectData({ since: past, before: now }),
-            pmStore.getProjectMembers(FIRST_PAGE, projectID),
-            agStore.getAccessGrants(FIRST_PAGE, projectID),
-        ];
-
-        if (billingEnabled.value) {
-            promises = [
-                ...promises,
-                billingStore.getBalance(),
-                billingStore.getCreditCards(),
-                billingStore.getNativePaymentsHistory(),
-                billingStore.getCoupon(),
-            ];
-        }
-
-        await Promise.all(promises);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_DASHBOARD_PAGE);
-    } finally {
-        isDataFetching.value = false;
-    }
-
-    if (billingEnabled.value) {
-        billingStore.getProjectUsageAndChargesCurrentRollup().catch(error => {
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_DASHBOARD_PAGE);
-        });
-    }
-
-    try {
-        await bucketsStore.getBuckets(FIRST_PAGE, projectID);
-
-        areBucketsFetching.value = false;
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.PROJECT_DASHBOARD_PAGE);
-    }
-});
-
-/**
- * Lifecycle hook before component destruction.
- * Removes event listener on window resizing.
- */
-onBeforeUnmount((): void => {
-    window.removeEventListener('resize', recalculateChartWidth);
-});
-</script>
-
-<style scoped lang="scss">
-    .project-dashboard {
-        background-origin: content-box;
-        background-image: url('../../../../static/images/project/background.png');
-        background-position: top right;
-        background-size: 70%;
-        background-repeat: no-repeat;
-        font-family: 'font_regular', sans-serif;
-        padding-bottom: 55px;
-
-        &__low-balance {
-            margin-bottom: 20px;
-        }
-
-        &__heading {
-            display: flex;
-            gap: 10px;
-            align-items: center;
-            margin-bottom: 20px;
-
-            &__title {
-                font-family: 'font_medium', sans-serif;
-                font-size: 16px;
-                line-height: 24px;
-                color: var(--c-black);
-            }
-        }
-
-        &__message {
-            font-size: 16px;
-            line-height: 20px;
-            color: #384b65;
-            margin: 10px 0 64px;
-        }
-
-        &__stats-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            flex-wrap: wrap;
-            margin: 44px -8px 14px;
-
-            > * {
-                margin: 2px 8px;
-            }
-
-            &__title {
-                font-family: 'font_Bold', sans-serif;
-                font-size: 24px;
-                line-height: 31px;
-                letter-spacing: -0.02em;
-                color: var(--c-black);
-            }
-
-            &__buttons {
-                display: flex;
-                align-items: center;
-
-                > .container {
-                    margin-left: 16px;
-                }
-            }
-        }
-
-        &__charts {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__container {
-                width: calc((100% - 20px) / 2);
-                background-color: var(--c-white);
-                box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-                border-radius: 10px;
-
-                &__header {
-                    display: flex;
-                    align-items: flex-start;
-                    justify-content: space-between;
-
-                    &__title {
-                        margin: 16px 0 2px 24px;
-                        font-family: 'font_medium', sans-serif;
-                        font-size: 18px;
-                        line-height: 27px;
-                        color: var(--c-black);
-                    }
-
-                    &__right {
-                        display: flex;
-                        align-items: center;
-                        margin: 16px 16px 0 0;
-
-                        &__allocated-color {
-                            width: 10px;
-                            height: 10px;
-                            border-radius: 2px;
-                            background: var(--c-grey-5);
-                        }
-
-                        &__allocated-label {
-                            font-size: 14px;
-                            line-height: 17px;
-                            color: var(--c-black);
-                            margin-left: 5px;
-                            margin-right: 11px;
-                        }
-
-                        &__info {
-                            cursor: pointer;
-                            max-height: 20px;
-
-                            &__message {
-                                font-size: 12px;
-                                line-height: 18px;
-                                text-align: center;
-                                color: var(--c-white);
-
-                                &__link {
-                                    text-decoration: underline !important;
-                                    color: var(--c-white);
-
-                                    &:visited {
-                                        color: var(--c-white);
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-
-                &__dimension {
-                    font-family: 'font_medium', sans-serif;
-                    font-size: 14px;
-                    margin: 10px 0 0 12px;
-                }
-
-                &__loader {
-                    margin-bottom: 15px;
-                }
-
-                &__info {
-                    margin: 2px 0 0 24px;
-                    font-weight: 600;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-black);
-                }
-            }
-        }
-
-        &__info {
-            display: flex;
-            margin-top: 16px;
-            column-gap: 10px;
-            flex-wrap: wrap;
-
-            .info-container {
-                width: calc((100% - 32px) / 4);
-                box-sizing: border-box;
-            }
-
-            @media screen and (width <= 1060px) {
-
-                > .info-container {
-                    width: calc((100% - 16px) / 2);
-                    margin-bottom: 16px;
-                }
-            }
-
-            @media screen and (width <= 600px) {
-
-                > .info-container {
-                    width: 100%;
-                }
-            }
-
-            &__link {
-                font-weight: 500;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-black);
-                cursor: pointer;
-                text-decoration: underline !important;
-                text-underline-position: under;
-
-                &:visited {
-                    color: var(--c-black);
-                }
-            }
-        }
-
-        &__bucket-area {
-            margin-top: 0;
-        }
-    }
-
-    .new-project-button {
-
-        &:hover svg :deep(path) {
-            fill: #fff;
-        }
-    }
-
-    :deep(.info__box) {
-        width: 180px;
-        left: calc(50% - 20px);
-        top: calc(100% + 1px);
-        cursor: default;
-    }
-
-    :deep(.info__box__message) {
-        background: var(--c-grey-6);
-        border-radius: 4px;
-        padding: 8px;
-        position: relative;
-        right: 25%;
-    }
-
-    :deep(.info__box__arrow) {
-        background: var(--c-grey-6);
-        width: 10px;
-        height: 10px;
-        margin: 0 0 -2px 40px;
-    }
-
-    :deep(.range-selection__popup) {
-        z-index: 1;
-    }
-
-    @media screen and (width <= 1280px) {
-
-        .project-dashboard {
-            max-width: calc(100vw - 86px - 95px);
-        }
-    }
-
-    @media screen and (width <= 960px) {
-
-        :deep(.range-selection__popup) {
-            right: -148px;
-        }
-    }
-
-    @media screen and (width <= 768px) {
-
-        .project-dashboard {
-
-            &__stats-header {
-                margin-bottom: 20px;
-            }
-
-            &__charts {
-                flex-direction: column;
-
-                &__container {
-                    width: 100%;
-                }
-
-                &__container:first-child {
-                    margin-right: 0;
-                    margin-bottom: 22px;
-                }
-            }
-        }
-
-        :deep(.range-selection__popup) {
-            left: 0;
-        }
-    }
-
-    @media screen and (width <= 480px) {
-
-        .project-dashboard {
-
-            &__charts__container:first-child {
-                margin-bottom: 20px;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/team/HeaderArea.vue b/web/satellite/src/components/team/HeaderArea.vue
deleted file mode 100644
index 2161df008986..000000000000
--- a/web/satellite/src/components/team/HeaderArea.vue
+++ /dev/null
@@ -1,350 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="team-header-container">
-        <div class="team-header-container__title-area">
-            <div class="team-header-container__title-area__titles">
-                <span class="team-header-container__title-area__titles__title" aria-roledescription="title">Team</span>
-                <VInfo class="team-header-container__title-area__titles__info-button">
-                    <template #icon>
-                        <InfoIcon />
-                    </template>
-                    <template #message>
-                        <p class="team-header-container__title-area__info-button__message">
-                            The only project role currently available is Admin, which gives full access to the project.
-                        </p>
-                    </template>
-                </VInfo>
-                <p class="team-header-container__title-area__titles__subtitle" aria-roledescription="subtitle">
-                    Manage the team members of "{{ projectName }}"
-                </p>
-            </div>
-            <VButton
-                class="team-header-container__title-area__button"
-                label="Add Members"
-                width="160px"
-                height="40px"
-                font-size="13px"
-                border-radius="8px"
-                :on-press="toggleAddTeamMembersModal"
-                icon="add"
-                :is-disabled="isAddButtonDisabled"
-            />
-        </div>
-
-        <div class="team-header-container__divider" />
-
-        <div class="team-header-container__wrapper">
-            <VSearch
-                ref="searchInput"
-                class="team-header-container__wrapper__search"
-                :search="processSearchQuery"
-            />
-            <div v-if="selectedEmailsLength" class="team-header-container__wrapper__right">
-                <span class="team-header-container__wrapper__right__selected-text">
-                    {{ selectedEmailsLength }} user{{ selectedEmailsLength !== 1 ? 's' : '' }} selected
-                </span>
-                <div class="team-header-container__wrapper__right__buttons">
-                    <VButton
-                        class="team-header-container__wrapper__right__buttons__button"
-                        label="Delete"
-                        border-radius="8px"
-                        font-size="12px"
-                        is-white
-                        icon="trash"
-                        :on-press="toggleRemoveTeamMembersModal"
-                    />
-                    <VButton
-                        v-if="resendInvitesShown"
-                        class="team-header-container__wrapper__right__buttons__button"
-                        label="Resend invite"
-                        border-radius="8px"
-                        font-size="12px"
-                        is-white
-                        icon="upload"
-                        :on-press="resendInvites"
-                        :is-disabled="isLoading"
-                    />
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, onBeforeUnmount, ref, h } from 'vue';
-
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useNotify } from '@/utils/hooks';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useLoading } from '@/composables/useLoading';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VInfo from '@/components/common/VInfo.vue';
-import VButton from '@/components/common/VButton.vue';
-import VSearch from '@/components/common/VSearch.vue';
-
-import InfoIcon from '@/../static/images/team/infoTooltip.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const { isLoading, withLoading } = useLoading();
-
-const props = withDefaults(defineProps<{
-    isAddButtonDisabled: boolean;
-}>(), {
-    isAddButtonDisabled: false,
-});
-
-const FIRST_PAGE = 1;
-
-const searchInput = ref<InstanceType<typeof VSearch> | null>(null);
-
-/**
- * Returns the name of the selected project from store.
- */
-const projectName = computed((): string => {
-    return projectsStore.state.selectedProject.name;
-});
-
-const selectedEmailsLength = computed((): number => {
-    return pmStore.state.selectedProjectMembersEmails.length;
-});
-
-const resendInvitesShown = computed((): boolean => {
-    const expired = pmStore.state.page.projectInvitations.filter(invite => invite.expired);
-    return pmStore.state.selectedProjectMembersEmails.every(email => {
-        return expired.some(invite => invite.email === email);
-    });
-});
-
-/**
- * Opens add team members modal.
- */
-function toggleAddTeamMembersModal(): void {
-    appStore.updateActiveModal(MODALS.addTeamMember);
-}
-
-function toggleRemoveTeamMembersModal(): void {
-    appStore.updateActiveModal(MODALS.removeTeamMember);
-}
-
-/**
- * Fetches team members of current project depends on search query.
- * @param search
- */
-async function processSearchQuery(search: string): Promise<void> {
-    // avoid infinite loop due to listener on pmStore.setSearchQuery('') itself indirectly calling pmStore.setSearchQuery('')
-    if (pmStore.getSearchQuery() !== search) {
-        pmStore.setSearchQuery(search);
-    }
-    try {
-        const id = projectsStore.state.selectedProject.id;
-        if (!id) {
-            return;
-        }
-        await pmStore.getProjectMembers(FIRST_PAGE, id);
-    } catch (error) {
-        notify.error(`Unable to fetch project members. ${error.message}`, AnalyticsErrorEventSource.PROJECT_MEMBERS_HEADER);
-    }
-}
-
-/**
- * resendInvites resends project member invitations.
- * It expects that all of the selected project member emails belong to expired invitations.
- */
-async function resendInvites(): Promise<void> {
-    await withLoading(async () => {
-        analyticsStore.eventTriggered(AnalyticsEvent.RESEND_INVITE_CLICKED);
-
-        try {
-            await pmStore.reinviteMembers(pmStore.state.selectedProjectMembersEmails, projectsStore.state.selectedProject.id);
-
-            if (configStore.state.config.unregisteredInviteEmailsEnabled) {
-                notify.success('Invites re-sent!');
-            } else {
-                notify.success(() => [
-                    h('p', { class: 'message-title' }, 'Invites re-sent!'),
-                    h('p', { class: 'message-info' }, [
-                        'Invitations will be re-sent to the email addresses that belong to users on this satellite.',
-                    ]),
-                ]);
-            }
-        } catch (error) {
-            error.message = `Unable to resend project invitations. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_MEMBERS_HEADER);
-        }
-
-        try {
-            await pmStore.refresh();
-        } catch (error) {
-            notify.error(`Unable to fetch project members. ${error.message}`, AnalyticsErrorEventSource.PROJECT_MEMBERS_HEADER);
-        }
-    });
-}
-
-/**
- * Lifecycle hook after initial render.
- * Set up listener to clear search bar.
- */
-onMounted((): void => {
-    if (!projectsStore.state.selectedProject.id) {
-        // navigation back to the all projects dashboard is done in ProjectMembersArea.vue
-        return;
-    }
-
-    pmStore.$onAction(({ name, after, args }) => {
-        if (name === 'setSearchQuery' && args[0] === '') {
-            after((_) => searchInput.value?.clearSearch());
-        }
-    });
-});
-
-/**
- * Lifecycle hook before component destruction.
- * Clears search query for team members page.
- */
-onBeforeUnmount((): void => {
-    pmStore.setSearchQuery('');
-});
-</script>
-
-<style scoped lang="scss">
-    .team-header-container {
-
-        &__title-area {
-            width: 100%;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            @media screen and (width <= 1150px) {
-                flex-direction: column;
-                align-items: flex-start;
-                justify-content: flex-start;
-                row-gap: 10px;
-
-                &__button {
-                    width: 100% !important;
-                }
-            }
-
-            &__titles {
-
-                &__title {
-                    font-family: 'font_medium', sans-serif;
-                    font-weight: 600;
-                    font-size: 28px;
-                    line-height: 34px;
-                    color: #232b34;
-                    text-align: left;
-                    display: inline;
-                }
-
-                &__subtitle {
-                    font-size: 14px;
-                    line-height: 20px;
-                    font-weight: bold;
-                    margin-top: 10px;
-                }
-
-                &__info-button {
-                    max-height: 20px;
-                    cursor: pointer;
-                    margin-left: 10px;
-                    display: inline;
-
-                    &__message {
-                        color: #586c86;
-                        font-family: 'font_regular', sans-serif;
-                        font-size: 16px;
-                        line-height: 18px;
-                    }
-                }
-            }
-        }
-
-        &__divider {
-            width: 100%;
-            height: 1px;
-            background: #dadfe7;
-            margin: 24px 0;
-        }
-
-        &__wrapper {
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            @media screen and (width <= 1150px) {
-                flex-direction: column;
-                align-items: flex-start;
-                justify-content: flex-start;
-                row-gap: 10px;
-            }
-
-            &__search {
-                position: static;
-            }
-
-            &__right {
-                display: flex;
-                align-items: center;
-                gap: 20px;
-
-                @media screen and (width <= 1150px) {
-                    width: 100%;
-                    flex-direction: column-reverse;
-                    align-items: flex-start;
-                    gap: 8px;
-                }
-
-                &__selected-text {
-                    color: rgb(0 0 0 / 60%);
-                    font-family: 'font_regular', sans-serif;
-                    font-size: 14px;
-                    line-height: 24px;
-                }
-
-                &__buttons {
-                    display: flex;
-                    gap: 14px;
-
-                    @media screen and (width <= 1150px) {
-                        width: 100%;
-                    }
-
-                    &__button {
-                        padding: 8px 12px;
-
-                        @media screen and (width <= 1150px) {
-                            padding: 12px;
-                        }
-
-                        :deep(.label) {
-                            color: #56606D !important;
-                        }
-
-                        :deep(path) {
-                            fill: #56606D !important;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    :deep(.info__box__message) {
-        min-width: 300px;
-    }
-</style>
diff --git a/web/satellite/src/components/team/ProjectMemberListItem.vue b/web/satellite/src/components/team/ProjectMemberListItem.vue
deleted file mode 100644
index 9cc78b8ecabf..000000000000
--- a/web/satellite/src/components/team/ProjectMemberListItem.vue
+++ /dev/null
@@ -1,260 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        :class="{ 'owner': isProjectOwner }"
-        :item="itemToRender"
-        :selectable="true"
-        :select-disabled="isProjectOwner"
-        :selected="model.isSelected()"
-        :on-click="(_) => emit('memberClick', model)"
-        class="project-member-item"
-        @selectClicked="(_) => emit('selectClick', model)"
-    >
-        <template #options>
-            <th class="project-member-item__menu options overflow-visible" @click.stop="toggleDropDown">
-                <div v-if="!isProjectOwner" class="project-member-item__menu__icon">
-                    <div class="project-member-item__menu__icon__content" :class="{open: isDropdownOpen}">
-                        <menu-icon />
-                    </div>
-                </div>
-
-                <div v-if="isDropdownOpen" v-click-outside="closeDropDown" class="project-member-item__menu__dropdown">
-                    <div v-if="model.isPending() && !isExpired" class="project-member-item__menu__dropdown__item" @click.stop="copyLinkClicked">
-                        <copy-icon />
-                        <p class="project-member-item__menu__dropdown__item__label">Copy invite link</p>
-                    </div>
-
-                    <div v-if="model.isPending() && isExpired" class="project-member-item__menu__dropdown__item" @click.stop="resendClicked">
-                        <upload-icon />
-                        <p class="project-member-item__menu__dropdown__item__label">Resend invite</p>
-                    </div>
-
-                    <div class="project-member-item__menu__dropdown__item" @click.stop="deleteClicked">
-                        <delete-icon />
-                        <p class="project-member-item__menu__dropdown__item__label">Remove member</p>
-                    </div>
-                </div>
-            </th>
-        </template>
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-import { ProjectInvitationItemModel, ProjectMember, ProjectMemberItemModel, ProjectRole } from '@/types/projectMembers';
-import { useResize } from '@/composables/resize';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useLoading } from '@/composables/useLoading';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import TableItem from '@/components/common/TableItem.vue';
-
-import UploadIcon from '@/../static/images/common/upload.svg';
-import DeleteIcon from '@/../static/images/browser/galleryView/delete.svg';
-import MenuIcon from '@/../static/images/common/horizontalDots.svg';
-import CopyIcon from '@/../static/images/accessGrants/newCreateFlow/copy.svg';
-
-const { isMobile, isTablet } = useResize();
-const { withLoading } = useLoading();
-
-const notify = useNotify();
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const projectsStore = useProjectsStore();
-
-const props = withDefaults(defineProps<{
-    model: ProjectMemberItemModel;
-}>(), {
-    model: () => new ProjectMember('', '', '', new Date(), ''),
-});
-
-const emit = defineEmits<{
-    (e: 'selectClick', model: ProjectMemberItemModel): void
-    (e: 'memberClick', model: ProjectMemberItemModel): void
-    (e: 'removeClick', model: ProjectMemberItemModel): void
-    (e: 'resendClick', model: ProjectMemberItemModel): void
-}>();
-
-const inviteLink = ref('');
-
-const isProjectOwner = computed((): boolean => {
-    return props.model.getUserID() === projectsStore.state.selectedProject.ownerId;
-});
-
-const isExpired = computed((): boolean => {
-    if (!props.model.isPending()) {
-        return false;
-    }
-    const invite = props.model as ProjectInvitationItemModel;
-    return invite.expired;
-});
-
-const itemToRender = computed((): { [key: string]: unknown } => {
-    let role: ProjectRole = ProjectRole.Member;
-    if (props.model.isPending()) {
-        if ((props.model as ProjectInvitationItemModel).expired) {
-            role = ProjectRole.InviteExpired;
-        } else {
-            role = ProjectRole.Invited;
-        }
-    } else if (isProjectOwner.value) {
-        role = ProjectRole.Owner;
-    }
-
-    if (!isMobile.value && !isTablet.value) {
-        const dateStr = props.model.getJoinDate().toLocaleDateString('en-US', { day:'numeric', month:'short', year:'numeric' });
-        return {
-            name: props.model.getName(),
-            email: props.model.getEmail(),
-            role: role,
-            date: dateStr,
-        };
-    }
-
-    if (isTablet.value) {
-        return { name: props.model.getName(), email: props.model.getEmail(), role: role };
-    }
-    // TODO: change after adding actions button to list item
-    return { name: props.model.getName(), email: props.model.getEmail() };
-});
-
-/**
- * isDropdownOpen if dropdown is open.
- */
-const isDropdownOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === props.model.getEmail();
-});
-
-function copyLinkClicked() {
-    analyticsStore.eventTriggered(AnalyticsEvent.COPY_INVITE_LINK_CLICKED);
-    closeDropDown();
-
-    if (inviteLink.value) {
-        navigator.clipboard.writeText(inviteLink.value);
-        return;
-    }
-    withLoading(async () => {
-        try {
-            inviteLink.value = await pmStore.getInviteLink(props.model.getEmail(), projectsStore.state.selectedProject.id);
-            navigator.clipboard.writeText(inviteLink.value);
-            notify.notify('Invite copied!');
-        } catch (error) {
-            error.message = `Error getting invite link. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
-        }
-    });
-}
-
-function resendClicked() {
-    emit('resendClick', props.model);
-    closeDropDown();
-}
-
-function deleteClicked() {
-    emit('removeClick', props.model);
-    closeDropDown();
-}
-
-function toggleDropDown() {
-    if (isProjectOwner.value) {
-        return;
-    }
-    appStore.toggleActiveDropdown(props.model.getEmail());
-}
-
-function closeDropDown() {
-    appStore.closeDropdowns();
-}
-</script>
-
-<style scoped lang="scss">
-    .project-member-item {
-
-        &__menu {
-            padding: 0 10px;
-            position: relative;
-            cursor: pointer;
-
-            &__icon {
-
-                &__content {
-                    height: 32px;
-                    width: 32px;
-                    margin-left: auto;
-                    margin-right: 0;
-                    padding: 12px 5px;
-                    border-radius: 5px;
-                    box-sizing: border-box;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-
-                    &.open {
-                        background: var(--c-grey-3);
-                    }
-                }
-            }
-
-            &__dropdown {
-                position: absolute;
-                top: 50px;
-                right: 10px;
-                background: var(--c-white);
-                box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-                border: 1px solid var(--c-grey-2);
-                border-radius: 8px;
-                z-index: 100;
-                overflow: hidden;
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    width: 200px;
-                    padding: 15px;
-                    color: var(--c-grey-6);
-                    cursor: pointer;
-
-                    &__label {
-                        font-family: 'font_regular', sans-serif;
-                        margin: 0 0 0 10px;
-                    }
-
-                    &:hover {
-                        font-family: 'font_medium', sans-serif;
-                        color: var(--c-blue-3);
-                        background-color: var(--c-grey-1);
-
-                        svg :deep(path) {
-                            fill: var(--c-blue-3);
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    :deep(.primary) {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    :deep(th) {
-        max-width: 25rem;
-    }
-
-    @media screen and (width <= 940px) {
-
-        :deep(th) {
-            max-width: 10rem;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/team/ProjectMembersArea.vue b/web/satellite/src/components/team/ProjectMembersArea.vue
deleted file mode 100644
index 676f02e5c8fd..000000000000
--- a/web/satellite/src/components/team/ProjectMembersArea.vue
+++ /dev/null
@@ -1,247 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="team-area">
-        <HeaderArea
-            class="team-area__header"
-            :selected-project-members-count="selectedProjectMembersLength"
-            :is-add-button-disabled="areMembersFetching"
-        />
-        <VLoader v-if="areMembersFetching" width="100px" height="100px" />
-
-        <div v-if="isEmptySearchResultShown && !areMembersFetching" class="team-area__empty-search-result-area">
-            <h1 class="team-area__empty-search-result-area__title">No results found</h1>
-            <EmptySearchResultIcon class="team-area__empty-search-result-area__image" />
-        </div>
-
-        <v-table
-            v-if="!areMembersFetching && !isEmptySearchResultShown"
-            items-label="project members"
-            :selectable="true"
-            :limit="projectMemberLimit"
-            :total-page-count="totalPageCount"
-            :total-items-count="projectMembersTotalCount"
-            :on-page-change="onPageChange"
-        >
-            <template #head>
-                <th class="align-left">Name</th>
-                <th class="align-left">Email</th>
-                <th class="align-left">Role</th>
-                <th class="align-left date-added">Date Added</th>
-            </template>
-            <template #body>
-                <ProjectMemberListItem
-                    v-for="(member, key) in projectMembers"
-                    :key="key"
-                    :model="member"
-                    @removeClick="onRemoveClick"
-                    @resendClick="onResendClick"
-                    @memberClick="onMemberCheckChange"
-                    @selectClick="onMemberCheckChange"
-                />
-            </template>
-        </v-table>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, h, onMounted, ref } from 'vue';
-
-import { ProjectMemberItemModel } from '@/types/projectMembers';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useLoading } from '@/composables/useLoading';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VLoader from '@/components/common/VLoader.vue';
-import HeaderArea from '@/components/team/HeaderArea.vue';
-import ProjectMemberListItem from '@/components/team/ProjectMemberListItem.vue';
-import VTable from '@/components/common/VTable.vue';
-
-import EmptySearchResultIcon from '@/../static/images/common/emptySearchResult.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const projectsStore = useProjectsStore();
-const configStore = useConfigStore();
-const notify = useNotify();
-
-const { withLoading } = useLoading();
-
-const FIRST_PAGE = 1;
-
-const areMembersFetching = ref<boolean>(true);
-
-/**
- * Returns team members of current page from store.
- * With project owner pinned to top
- */
-const projectMembers = computed((): ProjectMemberItemModel[] => {
-    const projectMembers = pmStore.state.page.getAllItems();
-    const projectOwner = projectMembers.find((member) => member.getUserID() === projectsStore.state.selectedProject.ownerId);
-    const projectMembersToReturn = projectMembers.filter((member) => member.getUserID() !== projectsStore.state.selectedProject.ownerId);
-
-    // if the project owner exists, place at the front of the members list
-    projectOwner && projectMembersToReturn.unshift(projectOwner);
-
-    return projectMembersToReturn;
-});
-
-/**
- * Returns team members total page count from store.
- */
-const projectMembersTotalCount = computed((): number => {
-    return pmStore.state.page.totalCount;
-});
-
-/**
- * Returns team members limit from store.
- */
-const projectMemberLimit = computed((): number => {
-    return pmStore.state.page.limit;
-});
-
-/**
- * Returns team members count of current page from store.
- */
-const projectMembersCount = computed((): number => {
-    return pmStore.state.page.projectMembers.length;
-});
-
-const totalPageCount = computed((): number => {
-    return pmStore.state.page.pageCount;
-});
-
-const selectedProjectMembersLength = computed((): number => {
-    return pmStore.state.selectedProjectMembersEmails.length;
-});
-
-const isEmptySearchResultShown = computed((): boolean => {
-    return projectMembersCount.value === 0 && projectMembersTotalCount.value === 0;
-});
-
-/**
- * Selects team member if this user has no owner status.
- * @param member
- */
-function onMemberCheckChange(member: ProjectMemberItemModel): void {
-    if (projectsStore.state.selectedProject.ownerId !== member.getUserID()) {
-        pmStore.toggleProjectMemberSelection(member);
-    }
-}
-
-/**
- * Fetches team member of selected page.
- * @param index
- * @param limit
- */
-async function onPageChange(index: number, limit: number): Promise<void> {
-    try {
-        await pmStore.getProjectMembers(index, projectsStore.state.selectedProject.id, limit);
-    } catch (error) {
-        notify.error(`Unable to fetch project members. ${error.message}`, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
-    }
-}
-
-function onResendClick(member: ProjectMemberItemModel) {
-    withLoading(async () => {
-        analyticsStore.eventTriggered(AnalyticsEvent.RESEND_INVITE_CLICKED);
-        try {
-            await pmStore.reinviteMembers([member.getEmail()], projectsStore.state.selectedProject.id);
-
-            if (configStore.state.config.unregisteredInviteEmailsEnabled) {
-                notify.success('Invite re-sent!');
-            } else {
-                notify.success(() => [
-                    h('p', { class: 'message-title' }, 'Invites re-sent!'),
-                    h('p', { class: 'message-info' }, [
-                        'The invitation will be re-sent to the email address if it belongs to a user on this satellite.',
-                    ]),
-                ]);
-            }
-
-            pmStore.setSearchQuery('');
-        } catch (error) {
-            error.message = `Error resending invite. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
-            return;
-        }
-
-        try {
-            await pmStore.getProjectMembers(FIRST_PAGE, projectsStore.state.selectedProject.id);
-        } catch (error) {
-            notify.error(`Unable to fetch project members. ${error.message}`, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
-        }
-    });
-}
-
-async function onRemoveClick(member: ProjectMemberItemModel) {
-    if (projectsStore.state.selectedProject.ownerId !== member.getUserID()) {
-        if (!member.isSelected()) {
-            pmStore.toggleProjectMemberSelection(member);
-        }
-        appStore.updateActiveModal(MODALS.removeTeamMember);
-    }
-    analyticsStore.eventTriggered(AnalyticsEvent.REMOVE_PROJECT_MEMBER_CLICKED);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Fetches first page of team members list of current project.
- */
-onMounted(async (): Promise<void> => {
-    try {
-        await pmStore.getProjectMembers(FIRST_PAGE, projectsStore.state.selectedProject.id);
-
-        areMembersFetching.value = false;
-    } catch (error) {
-        notify.error(error.message, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .team-area {
-        padding: 40px 30px 55px;
-        font-family: 'font_regular', sans-serif;
-
-        &__header {
-            width: 100%;
-            margin-bottom: 20px;
-            background-color: #f5f6fa;
-            top: auto;
-        }
-
-        &__empty-search-result-area {
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-direction: column;
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 32px;
-                line-height: 39px;
-            }
-
-            &__image {
-                margin-top: 40px;
-            }
-        }
-    }
-
-    @media screen and (width <= 800px) and (width >= 500px) {
-
-        .date-added {
-            display: none;
-        }
-    }
-</style>
diff --git a/web/satellite/src/components/utils/SessionWrapper.vue b/web/satellite/src/components/utils/SessionWrapper.vue
deleted file mode 100644
index e284f45c0a88..000000000000
--- a/web/satellite/src/components/utils/SessionWrapper.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <slot v-bind="sessionTimeout" />
-    <InactivityModal
-        v-if="sessionTimeout.inactivityModalShown.value"
-        :on-continue="() => sessionTimeout.refreshSession(true)"
-        :on-logout="sessionTimeout.handleInactive"
-        :on-close="() => sessionTimeout.inactivityModalShown.value = false"
-        :initial-seconds="INACTIVITY_MODAL_DURATION / 1000"
-    />
-    <SessionExpiredModal v-if="sessionTimeout.sessionExpiredModalShown.value" :on-redirect="redirectToLogin" />
-</template>
-
-<script setup lang="ts">
-import { useRouter } from 'vue-router';
-
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useSessionTimeout, INACTIVITY_MODAL_DURATION } from '@/composables/useSessionTimeout';
-import { RouteConfig } from '@/types/router';
-import { useAppStore } from '@/store/modules/appStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-
-import InactivityModal from '@/components/modals/InactivityModal.vue';
-import SessionExpiredModal from '@/components/modals/SessionExpiredModal.vue';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-
-const sessionTimeout = useSessionTimeout({
-    showEditSessionTimeoutModal: () => appStore.updateActiveModal(MODALS.editSessionTimeout),
-});
-const router = useRouter();
-
-/**
- * Redirects to log in screen.
- */
-function redirectToLogin(): void {
-    analyticsStore.pageVisit(RouteConfig.Login.path);
-    router.push(RouteConfig.Login.path);
-
-    sessionTimeout.sessionExpiredModalShown.value = false;
-}
-</script>
diff --git a/web/satellite/src/composables/DOM.ts b/web/satellite/src/composables/DOM.ts
deleted file mode 100644
index b84782ad0e00..000000000000
--- a/web/satellite/src/composables/DOM.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-export function useDOM() {
-    function removeReadOnly(e): void {
-        if (e.target.readOnly) {
-            e.target.readOnly = false;
-        }
-    }
-
-    function addReadOnly(e): void {
-        if (!e.target.readOnly) {
-            e.target.readOnly = true;
-        }
-    }
-
-    return {
-        removeReadOnly,
-        addReadOnly,
-    };
-}
diff --git a/web/satellite/src/composables/resize.ts b/web/satellite/src/composables/resize.ts
deleted file mode 100644
index c3c1fc466c46..000000000000
--- a/web/satellite/src/composables/resize.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { computed, onMounted, onUnmounted, ref } from 'vue';
-
-export function useResize() {
-    const screenWidth = ref<number>(window.innerWidth);
-    const screenHeight = ref<number>(window.innerHeight);
-
-    const isMobile = computed((): boolean => {
-        return screenWidth.value <= 550;
-    });
-
-    const isTablet = computed((): boolean => {
-        return !isMobile.value && screenWidth.value <= 800;
-    });
-
-    function onResize(): void {
-        screenWidth.value = window.innerWidth;
-        screenHeight.value = window.innerHeight;
-    }
-
-    onMounted((): void => {
-        window.addEventListener('resize', onResize);
-    });
-
-    onUnmounted((): void => {
-        window.removeEventListener('resize', onResize);
-    });
-
-    return {
-        screenWidth,
-        screenHeight,
-        isMobile,
-        isTablet,
-    };
-}
diff --git a/web/satellite/src/composables/useCreateProjectClickHandler.ts b/web/satellite/src/composables/useCreateProjectClickHandler.ts
deleted file mode 100644
index 54033caea6af..000000000000
--- a/web/satellite/src/composables/useCreateProjectClickHandler.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { User } from '@/types/users';
-import { RouteConfig } from '@/types/router';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAppStore } from '@/store/modules/appStore';
-
-export function useCreateProjectClickHandler() {
-    const analyticsStore = useAnalyticsStore();
-    const userStore = useUsersStore();
-    const projectsStore = useProjectsStore();
-    const appStore = useAppStore();
-
-    function handleCreateProjectClick(): void {
-        analyticsStore.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
-
-        const user: User = userStore.state.user;
-        const ownProjectsCount: number = projectsStore.projectsCount(user.id);
-
-        if (user.projectLimit > ownProjectsCount) {
-            analyticsStore.pageVisit(RouteConfig.CreateProject.path);
-            appStore.updateActiveModal(MODALS.newCreateProject);
-        } else {
-            appStore.updateActiveModal(MODALS.createProjectPrompt);
-        }
-    }
-
-    return {
-        handleCreateProjectClick,
-    };
-}
diff --git a/web/satellite/src/main.ts b/web/satellite/src/main.ts
deleted file mode 100644
index 4b440baa929b..000000000000
--- a/web/satellite/src/main.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { createApp } from 'vue';
-import { createPinia, setActivePinia } from 'pinia';
-import Papa from 'papaparse';
-import PAPA_PARSE_WORKER_URL from 'virtual:papa-parse-worker';
-
-import App from './App.vue';
-import { router } from './router';
-
-import NotificatorPlugin from '@/utils/plugins/notificator';
-
-const pinia = createPinia();
-setActivePinia(pinia);
-
-const app = createApp(App);
-app.config.performance = true;
-
-app.use(NotificatorPlugin);
-app.use(pinia);
-app.use(router);
-
-/**
- * Click outside handlers.
- */
-const handlers = new Map();
-document.addEventListener('click', event => {
-    for (const handler of handlers.values()) {
-        handler(event);
-    }
-});
-
-/**
- * Binds closing action to outside popups area.
- */
-app.directive('click-outside', {
-    mounted(el, binding) {
-        const handler = event => {
-            if (el !== event.target && !el.contains(event.target)) {
-                binding.value(event);
-            }
-        };
-
-        handlers.set(el, handler);
-    },
-
-    unmounted(el) {
-        handlers.delete(el);
-    },
-});
-
-/**
- * Number directive allow user to type only numbers in input.
- */
-app.directive('number', {
-    mounted (el: HTMLElement) {
-        el.addEventListener('keydown', (e: KeyboardEvent) => {
-            const keyCode = parseInt(e.key);
-
-            if (!isNaN(keyCode) || e.key === 'Delete' || e.key === 'Backspace') {
-                return;
-            }
-
-            e.preventDefault();
-        });
-    },
-});
-
-app.mount('#app');
-
-// By default, Papa Parse uses a blob URL for loading its worker.
-// This isn't supported by our content security policy, so we override the URL.
-Object.assign(Papa, { BLOB_URL: PAPA_PARSE_WORKER_URL });
diff --git a/web/satellite/src/router/index.ts b/web/satellite/src/router/index.ts
deleted file mode 100644
index d6106d992da6..000000000000
--- a/web/satellite/src/router/index.ts
+++ /dev/null
@@ -1,456 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { RouteRecord, createRouter, useRoute, createWebHistory } from 'vue-router';
-
-import { NavigationLink } from '@/types/navigation';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { RouteConfig } from '@/types/router';
-
-import AllDashboardArea from '@/views/all-dashboard/AllDashboardArea.vue';
-import MyProjects from '@/views/all-dashboard/components/MyProjects.vue';
-import AccessGrants from '@/components/accessGrants/AccessGrants.vue';
-import CreateAccessGrantFlow from '@/components/accessGrants/createFlow/CreateAccessGrantFlow.vue';
-import AccountArea from '@/components/account/AccountArea.vue';
-import AccountBilling from '@/components/account/billing/BillingArea.vue';
-import BillingOverview from '@/components/account/billing/billingTabs/Overview.vue';
-import BillingPaymentMethods from '@/components/account/billing/billingTabs/PaymentMethods.vue';
-import BillingHistory from '@/components/account/billing/billingTabs/BillingHistory.vue';
-import BillingCoupons from '@/components/account/billing/billingTabs/Coupons.vue';
-import BucketsView from '@/components/objects/BucketsView.vue';
-import ObjectsArea from '@/components/objects/ObjectsArea.vue';
-import UploadFile from '@/components/objects/UploadFile.vue';
-import OnboardingTourArea from '@/components/onboardingTour/OnboardingTourArea.vue';
-import PricingPlanStep from '@/components/onboardingTour/steps/PricingPlanStep.vue';
-import OnbCLIStep from '@/components/onboardingTour/steps/CLIStep.vue';
-import OverviewStep from '@/components/onboardingTour/steps/OverviewStep.vue';
-import EditProjectDetails from '@/components/project/EditProjectDetails.vue';
-import ProjectDashboard from '@/components/project/dashboard/ProjectDashboard.vue';
-import ProjectMembersArea from '@/components/team/ProjectMembersArea.vue';
-import CLIInstall from '@/components/onboardingTour/steps/cliFlow/CLIInstall.vue';
-import APIKey from '@/components/onboardingTour/steps/cliFlow/APIKey.vue';
-import CLISetup from '@/components/onboardingTour/steps/cliFlow/CLISetup.vue';
-import CreateBucket from '@/components/onboardingTour/steps/cliFlow/CreateBucket.vue';
-import UploadObject from '@/components/onboardingTour/steps/cliFlow/UploadObject.vue';
-import ListObject from '@/components/onboardingTour/steps/cliFlow/ListObject.vue';
-import DownloadObject from '@/components/onboardingTour/steps/cliFlow/DownloadObject.vue';
-import ShareObject from '@/components/onboardingTour/steps/cliFlow/ShareObject.vue';
-import RegistrationSuccess from '@/components/common/RegistrationSuccess.vue';
-import SuccessScreen from '@/components/onboardingTour/steps/cliFlow/SuccessScreen.vue';
-import AGName from '@/components/onboardingTour/steps/cliFlow/AGName.vue';
-import AGPermissions from '@/components/onboardingTour/steps/cliFlow/AGPermissions.vue';
-import BucketDetails from '@/components/objects/BucketDetails.vue';
-import NewSettingsArea from '@/components/account/NewSettingsArea.vue';
-
-const ActivateAccount = () => import('@/views/ActivateAccount.vue');
-const AuthorizeArea = () => import('@/views/AuthorizeArea.vue');
-const DashboardArea = () => import('@/views/dashboard/DashboardArea.vue');
-const ForgotPassword = () => import('@/views/ForgotPassword.vue');
-const LoginArea = () => import('@/views/LoginArea.vue');
-const RegisterArea = () => import('@/views/registration/RegisterArea.vue');
-const ResetPassword = () => import('@/views/ResetPassword.vue');
-
-const notProjectRelatedRoutes = [
-    RouteConfig.Login.name,
-    RouteConfig.Register.name,
-    RouteConfig.RegisterSuccess.name,
-    RouteConfig.Activate.name,
-    RouteConfig.ForgotPassword.name,
-    RouteConfig.ResetPassword.name,
-    RouteConfig.Authorize.name,
-    RouteConfig.Billing.name,
-    RouteConfig.BillingOverview.name,
-    RouteConfig.BillingPaymentMethods.name,
-    RouteConfig.BillingHistory.name,
-    RouteConfig.BillingCoupons.name,
-    RouteConfig.Settings.name,
-];
-
-export const router = createRouter({
-    history: createWebHistory(),
-    routes: [
-        {
-            path: RouteConfig.Login.path,
-            name: RouteConfig.Login.name,
-            component: LoginArea,
-        },
-        {
-            path: RouteConfig.Register.path,
-            name: RouteConfig.Register.name,
-            component: RegisterArea,
-        },
-        {
-            path: RouteConfig.RegisterSuccess.path,
-            name: RouteConfig.RegisterSuccess.name,
-            component: RegistrationSuccess,
-        },
-        {
-            path: RouteConfig.Activate.path,
-            name: RouteConfig.Activate.name,
-            component: ActivateAccount,
-        },
-        {
-            path: RouteConfig.ForgotPassword.path,
-            name: RouteConfig.ForgotPassword.name,
-            component: ForgotPassword,
-        },
-        {
-            path: RouteConfig.ResetPassword.path,
-            name: RouteConfig.ResetPassword.name,
-            component: ResetPassword,
-        },
-        {
-            path: RouteConfig.Authorize.path,
-            name: RouteConfig.Authorize.name,
-            component: AuthorizeArea,
-        },
-        {
-            path: RouteConfig.Root.path,
-            meta: {
-                requiresAuth: true,
-            },
-            component: DashboardArea,
-            children: [
-                {
-                    path: RouteConfig.Root.path,
-                    name: 'default',
-                    component: ProjectDashboard,
-                },
-                {
-                    path: RouteConfig.Account.path,
-                    name: RouteConfig.Account.name,
-                    component: AccountArea,
-                    children: [
-                        {
-                            path: RouteConfig.Settings.path,
-                            name: RouteConfig.Settings.name,
-                            component: NewSettingsArea,
-                        },
-                        {
-                            path: RouteConfig.Billing.path,
-                            name: RouteConfig.Billing.name,
-                            component: AccountBilling,
-                            children: [
-                                {
-                                    path: RouteConfig.BillingOverview.path,
-                                    name: RouteConfig.BillingOverview.name,
-                                    component: BillingOverview,
-                                },
-                                {
-                                    path: RouteConfig.BillingPaymentMethods.path,
-                                    name: RouteConfig.BillingPaymentMethods.name,
-                                    component: BillingPaymentMethods,
-                                },
-                                {
-                                    path: RouteConfig.BillingHistory.path,
-                                    name: RouteConfig.BillingHistory.name,
-                                    component: BillingHistory,
-                                },
-                                {
-                                    path: RouteConfig.BillingCoupons.path,
-                                    name: RouteConfig.BillingCoupons.name,
-                                    component: BillingCoupons,
-                                },
-                            ],
-                        },
-                    ],
-                },
-                {
-                    path: RouteConfig.ProjectDashboard.path,
-                    name: RouteConfig.ProjectDashboard.name,
-                    component: ProjectDashboard,
-                },
-                {
-                    path: RouteConfig.Team.path,
-                    name: RouteConfig.Team.name,
-                    component: ProjectMembersArea,
-                },
-                {
-                    path: RouteConfig.OnboardingTour.path,
-                    name: RouteConfig.OnboardingTour.name,
-                    component: OnboardingTourArea,
-                    children: [
-                        {
-                            path: RouteConfig.PricingPlanStep.path,
-                            name: RouteConfig.PricingPlanStep.name,
-                            component: PricingPlanStep,
-                        },
-                        {
-                            path: RouteConfig.OverviewStep.path,
-                            name: RouteConfig.OverviewStep.name,
-                            component: OverviewStep,
-                        },
-                        {
-                            path: RouteConfig.OnbCLIStep.path,
-                            name: RouteConfig.OnbCLIStep.name,
-                            component: OnbCLIStep,
-                            children: [
-                                {
-                                    path: RouteConfig.AGName.path,
-                                    name: RouteConfig.AGName.name,
-                                    component: AGName,
-                                },
-                                {
-                                    path: RouteConfig.AGPermissions.path,
-                                    name: RouteConfig.AGPermissions.name,
-                                    component: AGPermissions,
-                                },
-                                {
-                                    path: RouteConfig.APIKey.path,
-                                    name: RouteConfig.APIKey.name,
-                                    component: APIKey,
-                                },
-                                {
-                                    path: RouteConfig.CLIInstall.path,
-                                    name: RouteConfig.CLIInstall.name,
-                                    component: CLIInstall,
-                                },
-                                {
-                                    path: RouteConfig.CLISetup.path,
-                                    name: RouteConfig.CLISetup.name,
-                                    component: CLISetup,
-                                },
-                                {
-                                    path: RouteConfig.CreateBucket.path,
-                                    name: RouteConfig.CreateBucket.name,
-                                    component: CreateBucket,
-                                },
-                                {
-                                    path: RouteConfig.UploadObject.path,
-                                    name: RouteConfig.UploadObject.name,
-                                    component: UploadObject,
-                                },
-                                {
-                                    path: RouteConfig.ListObject.path,
-                                    name: RouteConfig.ListObject.name,
-                                    component: ListObject,
-                                },
-                                {
-                                    path: RouteConfig.DownloadObject.path,
-                                    name: RouteConfig.DownloadObject.name,
-                                    component: DownloadObject,
-                                },
-                                {
-                                    path: RouteConfig.ShareObject.path,
-                                    name: RouteConfig.ShareObject.name,
-                                    component: ShareObject,
-                                },
-                                {
-                                    path: RouteConfig.SuccessScreen.path,
-                                    name: RouteConfig.SuccessScreen.name,
-                                    component: SuccessScreen,
-                                },
-                            ],
-                        },
-                    ],
-                },
-                {
-                    path: RouteConfig.EditProjectDetails.path,
-                    name: RouteConfig.EditProjectDetails.name,
-                    component: EditProjectDetails,
-                },
-                {
-                    path: RouteConfig.AccessGrants.path,
-                    name: RouteConfig.AccessGrants.name,
-                    component: AccessGrants,
-                    children: [
-                        {
-                            path: RouteConfig.CreateAccessModal.path,
-                            name: RouteConfig.CreateAccessModal.name,
-                            component: CreateAccessGrantFlow,
-                        },
-                    ],
-                },
-                {
-                    path: RouteConfig.Buckets.path,
-                    name: RouteConfig.Buckets.name,
-                    component: ObjectsArea,
-                    children: [
-                        {
-                            path: RouteConfig.BucketsManagement.path,
-                            name: RouteConfig.BucketsManagement.name,
-                            component: BucketsView,
-                            props: true,
-                        },
-                        {
-                            path: RouteConfig.BucketsDetails.path,
-                            name: RouteConfig.BucketsDetails.name,
-                            component: BucketDetails,
-                            props: true,
-                        },
-                        {
-                            path: RouteConfig.UploadFile.path,
-                            name: RouteConfig.UploadFile.name,
-                            component: UploadFile,
-                            children: [
-                                {
-                                    path: RouteConfig.UploadFileChildren.path,
-                                    name: RouteConfig.UploadFileChildren.name,
-                                    component: UploadFile,
-                                },
-                            ],
-                        },
-                    ],
-                },
-            ],
-        },
-        {
-            path: RouteConfig.AllProjectsDashboard.path,
-            meta: {
-                requiresAuth: true,
-            },
-            component: AllDashboardArea,
-            children: [
-                {
-                    path: RouteConfig.AllProjectsDashboard.path,
-                    name: RouteConfig.AllProjectsDashboard.name,
-                    component: MyProjects,
-                },
-                {
-                    path: RouteConfig.AccountSettings.path,
-                    name: RouteConfig.AccountSettings.name,
-                    component: AccountArea,
-                    children: [
-                        {
-                            path: RouteConfig.Settings2.path,
-                            name: RouteConfig.Settings2.name,
-                            component: NewSettingsArea,
-                        },
-                        {
-                            path: RouteConfig.Billing2.path,
-                            name: RouteConfig.Billing2.name,
-                            component: AccountBilling,
-                            children: [
-                                {
-                                    path: RouteConfig.BillingOverview2.path,
-                                    name: RouteConfig.BillingOverview2.path,
-                                    component: BillingOverview,
-                                },
-                                {
-                                    path: RouteConfig.BillingPaymentMethods2.path,
-                                    name: RouteConfig.BillingPaymentMethods2.name,
-                                    component: BillingPaymentMethods,
-                                },
-                                {
-                                    path: RouteConfig.BillingHistory2.path,
-                                    name: RouteConfig.BillingHistory2.name,
-                                    component: BillingHistory,
-                                },
-                                {
-                                    path: RouteConfig.BillingCoupons2.path,
-                                    name: RouteConfig.BillingCoupons2.name,
-                                    component: BillingCoupons,
-                                },
-                            ],
-                        },
-                    ],
-                },
-            ],
-        },
-    ],
-});
-
-router.beforeEach(async (to, from, next) => {
-    const appStore = useAppStore();
-    const configStore = useConfigStore();
-
-    if (!to.matched.length) {
-        appStore.setErrorPage(404);
-        return;
-    } else if (appStore.state.error.visible) {
-        appStore.removeErrorPage();
-    }
-
-    if (to.name === RouteConfig.ProjectDashboard.name && from.name === RouteConfig.Login.name) {
-        appStore.toggleHasJustLoggedIn(true);
-    }
-
-    if (to.name === RouteConfig.AllProjectsDashboard.name && from.name === RouteConfig.Login.name) {
-        appStore.toggleHasJustLoggedIn(true);
-    }
-
-    // On very first login we try to redirect user to project dashboard
-    // but since there is no project we then redirect user to onboarding flow.
-    // That's why we toggle this flag here back to false not show create project passphrase modal again
-    // if user clicks 'Continue in web'.
-    if (to.name === RouteConfig.ProjectDashboard.name && from.name === RouteConfig.OverviewStep.name) {
-        appStore.toggleHasJustLoggedIn(false);
-    }
-    if (to.name === RouteConfig.ProjectDashboard.name && from.name === RouteConfig.AllProjectsDashboard.name) {
-        appStore.toggleHasJustLoggedIn(false);
-    }
-
-    // Config value has to be compared exactly to 'false'
-    // because value is 'undefined' on initial load (API request is still processing).
-    if (configStore.state.config.billingFeaturesEnabled === false && to.path.includes(RouteConfig.Billing.path)) {
-        next(RouteConfig.Account.with(RouteConfig.Settings).path);
-
-        return;
-    }
-
-    if (navigateToDefaultSubTab(to.matched, RouteConfig.Account)) {
-        next(RouteConfig.Account.with(RouteConfig.Billing).path);
-
-        return;
-    }
-
-    if (navigateToDefaultSubTab(to.matched, RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep))) {
-        next(RouteConfig.OnboardingTour.path);
-
-        return;
-    }
-
-    if (navigateToDefaultSubTab(to.matched, RouteConfig.OnboardingTour)) {
-        next(RouteConfig.OnboardingTour.with(configStore.firstOnboardingStep).path);
-
-        return;
-    }
-
-    if (navigateToDefaultSubTab(to.matched, RouteConfig.Buckets)) {
-        next(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
-
-        return;
-    }
-
-    if (to.name === 'default') {
-        next(RouteConfig.ProjectDashboard.path);
-
-        return;
-    }
-
-    next();
-});
-
-router.afterEach(() => {
-    updateTitle();
-});
-
-/**
- * if our route is a tab and has no sub tab route - we will navigate to default subtab.
- * F.E. /account/ -> /account/billing/;
- * @param routes - array of RouteRecord from vue-router
- * @param tabRoute - tabNavigator route
- */
-function navigateToDefaultSubTab(routes: RouteRecord[], tabRoute: NavigationLink): boolean {
-    return (routes.length === 2 && (routes[1].name as string) === tabRoute.name) ||
-        (routes.length === 3 && (routes[2].name as string) === tabRoute.name);
-}
-
-/**
- * Updates the title of the webpage.
- */
-function updateTitle(): void {
-    const configStore = useConfigStore();
-    const projectsStore = useProjectsStore();
-    const route = useRoute();
-    const routeName = route.name as string;
-    const parts = [routeName, configStore.state.config.satelliteName];
-
-    if (routeName && !notProjectRelatedRoutes.includes(routeName)) {
-        parts.unshift(projectsStore.state.selectedProject.name);
-    }
-
-    document.title = parts.filter(s => !!s).join(' | ');
-}
diff --git a/web/satellite/src/store/modules/appStore.ts b/web/satellite/src/store/modules/appStore.ts
index 1c4a7780c357..4403aa659f5f 100644
--- a/web/satellite/src/store/modules/appStore.ts
+++ b/web/satellite/src/store/modules/appStore.ts
@@ -1,43 +1,19 @@
 // Copyright (C) 2023 Storj Labs, Inc.
 // See LICENSE for copying information.
 
-import { Component, reactive } from 'vue';
+import { reactive } from 'vue';
 import { defineStore } from 'pinia';
 
-import { OnboardingOS, PricingPlanInfo } from '@/types/common';
-import { FetchState } from '@/utils/constants/fetchStateEnum';
 import { ManageProjectPassphraseStep } from '@/types/managePassphrase';
 import { LocalData } from '@/utils/localData';
-import { LimitToChange } from '@/types/projects';
-import { ShareType } from '@/types/browser';
 
 class AppState {
-    public fetchState = FetchState.LOADING;
-    public isSuccessfulPasswordResetShown = false;
     public hasJustLoggedIn = false;
-    public onbAGStepBackRoute = '';
-    public onbAPIKeyStepBackRoute = '';
-    public onbCleanApiKey = '';
-    public onbApiKey = '';
-    public setDefaultPaymentMethodID = '';
-    public deletePaymentMethodID = '';
-    public onbSelectedOs: OnboardingOS | null = null;
-    public selectedPricingPlan: PricingPlanInfo | null = null;
     public managePassphraseStep: ManageProjectPassphraseStep | undefined = undefined;
-    public activeDropdown = 'none';
-    public activeModal: Component | null = null;
     public isUploadingModal = false;
-    public isGalleryView = false;
-    // this field is mainly used on the all projects dashboard as an exit condition
-    // for when the dashboard opens the pricing plan and the pricing plan navigates back repeatedly.
-    public hasShownPricingPlan = false;
     public error: ErrorPageState = new ErrorPageState();
-    public isLargeUploadWarningNotificationShown = false;
-    public activeChangeLimit: LimitToChange = LimitToChange.Storage;
     public isProjectTableViewEnabled = LocalData.getProjectTableViewEnabled();
     public isBrowserCardViewEnabled = LocalData.getBrowserCardViewEnabled();
-    public shareModalType: ShareType = ShareType.File;
-    public usageReportProjectID = '';
 }
 
 class ErrorPageState {
@@ -51,35 +27,6 @@ class ErrorPageState {
 export const useAppStore = defineStore('app', () => {
     const state = reactive<AppState>(new AppState());
 
-    function toggleActiveDropdown(dropdown: string): void {
-        if (state.activeDropdown === dropdown) {
-            state.activeDropdown = 'none';
-            return;
-        }
-
-        state.activeDropdown = dropdown;
-    }
-
-    function toggleSuccessfulPasswordReset(): void {
-        if (!state.isSuccessfulPasswordResetShown) {
-            state.activeDropdown = 'none';
-        }
-
-        state.isSuccessfulPasswordResetShown = !state.isSuccessfulPasswordResetShown;
-    }
-
-    function updateActiveModal(modal: Component): void {
-        if (state.activeModal === modal) {
-            state.activeModal = null;
-            return;
-        }
-        state.activeModal = modal;
-    }
-
-    function removeActiveModal(): void {
-        state.activeModal = null;
-    }
-
     function toggleHasJustLoggedIn(hasJustLoggedIn: boolean | null = null): void {
         if (hasJustLoggedIn === null) {
             state.hasJustLoggedIn = !state.hasJustLoggedIn;
@@ -110,70 +57,14 @@ export const useAppStore = defineStore('app', () => {
         LocalData.setBrowserCardViewEnabled(state.isBrowserCardViewEnabled);
     }
 
-    function changeState(newFetchState: FetchState): void {
-        state.fetchState = newFetchState;
-    }
-
-    function setUsageReportProjectID(id: string): void {
-        state.usageReportProjectID = id;
-    }
-
-    function setOnboardingBackRoute(backRoute: string): void {
-        state.onbAGStepBackRoute = backRoute;
-    }
-
-    function setOnboardingAPIKeyStepBackRoute(backRoute: string): void {
-        state.onbAPIKeyStepBackRoute = backRoute;
-    }
-
-    function setOnboardingAPIKey(apiKey: string): void {
-        state.onbApiKey = apiKey;
-    }
-
     function setUploadingModal(value: boolean): void {
         state.isUploadingModal = value;
     }
 
-    function setOnboardingCleanAPIKey(apiKey: string): void {
-        state.onbCleanApiKey = apiKey;
-    }
-
-    function setOnboardingOS(os: OnboardingOS): void {
-        state.onbSelectedOs = os;
-    }
-
-    function setActiveChangeLimit(limit: LimitToChange): void {
-        state.activeChangeLimit = limit;
-    }
-
-    function setPricingPlan(plan: PricingPlanInfo): void {
-        state.selectedPricingPlan = plan;
-    }
-
     function setManagePassphraseStep(step: ManageProjectPassphraseStep | undefined): void {
         state.managePassphraseStep = step;
     }
 
-    function setHasShownPricingPlan(value: boolean): void {
-        state.hasShownPricingPlan = value;
-    }
-
-    function setLargeUploadWarningNotification(value: boolean): void {
-        state.isLargeUploadWarningNotificationShown = value;
-    }
-
-    function setGalleryView(value: boolean): void {
-        state.isGalleryView = value;
-    }
-
-    function setShareModalType(type: ShareType): void {
-        state.shareModalType = type;
-    }
-
-    function closeDropdowns(): void {
-        state.activeDropdown = '';
-    }
-
     function setErrorPage(statusCode: number, fatal = false): void {
         state.error = new ErrorPageState(statusCode, fatal, true);
     }
@@ -183,55 +74,22 @@ export const useAppStore = defineStore('app', () => {
     }
 
     function clear(): void {
-        state.activeModal = null;
-        state.isSuccessfulPasswordResetShown = false;
         state.hasJustLoggedIn = false;
-        state.onbAGStepBackRoute = '';
-        state.onbAPIKeyStepBackRoute = '';
-        state.onbCleanApiKey = '';
-        state.onbApiKey = '';
-        state.setDefaultPaymentMethodID = '';
-        state.deletePaymentMethodID = '';
-        state.onbSelectedOs = null;
         state.managePassphraseStep = undefined;
-        state.selectedPricingPlan = null;
-        state.hasShownPricingPlan = false;
-        state.activeDropdown = '';
         state.isUploadingModal = false;
         state.error.visible = false;
-        state.isGalleryView = false;
         state.isProjectTableViewEnabled = false;
-        state.shareModalType = ShareType.File;
-        state.usageReportProjectID = '';
         LocalData.removeProjectTableViewConfig();
     }
 
     return {
         state,
-        toggleActiveDropdown,
-        toggleSuccessfulPasswordReset,
         toggleProjectTableViewEnabled,
         toggleBrowserCardViewEnabled: toggleBrowserTableViewEnabled,
         hasProjectTableViewConfigured,
-        updateActiveModal,
-        removeActiveModal,
         toggleHasJustLoggedIn,
-        changeState,
-        setUsageReportProjectID,
-        setOnboardingBackRoute,
-        setOnboardingAPIKeyStepBackRoute,
-        setOnboardingAPIKey,
-        setOnboardingCleanAPIKey,
-        setOnboardingOS,
-        setActiveChangeLimit,
-        setPricingPlan,
-        setGalleryView,
         setManagePassphraseStep,
-        setHasShownPricingPlan,
         setUploadingModal,
-        setLargeUploadWarningNotification,
-        setShareModalType,
-        closeDropdowns,
         setErrorPage,
         removeErrorPage,
         clear,
diff --git a/web/satellite/src/store/modules/objectBrowserStore.ts b/web/satellite/src/store/modules/objectBrowserStore.ts
index e147e78fc15f..967d0ded1dbb 100644
--- a/web/satellite/src/store/modules/objectBrowserStore.ts
+++ b/web/satellite/src/store/modules/objectBrowserStore.ts
@@ -21,7 +21,6 @@ import { SignatureV4 } from '@smithy/signature-v4';
 import { ListObjectsV2CommandInput } from '@aws-sdk/client-s3/dist-types/commands/ListObjectsV2Command';
 
 import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
 import { useAppStore } from '@/store/modules/appStore';
 import { useNotificationsStore } from '@/store/modules/notificationsStore';
 import { useConfigStore } from '@/store/modules/configStore';
@@ -555,11 +554,6 @@ export const useObjectBrowserStore = defineStore('objectBrowser', () => {
             return;
         }
 
-        // If file size exceeds 5 GB, show warning notification
-        if (body.size > (5 * 1024 * 1024 * 1024)) {
-            appStore.setLargeUploadWarningNotification(true);
-        }
-
         // Upload 4 parts at a time.
         const queueSize = 4;
         // For now use a 64mb part size. This may be configurable in the future to enhance performance.
@@ -624,12 +618,6 @@ export const useObjectBrowserStore = defineStore('objectBrowser', () => {
             const uploadedFiles = state.files.filter(f => f.type === 'file');
             if (uploadedFiles.length === 1 && !key.includes('/') && state.openModalOnFirstUpload) {
                 state.objectPathForModal = key;
-
-                if (config.state.config.galleryViewEnabled) {
-                    appStore.setGalleryView(true);
-                } else {
-                    appStore.updateActiveModal(MODALS.objectDetails);
-                }
             }
         });
     }
@@ -640,12 +628,6 @@ export const useObjectBrowserStore = defineStore('objectBrowser', () => {
         item.status = UploadingStatus.Failed;
         item.failedMessage = FailedUploadMessage.Failed;
 
-        // If file size exceeds 1 GB, show warning notification.
-        if (item.Size > (1024 * 1024 * 1024)) {
-            const appStore = useAppStore();
-            appStore.setLargeUploadWarningNotification(true);
-        }
-
         const { notifyError } = useNotificationsStore();
 
         const limitExceededError = 'storage limit exceeded';
diff --git a/web/satellite/src/store/modules/projectMembersStore.ts b/web/satellite/src/store/modules/projectMembersStore.ts
index e01dbb3dedde..fd4cf30104f5 100644
--- a/web/satellite/src/store/modules/projectMembersStore.ts
+++ b/web/satellite/src/store/modules/projectMembersStore.ts
@@ -5,7 +5,6 @@ import { reactive } from 'vue';
 import { defineStore } from 'pinia';
 
 import {
-    ProjectMember,
     ProjectMemberCursor,
     ProjectMemberItemModel,
     ProjectMemberOrderBy,
diff --git a/web/satellite/src/types/DelayedNotification.ts b/web/satellite/src/types/DelayedNotification.ts
index b57d38efdeca..8fe8a415a835 100644
--- a/web/satellite/src/types/DelayedNotification.ts
+++ b/web/satellite/src/types/DelayedNotification.ts
@@ -5,11 +5,6 @@ import { VNode, createTextVNode } from 'vue';
 
 import { getId } from '@/utils/idGenerator';
 
-import SuccessIcon from '@/../static/images/notifications/success.svg';
-import NotificationIcon from '@/../static/images/notifications/notification.svg';
-import ErrorIcon from '@/../static/images/notifications/error.svg';
-import WarningIcon from '@/../static/images/notifications/warning.svg';
-
 export enum NotificationType {
     Success = 'Success',
     Info = 'Info',
@@ -20,25 +15,6 @@ export enum NotificationType {
 type RenderFunction = () => (string | VNode | (string | VNode)[]);
 export type NotificationMessage = string | RenderFunction;
 
-const StyleInfo: Record<NotificationType, { icon: string; backgroundColor: string }> = {
-    [NotificationType.Success]: {
-        backgroundColor: '#DBF1D3',
-        icon: SuccessIcon,
-    },
-    [NotificationType.Error]: {
-        backgroundColor: '#FFD4D2',
-        icon: ErrorIcon,
-    },
-    [NotificationType.Warning]: {
-        backgroundColor: '#FCF8E3',
-        icon: WarningIcon,
-    },
-    [NotificationType.Info]: {
-        backgroundColor: '#D0E3FE',
-        icon: NotificationIcon,
-    },
-};
-
 export class DelayedNotification {
     public readonly id: string;
 
@@ -50,8 +26,6 @@ export class DelayedNotification {
     public readonly type: NotificationType;
     public readonly title: string | undefined;
     public readonly messageNode: RenderFunction;
-    public readonly backgroundColor: string;
-    public readonly icon: string;
 
     constructor(callback: () => void, type: NotificationType, message: NotificationMessage, title?: string) {
         this.callback = callback;
@@ -61,9 +35,6 @@ export class DelayedNotification {
         this.id = getId();
         this.remainingTime = 3000;
         this.start();
-
-        this.backgroundColor = StyleInfo[type].backgroundColor;
-        this.icon = StyleInfo[type].icon;
     }
 
     public pause(): void {
diff --git a/web/satellite/src/types/accessGrants.ts b/web/satellite/src/types/accessGrants.ts
index 2e9a8a0085fe..ac5c6cb1971b 100644
--- a/web/satellite/src/types/accessGrants.ts
+++ b/web/satellite/src/types/accessGrants.ts
@@ -4,8 +4,6 @@
 import { SortDirection } from '@/types/common';
 import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
 
-export type OnHeaderClickCallback = (sortBy: AccessGrantsOrderBy, sortDirection: SortDirection) => Promise<void>;
-
 /**
  * Exposes all access grants-related functionality.
  */
diff --git a/web/satellite/src/types/browser.ts b/web/satellite/src/types/browser.ts
index 5421b548492a..3ccb8bbbc470 100644
--- a/web/satellite/src/types/browser.ts
+++ b/web/satellite/src/types/browser.ts
@@ -84,12 +84,6 @@ export const SHARE_BUTTON_CONFIGS: Record<ShareOptions, ShareButtonConfig> = {
     },
 };
 
-export enum ShareType {
-    File = 'File',
-    Folder = 'Folder',
-    Bucket = 'Bucket',
-}
-
 export enum PreviewType {
     None,
     Text,
diff --git a/web/satellite/src/types/common.ts b/web/satellite/src/types/common.ts
index 6a9751c1ad59..298e64b45931 100644
--- a/web/satellite/src/types/common.ts
+++ b/web/satellite/src/types/common.ts
@@ -8,18 +8,6 @@ export enum SortDirection {
     desc = 2,
 }
 
-export enum OnboardingOS {
-    WINDOWS = 'windows',
-    MAC = 'macos',
-    LINUX = 'linux',
-}
-
-export enum OnboardingOption {
-    Browser = 'Continue in Browser',
-    CLI = 'CLI',
-    Skip = 'Skip',
-}
-
 export class PricingPlanInfo {
     constructor(
         public type: PricingPlanType = PricingPlanType.FREE,
diff --git a/web/satellite/src/types/coupons.ts b/web/satellite/src/types/coupons.ts
deleted file mode 100644
index c90efbf6c302..000000000000
--- a/web/satellite/src/types/coupons.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-export enum CouponType {
-    NoCoupon = 'noCoupon',
-    FreeTierCoupon = 'freeTierCoupon',
-    SignupCoupon = 'signupCoupon'
-}
diff --git a/web/satellite/src/types/createAccessGrant.ts b/web/satellite/src/types/createAccessGrant.ts
index b4d0ace43f6a..7c3b60a90bba 100644
--- a/web/satellite/src/types/createAccessGrant.ts
+++ b/web/satellite/src/types/createAccessGrant.ts
@@ -10,12 +10,6 @@ import CLIAccessCreatedIcon from '@/../static/images/accessGrants/newCreateFlow/
 import CredentialsCreatedIcon from '@/../static/images/accessGrants/newCreateFlow/credentialsCreated.svg';
 import EncryptionInfoIcon from '@/../static/images/accessGrants/newCreateFlow/encryptionInfo.svg';
 import ConfirmDetailsIcon from '@/../static/images/accessGrants/newCreateFlow/confirmDetails.svg';
-import TypeIcon from '@/../static/images/accessGrants/newCreateFlow/typeIcon.svg';
-import NameIcon from '@/../static/images/accessGrants/newCreateFlow/nameIcon.svg';
-import PermissionsIcon from '@/../static/images/accessGrants/newCreateFlow/permissionsIcon.svg';
-import BucketsIcon from '@/../static/images/accessGrants/newCreateFlow/bucketsIcon.svg';
-import EndDateIcon from '@/../static/images/accessGrants/newCreateFlow/endDateIcon.svg';
-import EncryptionPassphraseIcon from '@/../static/images/accessGrants/newCreateFlow/encryptionPassphraseIcon.svg';
 
 export interface IconAndTitle {
     icon: string;
@@ -103,39 +97,3 @@ export const STEP_ICON_AND_TITLE: Record<CreateAccessStep, IconAndTitle> = {
         title: 'CLI access created',
     },
 };
-
-export enum FunctionalContainer {
-    Type = 'type',
-    Name = 'name',
-    Permissions = 'permissions',
-    Buckets = 'buckets',
-    EndDate = 'endDate',
-    EncryptionPassphrase = 'encryptionPassphrase',
-}
-
-export const FUNCTIONAL_CONTAINER_ICON_AND_TITLE: Record<FunctionalContainer, IconAndTitle> = {
-    [FunctionalContainer.Type]: {
-        icon: TypeIcon,
-        title: 'Type',
-    },
-    [FunctionalContainer.Name]: {
-        icon: NameIcon,
-        title: 'Name',
-    },
-    [FunctionalContainer.Permissions]: {
-        icon: PermissionsIcon,
-        title: 'Permissions',
-    },
-    [FunctionalContainer.Buckets]: {
-        icon: BucketsIcon,
-        title: 'Buckets',
-    },
-    [FunctionalContainer.EndDate]: {
-        icon: EndDateIcon,
-        title: 'End Date',
-    },
-    [FunctionalContainer.EncryptionPassphrase]: {
-        icon: EncryptionPassphraseIcon,
-        title: 'Encryption Passphrase',
-    },
-};
diff --git a/web/satellite/src/types/pagination.ts b/web/satellite/src/types/pagination.ts
index 3548477de39a..b82c4778cde9 100644
--- a/web/satellite/src/types/pagination.ts
+++ b/web/satellite/src/types/pagination.ts
@@ -3,10 +3,7 @@
 
 export const DEFAULT_PAGE_LIMIT = 10;
 
-export type PageChangeCallback = (page: number, limit: number) => Promise<void> | void;
-
 export type OnPageClickCallback = (search: number) => Promise<void>;
-export type CheckSelected = (index: number) => boolean;
 
 /**
  * Describes paginator page.
diff --git a/web/satellite/src/types/payments.ts b/web/satellite/src/types/payments.ts
index 23d00038447f..266f662b0e23 100644
--- a/web/satellite/src/types/payments.ts
+++ b/web/satellite/src/types/payments.ts
@@ -201,13 +201,6 @@ export class CreditCard {
     ) { }
 }
 
-export class PaymentAmountOption {
-    public constructor(
-        public value: number,
-        public label: string = '',
-    ) { }
-}
-
 /**
  * PaymentHistoryPage holds a paged list of PaymentsHistoryItem.
  */
diff --git a/web/satellite/src/types/projectMembers.ts b/web/satellite/src/types/projectMembers.ts
index e42434976901..390ced597d1d 100644
--- a/web/satellite/src/types/projectMembers.ts
+++ b/web/satellite/src/types/projectMembers.ts
@@ -8,8 +8,6 @@ import { SortDirection } from '@/types/common';
 import { User } from '@/types/users';
 import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
 
-export type OnHeaderClickCallback = (sortBy: ProjectMemberOrderBy, sortDirection: SortDirection) => Promise<void>;
-
 export enum ProjectMemberOrderBy {
     NAME = 1,
     EMAIL,
diff --git a/web/satellite/src/types/projects.ts b/web/satellite/src/types/projects.ts
index a994a9c233eb..ad04e58a27fe 100644
--- a/web/satellite/src/types/projects.ts
+++ b/web/satellite/src/types/projects.ts
@@ -199,15 +199,6 @@ export class ProjectLimits {
     ) {}
 }
 
-export class ProjectPage {
-    public constructor(
-        public projects: Project[] = [],
-        public pageCount: number = 0,
-        public currentPage: number = 0,
-        public totalCount: number = 0,
-    ) {}
-}
-
 /**
  * ProjectsPage class, used to describe paged projects list.
  */
diff --git a/web/satellite/src/types/sortingArrows.ts b/web/satellite/src/types/sortingArrows.ts
deleted file mode 100644
index ea7df3ec9b5f..000000000000
--- a/web/satellite/src/types/sortingArrows.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-export enum SortingDirectionEnum {
-    TOP = 1,
-    BOTTOM,
-}
diff --git a/web/satellite/src/utils/avatarColorManager.ts b/web/satellite/src/utils/avatarColorManager.ts
deleted file mode 100644
index e12d4233f26f..000000000000
--- a/web/satellite/src/utils/avatarColorManager.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-/**
- * Returns color string depends on first symbol of first name.
- * @param symbol
- */
-export function getColor(symbol: string): string {
-    switch (symbol) {
-    case 'A':
-    case 'I':
-    case 'Q':
-    case 'Y':
-        return '#373737';
-    case 'B':
-    case 'J':
-    case 'R':
-    case 'Z':
-        return '#5B58FF';
-    case 'C':
-    case 'K':
-    case 'S':
-        return '#FFD058';
-    case 'D':
-    case 'L':
-    case 'T':
-        return '#58B9FF';
-    case 'E':
-    case 'M':
-    case 'U':
-        return '#95D486';
-    case 'F':
-    case 'N':
-    case 'V':
-        return '#5F5E8D';
-    case 'G':
-    case 'O':
-    case 'W':
-        return '#FF4F4D';
-    default: // case 'H', 'P', 'X'
-        return '#FF8658';
-    }
-}
diff --git a/web/satellite/src/utils/constants/analyticsEventNames.ts b/web/satellite/src/utils/constants/analyticsEventNames.ts
index 1f47325703f9..b244dc7791ec 100644
--- a/web/satellite/src/utils/constants/analyticsEventNames.ts
+++ b/web/satellite/src/utils/constants/analyticsEventNames.ts
@@ -4,22 +4,14 @@
 // Make sure these event names match up with the client-side event names in satellite/analytics/service.go
 export enum AnalyticsEvent {
     GATEWAY_CREDENTIALS_CREATED = 'Credentials Created',
-    PATH_SELECTED = 'Path Selected',
     LINK_SHARED = 'Link Shared',
     OBJECT_UPLOADED = 'Object Uploaded',
-    API_KEY_GENERATED = 'API Key Generated',
-    UPGRADE_BANNER_CLICKED = 'Upgrade Banner Clicked',
     MODAL_ADD_CARD = 'Credit Card Added In Modal',
     SEARCH_BUCKETS = 'Search Buckets',
     NAVIGATE_PROJECTS = 'Navigate Projects',
-    MANAGE_PROJECTS_CLICKED = 'Manage Projects Clicked',
-    CREATE_NEW_CLICKED = 'Create New Clicked',
     VIEW_DOCS_CLICKED = 'View Docs Clicked',
     VIEW_FORUM_CLICKED = 'View Forum Clicked',
     VIEW_SUPPORT_CLICKED = 'View Support Clicked',
-    CREATE_AN_ACCESS_GRANT_CLICKED = 'Create an Access Grant Clicked',
-    UPLOAD_USING_CLI_CLICKED = 'Upload Using CLI Clicked',
-    UPLOAD_IN_WEB_CLICKED = 'Upload In Web Clicked',
     NEW_PROJECT_CLICKED = 'New Project Clicked',
     LOGOUT_CLICKED = 'Logout Clicked',
     PROFILE_UPDATED = 'Profile Updated',
@@ -33,16 +25,7 @@ export enum AnalyticsEvent {
     UPLOAD_FOLDER_CLICKED = 'Upload Folder Clicked',
     DOWNLOAD_TXT_CLICKED = 'Download txt clicked',
     COPY_TO_CLIPBOARD_CLICKED = 'Copy to Clipboard Clicked',
-    CREATE_ACCESS_GRANT_CLICKED = 'Create Access Grant Clicked',
-    CREATE_S3_CREDENTIALS_CLICKED = 'Create S3 Credentials Clicked',
-    CREATE_KEYS_FOR_CLI_CLICKED = 'Create Keys For CLI Clicked',
-    SEE_PAYMENTS_CLICKED = 'See Payments Clicked',
-    EDIT_PAYMENT_METHOD_CLICKED = 'Edit Payment Method Clicked',
-    ADD_NEW_PAYMENT_METHOD_CLICKED = 'Add New Payment Method Clicked',
-    APPLY_NEW_COUPON_CLICKED = 'Apply New Coupon Clicked',
-    CREDIT_CARD_REMOVED = 'Credit Card Removed',
     COUPON_CODE_APPLIED = 'Coupon Code Applied',
-    INVOICE_DOWNLOADED = 'Invoice Downloaded',
     CREDIT_CARD_ADDED_FROM_BILLING = 'Credit Card Added From Billing',
     ADD_FUNDS_CLICKED = 'Add Funds Clicked',
     PROJECT_MEMBERS_INVITE_SENT = 'Project Members Invite Sent',
@@ -51,13 +34,11 @@ export enum AnalyticsEvent {
     PROJECT_DESCRIPTION_UPDATED = 'Project Description Updated',
     PROJECT_STORAGE_LIMIT_UPDATED = 'Project Storage Limit Updated',
     PROJECT_BANDWIDTH_LIMIT_UPDATED = 'Project Bandwidth Limit Updated',
-    GALLERY_VIEW_CLICKED = 'Gallery View Clicked',
     PROJECT_INVITATION_ACCEPTED = 'Project Invitation Accepted',
     PROJECT_INVITATION_DECLINED = 'Project Invitation Declined',
     PASSPHRASE_CREATED = 'Passphrase Created',
     RESEND_INVITE_CLICKED = 'Resend Invite Clicked',
     COPY_INVITE_LINK_CLICKED = 'Copy Invite Link Clicked',
-    REMOVE_PROJECT_MEMBER_CLICKED = 'Remove Member Clicked',
     USER_SIGN_UP = 'User Sign Up',
     PERSONAL_INFO_SUBMITTED = 'Personal Info Submitted',
     BUSINESS_INFO_SUBMITTED = 'Business Info Submitted',
@@ -73,8 +54,6 @@ export enum AnalyticsErrorEventSource {
     ACCOUNT_SETTINGS_AREA = 'Account settings area',
     ACCOUNT_SETUP_DIALOG = 'Account setup dialog',
     BILLING_HISTORY_TAB = 'Billing history tab',
-    BILLING_COUPONS_TAB = 'Billing coupons tab',
-    BILLING_OVERVIEW_TAB = 'Billing overview tab',
     BILLING_PAYMENT_METHODS_TAB = 'Billing payment methods tab',
     BILLING_APPLY_COUPON_CODE_INPUT = 'Billing apply coupon code input',
     BILLING_STRIPE_CARD_INPUT = 'Billing stripe card input',
@@ -85,7 +64,6 @@ export enum AnalyticsErrorEventSource {
     FILE_BROWSER_LIST_CALL = 'File browser - list API call',
     FILE_BROWSER_ENTRY = 'File browser entry',
     FILE_BROWSER = 'File browser',
-    PROJECT_INFO_BAR = 'Project info bar',
     UPGRADE_ACCOUNT_MODAL = 'Upgrade account modal',
     ADD_PROJECT_MEMBER_MODAL = 'Add project member modal',
     ADD_TOKEN_FUNDS_MODAL = 'Add token funds modal',
@@ -105,29 +83,19 @@ export enum AnalyticsErrorEventSource {
     OPEN_BUCKET_MODAL = 'Open bucket modal',
     SHARE_MODAL = 'Share modal',
     OBJECTS_UPLOAD_MODAL = 'Objects upload modal',
-    NAVIGATION_ACCOUNT_AREA = 'Navigation account area',
-    NAVIGATION_PROJECT_SELECTION = 'Navigation project selection',
-    MOBILE_NAVIGATION = 'Mobile navigation',
     BUCKET_TABLE = 'Bucket table',
-    BUCKET_PAGE = 'Bucket page',
-    BUCKET_DETAILS_PAGE = 'Bucket details page',
     UPLOAD_FILE_VIEW = 'Upload file view',
     GALLERY_VIEW = 'Gallery view',
     OBJECT_UPLOAD_ERROR = 'Object upload error',
-    ONBOARDING_NAME_STEP = 'Onboarding name step',
-    ONBOARDING_PERMISSIONS_STEP = 'Onboarding permissions step',
     PROJECT_DASHBOARD_PAGE = 'Project dashboard page',
     PROJECT_SETTINGS_AREA = 'Project settings area',
     EDIT_PROJECT_DETAILS = 'Edit project details',
     EDIT_PROJECT_LIMIT = 'Edit project limit',
-    PROJECTS_LIST = 'Projects list',
     PROJECT_MEMBERS_HEADER = 'Project members page header',
     PROJECT_MEMBERS_PAGE = 'Project members page',
     OVERALL_APP_WRAPPER_ERROR = 'Overall app wrapper error',
     OVERALL_SESSION_EXPIRED_ERROR = 'Overall session expired error',
     ALL_PROJECT_DASHBOARD = 'All projects dashboard error',
-    ONBOARDING_OVERVIEW_STEP = 'Onboarding Overview step error',
-    PRICING_PLAN_STEP = 'Onboarding Pricing Plan step error',
     EDIT_TIMEOUT_MODAL = 'Edit session timeout error',
     SKIP_PASSPHRASE_MODAL = 'Remember skip passphrase error',
     JOIN_PROJECT_MODAL = 'Join project modal',
diff --git a/web/satellite/src/utils/constants/appStatePopUps.ts b/web/satellite/src/utils/constants/appStatePopUps.ts
deleted file mode 100644
index 2ab0df5b54be..000000000000
--- a/web/satellite/src/utils/constants/appStatePopUps.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { Component } from 'vue';
-
-import AddTeamMemberModal from '@/components/modals/AddTeamMemberModal.vue';
-import RemoveTeamMemberModal from '@/components/modals/RemoveProjectMemberModal.vue';
-import EditProfileModal from '@/components/modals/EditProfileModal.vue';
-import ChangePasswordModal from '@/components/modals/ChangePasswordModal.vue';
-import ChangeProjectLimitModal from '@/components/modals/ChangeProjectLimitModal.vue';
-import CreateProjectModal from '@/components/modals/CreateProjectModal.vue';
-import EnterBucketPassphraseModal from '@/components/modals/EnterBucketPassphraseModal.vue';
-import MFARecoveryCodesModal from '@/components/modals/MFARecoveryCodesModal.vue';
-import EnableMFAModal from '@/components/modals/EnableMFAModal.vue';
-import DisableMFAModal from '@/components/modals/DisableMFAModal.vue';
-import AddTokenFundsModal from '@/components/modals/AddTokenFundsModal.vue';
-import ShareModal from '@/components/modals/ShareModal.vue';
-import DeleteBucketModal from '@/components/modals/DeleteBucketModal.vue';
-import CreateBucketModal from '@/components/modals/CreateBucketModal.vue';
-import NewFolderModal from '@/components/modals/NewFolderModal.vue';
-import CreateProjectPassphraseModal
-    from '@/components/modals/createProjectPassphrase/CreateProjectPassphraseModal.vue';
-import ManageProjectPassphraseModal
-    from '@/components/modals/manageProjectPassphrase/ManageProjectPassphraseModal.vue';
-import AddCouponCodeModal from '@/components/modals/AddCouponCodeModal.vue';
-import NewBillingAddCouponCodeModal
-    from '@/components/modals/NewBillingAddCouponCodeModal.vue';
-import CreateProjectPromptModal from '@/components/modals/CreateProjectPromptModal.vue';
-import UploadCancelPopup from '@/components/objects/UploadCancelPopup.vue';
-import ObjectDetailsModal from '@/components/modals/ObjectDetailsModal.vue';
-import EnterPassphraseModal from '@/components/modals/EnterPassphraseModal.vue';
-import PricingPlanModal from '@/components/modals/PricingPlanModal.vue';
-import NewCreateProjectModal from '@/components/modals/NewCreateProjectModal.vue';
-import EditSessionTimeoutModal from '@/components/modals/EditSessionTimeoutModal.vue';
-import UpgradeAccountModal from '@/components/modals/upgradeAccountFlow/UpgradeAccountModal.vue';
-import DeleteAccessGrantModal from '@/components/modals/DeleteAccessGrantModal.vue';
-import SkipPassphraseModal from '@/components/modals/SkipPassphraseModal.vue';
-import JoinProjectModal from '@/components/modals/JoinProjectModal.vue';
-import RequestProjectLimitModal from '@/components/modals/RequestProjectLimitModal.vue';
-import DetailedUsageReportModal from '@/components/modals/DetailedUsageReportModal.vue';
-
-export const APP_STATE_DROPDOWNS = {
-    ACCOUNT: 'isAccountDropdownShown',
-    ALL_DASH_ACCOUNT: 'allProjectsDashboardAccount',
-    SELECT_PROJECT: 'isSelectProjectDropdownShown',
-    RESOURCES: 'isResourcesDropdownShown',
-    QUICK_START: 'isQuickStartDropdownShown',
-    FREE_CREDITS: 'isFreeCreditsDropdownShown',
-    AVAILABLE_BALANCE: 'isAvailableBalanceDropdownShown',
-    PERIODS: 'isPeriodsDropdownShown',
-    BUCKET_NAMES: 'isBucketNamesDropdownShown',
-    AG_DATE_PICKER: 'isAGDatePickerShown',
-    CHART_DATE_PICKER: 'isChartsDatePickerShown',
-    PERMISSIONS: 'isPermissionsDropdownShown',
-    PAYMENT_SELECTION: 'isPaymentSelectionShown',
-    TIMEOUT_SELECTOR: 'timeoutSelector',
-    PAGE_SIZE_SELECTOR: 'pageSizeSelector',
-    SIZE_MEASUREMENT_SELECTOR: 'sizeMeasurementSelector',
-    REQUESTED_SIZE_MEASUREMENT_SELECTOR: 'requestedSizeMeasurementSelector',
-};
-
-enum Modals {
-    ADD_TEAM_MEMBER = 'addTeamMember',
-    REMOVE_TEAM_MEMBER = 'removeTeamMember',
-    EDIT_PROFILE = 'editProfile',
-    CHANGE_PASSWORD = 'changePassword',
-    CREATE_PROJECT = 'createProject',
-    ENTER_BUCKET_PASSPHRASE = 'enterBucketPassphrase',
-    MFA_RECOVERY = 'mfaRecovery',
-    ENABLE_MFA = 'enableMFA',
-    DISABLE_MFA = 'disableMFA',
-    ADD_TOKEN_FUNDS = 'addTokenFunds',
-    SHARE = 'share',
-    DELETE_BUCKET = 'deleteBucket',
-    CREATE_BUCKET = 'createBucket',
-    NEW_FOLDER = 'newFolder',
-    CREATE_PROJECT_PASSPHRASE = 'createProjectPassphrase',
-    MANAGE_PROJECT_PASSPHRASE = 'manageProjectPassphrase',
-    ADD_COUPON = 'addCoupon',
-    NEW_BILLING_ADD_COUPON = 'newBillingAddCoupon',
-    CREATE_PROJECT_PROMPT = 'createProjectPrompt',
-    UPLOAD_CANCEL_POPUP = 'uploadCancelPopup',
-    OBJECT_DETAILS = 'objectDetails',
-    ENTER_PASSPHRASE = 'enterPassphrase',
-    PRICING_PLAN = 'pricingPlan',
-    NEW_CREATE_PROJECT = 'newCreateProject',
-    EDIT_SESSION_TIMEOUT = 'editSessionTimeout',
-    UPGRADE_ACCOUNT = 'upgradeAccount',
-    DELETE_ACCESS_GRANT = 'deleteAccessGrant',
-    SKIP_PASSPHRASE = 'skipPassphrase',
-    CHANGE_PROJECT_LIMIT = 'changeProjectLimit',
-    REQUEST_PROJECT_LIMIT_INCREASE = 'requestProjectLimitIncrease',
-    JOIN_PROJECT = 'joinProject',
-    DETAILED_USAGE_REPORT = 'detailedUsageReport',
-}
-
-export const MODALS: Record<Modals, Component> = {
-    [Modals.ADD_TEAM_MEMBER]: AddTeamMemberModal,
-    [Modals.REMOVE_TEAM_MEMBER]: RemoveTeamMemberModal,
-    [Modals.EDIT_PROFILE]: EditProfileModal,
-    [Modals.CHANGE_PASSWORD]: ChangePasswordModal,
-    [Modals.CREATE_PROJECT]: CreateProjectModal,
-    [Modals.ENTER_BUCKET_PASSPHRASE]: EnterBucketPassphraseModal,
-    [Modals.MFA_RECOVERY]: MFARecoveryCodesModal,
-    [Modals.ENABLE_MFA]: EnableMFAModal,
-    [Modals.DISABLE_MFA]: DisableMFAModal,
-    [Modals.ADD_TOKEN_FUNDS]: AddTokenFundsModal,
-    [Modals.SHARE]: ShareModal,
-    [Modals.DELETE_BUCKET]: DeleteBucketModal,
-    [Modals.CREATE_BUCKET]: CreateBucketModal,
-    [Modals.NEW_FOLDER]: NewFolderModal,
-    [Modals.CREATE_PROJECT_PASSPHRASE]: CreateProjectPassphraseModal,
-    [Modals.MANAGE_PROJECT_PASSPHRASE]: ManageProjectPassphraseModal,
-    [Modals.ADD_COUPON]: AddCouponCodeModal,
-    [Modals.NEW_BILLING_ADD_COUPON]: NewBillingAddCouponCodeModal,
-    [Modals.CREATE_PROJECT_PROMPT]: CreateProjectPromptModal,
-    [Modals.UPLOAD_CANCEL_POPUP]: UploadCancelPopup,
-    [Modals.OBJECT_DETAILS]: ObjectDetailsModal,
-    [Modals.ENTER_PASSPHRASE]: EnterPassphraseModal,
-    [Modals.PRICING_PLAN]: PricingPlanModal,
-    [Modals.NEW_CREATE_PROJECT]: NewCreateProjectModal,
-    [Modals.EDIT_SESSION_TIMEOUT]: EditSessionTimeoutModal,
-    [Modals.UPGRADE_ACCOUNT]: UpgradeAccountModal,
-    [Modals.DELETE_ACCESS_GRANT]: DeleteAccessGrantModal,
-    [Modals.SKIP_PASSPHRASE]: SkipPassphraseModal,
-    [Modals.CHANGE_PROJECT_LIMIT]: ChangeProjectLimitModal,
-    [Modals.REQUEST_PROJECT_LIMIT_INCREASE]: RequestProjectLimitModal,
-    [Modals.JOIN_PROJECT]: JoinProjectModal,
-    [Modals.DETAILED_USAGE_REPORT]: DetailedUsageReportModal,
-};
diff --git a/web/satellite/src/utils/constants/fetchStateEnum.ts b/web/satellite/src/utils/constants/fetchStateEnum.ts
deleted file mode 100644
index 6c71743bbdff..000000000000
--- a/web/satellite/src/utils/constants/fetchStateEnum.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-export enum FetchState {
-    LOADING = 1,
-    LOADED,
-    ERROR,
-}
diff --git a/web/satellite/src/utils/httpClient.ts b/web/satellite/src/utils/httpClient.ts
index 1051e95104de..8b5c7291d6ea 100644
--- a/web/satellite/src/utils/httpClient.ts
+++ b/web/satellite/src/utils/httpClient.ts
@@ -2,7 +2,6 @@
 // See LICENSE for copying information.
 
 import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
-import { useConfigStore } from '@/store/modules/configStore';
 import { RouteConfig } from '@/types/router';
 
 /**
diff --git a/web/satellite/src/utils/localData.ts b/web/satellite/src/utils/localData.ts
index 1f4ce9bdd35c..6625ec4934fb 100644
--- a/web/satellite/src/utils/localData.ts
+++ b/web/satellite/src/utils/localData.ts
@@ -5,38 +5,13 @@
  * LocalData exposes methods to manage local storage.
  */
 export class LocalData {
-    private static selectedProjectId = 'selectedProjectId';
     private static bucketWasCreated = 'bucketWasCreated';
-    private static demoBucketCreated = 'demoBucketCreated';
-    private static bucketGuideHidden = 'bucketGuideHidden';
-    private static serverSideEncryptionBannerHidden = 'serverSideEncryptionBannerHidden';
-    private static serverSideEncryptionModalHidden = 'serverSideEncryptionModalHidden';
     private static sessionExpirationDate = 'sessionExpirationDate';
     private static customSessionDuration = 'customSessionDuration';
-    private static projectLimitBannerHidden = 'projectLimitBannerHidden';
     private static projectTableViewEnabled = 'projectTableViewEnabled';
     private static browserCardViewEnabled = 'browserCardViewEnabled';
     private static sessionHasExpired = 'sessionHasExpired';
 
-    public static getSelectedProjectId(): string | null {
-        return localStorage.getItem(LocalData.selectedProjectId);
-    }
-
-    public static setSelectedProjectId(id: string): void {
-        localStorage.setItem(LocalData.selectedProjectId, id);
-    }
-
-    public static getDemoBucketCreatedStatus(): string | null {
-        const status = localStorage.getItem(LocalData.demoBucketCreated);
-        if (!status) return null;
-
-        return JSON.parse(status);
-    }
-
-    public static setDemoBucketCreatedStatus(): void {
-        localStorage.setItem(LocalData.demoBucketCreated, 'true');
-    }
-
     public static setBucketWasCreatedStatus(): void {
         localStorage.setItem(LocalData.bucketWasCreated, 'true');
     }
@@ -48,42 +23,6 @@ export class LocalData {
         return JSON.parse(status);
     }
 
-    /**
-     * "Disable" showing the upload guide tooltip on the bucket page
-     */
-    public static setBucketGuideHidden(): void {
-        localStorage.setItem(LocalData.bucketGuideHidden, 'true');
-    }
-
-    public static getBucketGuideHidden(): boolean {
-        const value = localStorage.getItem(LocalData.bucketGuideHidden);
-        return value === 'true';
-    }
-
-    /**
-     * "Disable" showing the server-side encryption banner on the bucket page
-     */
-    public static setServerSideEncryptionBannerHidden(value: boolean): void {
-        localStorage.setItem(LocalData.serverSideEncryptionBannerHidden, String(value));
-    }
-
-    public static getServerSideEncryptionBannerHidden(): boolean {
-        const value = localStorage.getItem(LocalData.serverSideEncryptionBannerHidden);
-        return value === 'true';
-    }
-
-    /**
-     * "Disable" showing the server-side encryption modal during S3 creation process.
-     */
-    public static setServerSideEncryptionModalHidden(value: boolean): void {
-        localStorage.setItem(LocalData.serverSideEncryptionModalHidden, String(value));
-    }
-
-    public static getServerSideEncryptionModalHidden(): boolean {
-        const value = localStorage.getItem(LocalData.serverSideEncryptionModalHidden);
-        return value === 'true';
-    }
-
     public static getSessionExpirationDate(): Date | null {
         const data: string | null = localStorage.getItem(LocalData.sessionExpirationDate);
         if (data) {
@@ -125,13 +64,6 @@ export class LocalData {
         localStorage.removeItem(LocalData.sessionHasExpired);
     }
 
-    /**
-     * "Disable" showing the project limit banner.
-     */
-    public static setProjectLimitBannerHidden(): void {
-        localStorage.setItem(LocalData.projectLimitBannerHidden, 'true');
-    }
-
     public static getProjectTableViewEnabled(): boolean {
         const value = localStorage.getItem(LocalData.projectTableViewEnabled);
         return value === 'true';
diff --git a/web/satellite/src/utils/objectIcon.ts b/web/satellite/src/utils/objectIcon.ts
deleted file mode 100644
index 23764c7be606..000000000000
--- a/web/satellite/src/utils/objectIcon.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import TableLockedIcon from '@/../static/images/browser/tableLocked.svg';
-import ColorBucketIcon from '@/../static/images/objects/colorBucket.svg';
-import ColorFolderIcon from '@/../static/images/objects/colorFolder.svg';
-import FileIcon from '@/../static/images/objects/file.svg';
-import AudioIcon from '@/../static/images/objects/audio.svg';
-import VideoIcon from '@/../static/images/objects/video.svg';
-import ChevronLeftIcon from '@/../static/images/objects/chevronLeft.svg';
-import GraphIcon from '@/../static/images/objects/graph.svg';
-import PdfIcon from '@/../static/images/objects/pdf.svg';
-import PictureIcon from '@/../static/images/objects/picture.svg';
-import TxtIcon from '@/../static/images/objects/txt.svg';
-import ZipIcon from '@/../static/images/objects/zip.svg';
-import ProjectIcon from '@/../static/images/navigation/project.svg';
-
-/**
- * Represents functionality to find object's type and appropriate icon for this type.
- */
-export class ObjectType {
-    private static icons = new Map<string, string>([
-        ['locked', TableLockedIcon],
-        ['bucket', ColorBucketIcon],
-        ['folder', ColorFolderIcon],
-        ['file', FileIcon],
-        ['audio', AudioIcon],
-        ['video', VideoIcon],
-        ['back', ChevronLeftIcon],
-        ['spreadsheet', GraphIcon],
-        ['pdf', PdfIcon],
-        ['image', PictureIcon],
-        ['text', TxtIcon],
-        ['archive', ZipIcon],
-        ['project', ProjectIcon],
-        ['shared-project', ProjectIcon],
-    ]);
-
-    static findIcon(type: string): string {
-        return this.icons.get(type.toLowerCase()) || '';
-    }
-
-    static findType(object: string): string {
-        const image = /(\.jpg|\.jpeg|\.png|\.gif)$/i;
-        const video = /(\.mp4|\.mkv|\.mov)$/i;
-        const audio = /(\.mp3|\.aac|\.wav|\.m4a)$/i;
-        const text = /(\.txt|\.docx|\.doc|\.pages)$/i;
-        const pdf = /(\.pdf)$/i;
-        const archive = /(\.zip|\.tar.gz|\.7z|\.rar)$/i;
-        const spreadsheet = /(\.xls|\.numbers|\.csv|\.xlsx|\.tsv)$/i;
-
-        if (image.exec(object)) {
-            return 'image';
-        } else if (video.exec(object)) {
-            return 'video';
-        } else if (audio.exec(object)) {
-            return 'audio';
-        } else if (text.exec(object)) {
-            return 'text';
-        } else if (pdf.exec(object)) {
-            return 'pdf';
-        } else if (archive.exec(object)) {
-            return 'archive';
-        } else if (spreadsheet.exec(object)) {
-            return 'spreadsheet';
-        }
-        return 'file';
-    }
-}
diff --git a/web/satellite/src/utils/plugins/notificator.ts b/web/satellite/src/utils/plugins/notificator.ts
index e3ea0c3b7cd9..3bdc12cee57c 100644
--- a/web/satellite/src/utils/plugins/notificator.ts
+++ b/web/satellite/src/utils/plugins/notificator.ts
@@ -1,7 +1,7 @@
 // Copyright (C) 2019 Storj Labs, Inc.
 // See LICENSE for copying information.
 
-import { VNode, h } from 'vue';
+import { h } from 'vue';
 
 import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
 import { useNotificationsStore } from '@/store/modules/notificationsStore';
diff --git a/web/satellite/src/views/ActivateAccount.vue b/web/satellite/src/views/ActivateAccount.vue
deleted file mode 100644
index 9dc028480a57..000000000000
--- a/web/satellite/src/views/ActivateAccount.vue
+++ /dev/null
@@ -1,269 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="activate-area">
-        <div class="activate-area__logo-wrapper">
-            <LogoIcon class="activate-area__logo-wrapper__logo" @click="onLogoClick" />
-        </div>
-        <div class="activate-area__content-area">
-            <div v-if="isMessageShowing && isActivationExpired && !isResendSuccessShown" class="activate-area__content-area__message-banner">
-                <div class="activate-area__content-area__message-banner__content">
-                    <div class="activate-area__content-area__message-banner__content__left">
-                        <InfoIcon class="activate-area__content-area__message-banner__content__left__icon" />
-                        <span class="activate-area__content-area__message-banner__content__left__message">
-                            The verification link you clicked on has expired. Request a new link.
-                        </span>
-                    </div>
-                    <CloseIcon class="activate-area__content-area__message-banner__content__right" @click="closeMessage" />
-                </div>
-            </div>
-            <RegistrationSuccess v-if="isResendSuccessShown" :email="email" />
-            <div v-else class="activate-area__content-area__container">
-                <h1 class="activate-area__content-area__container__title">Verify Account</h1>
-                <p class="login-area__content-area__activation-banner__message">
-                    If you haven’t verified your account yet, input your email to receive a new verification link. Make sure you’re signing in to the right satellite.
-                </p>
-                <div class="activate-area__content-area__container__input-wrapper">
-                    <VInput
-                        label="Email Address"
-                        placeholder="user@example.com"
-                        :error="emailError"
-                        height="46px"
-                        width="100%"
-                        @setData="setEmail"
-                    />
-                </div>
-                <v-button
-                    class="activate-area__content-area__container__button"
-                    width="100%"
-                    height="48px"
-                    label="Activate Account"
-                    border-radius="8px"
-                    :is-disabled="isLoading"
-                    :on-press="onActivateClick"
-                />
-                <div class="activate-area__content-area__container__login-row">
-                    <router-link :to="loginPath" class="activate-area__content-area__container__login-row__link">
-                        Back to Login
-                    </router-link>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
-import { AuthHttpApi } from '@/api/auth';
-import { RouteConfig } from '@/types/router';
-import { Validator } from '@/utils/validation';
-import { useNotify } from '@/utils/hooks';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import RegistrationSuccess from '@/components/common/RegistrationSuccess.vue';
-import VInput from '@/components/common/VInput.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import LogoIcon from '@/../static/images/logo.svg';
-import InfoIcon from '@/../static/images/notifications/info.svg';
-import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
-
-const configStore = useConfigStore();
-const notify = useNotify();
-const route = useRoute();
-
-const auth: AuthHttpApi = new AuthHttpApi();
-const loginPath: string = RouteConfig.Login.path;
-
-const email = ref<string>('');
-const emailError = ref<string>('');
-const isResendSuccessShown = ref<boolean>(false);
-const isActivationExpired = ref<boolean>(false);
-const isMessageShowing = ref<boolean>(true);
-const isLoading = ref<boolean>(false);
-
-/**
- * Close the expiry message banner.
- */
-function closeMessage(): void {
-    isMessageShowing.value = false;
-}
-
-/**
- * onActivateClick validates input fields and requests resending of activation email.
- */
-async function onActivateClick(): Promise<void> {
-    if (!Validator.email(email.value)) {
-        emailError.value = 'Invalid email';
-        return;
-    }
-
-    try {
-        await auth.resendEmail(email.value);
-        isResendSuccessShown.value = true;
-    } catch (error) {
-        notify.notifyError(error, null);
-    }
-}
-
-/**
- * setEmail sets the email property to the given value.
- */
-function setEmail(value: string): void {
-    email.value = value.trim();
-    emailError.value = '';
-}
-
-/**
- * Redirects to storj.io homepage.
- */
-function onLogoClick(): void {
-    window.location.href = configStore.state.config.homepageURL;
-}
-
-onMounted((): void => {
-    isActivationExpired.value = route.query.expired === 'true';
-});
-</script>
-
-<style lang="scss" scoped>
-    .activate-area {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        background-color: #f5f6fa;
-        position: fixed;
-        inset: 0;
-        min-height: 100%;
-        overflow-y: scroll;
-
-        &__logo-wrapper {
-            text-align: center;
-            margin: 60px 0;
-
-            &__logo {
-                cursor: pointer;
-            }
-        }
-
-        &__content-area {
-            width: 100%;
-            padding: 0 20px;
-            margin-bottom: 50px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-sizing: border-box;
-
-            &__container {
-                width: 610px;
-                padding: 60px 80px;
-                display: flex;
-                flex-direction: column;
-                background-color: #fff;
-                border-radius: 20px;
-                box-sizing: border-box;
-
-                &__input-wrapper {
-                    margin-top: 20px;
-                }
-
-                &__title {
-                    font-size: 24px;
-                    margin: 10px 0;
-                    color: #252525;
-                    font-family: 'font_bold', sans-serif;
-                }
-
-                &__button {
-                    margin-top: 40px;
-                }
-
-                &__login-row {
-                    display: flex;
-                    justify-content: center;
-                    margin-top: 1.5rem;
-
-                    &__link {
-                        font-family: 'font_medium', sans-serif;
-                        text-decoration: none;
-                        font-size: 14px;
-                        color: #0149ff;
-                    }
-                }
-            }
-
-            &__message-banner {
-                padding: 1.5rem;
-                border-radius: 0.6rem;
-                width: 570px;
-                margin-bottom: 2.5rem;
-                background-color: #ffe0e7;
-                border: 1px solid #ffc0cf;
-                box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-                color: #000;
-
-                &__content {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    &__left {
-                        display: flex;
-                        align-items: center;
-                        justify-content: flex-start;
-                        gap: 1.5rem;
-
-                        &__message {
-                            font-size: 0.95rem;
-                            line-height: 1.4px;
-                            margin: 0;
-                        }
-
-                        &__icon {
-                            fill: #ff458b;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 750px) {
-
-        .activate-area {
-
-            &__content-area {
-
-                &__container {
-                    width: 100%;
-                    padding: 60px;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 414px) {
-
-        .activate-area {
-
-            &__logo-wrapper {
-                margin: 40px;
-            }
-
-            &__content-area {
-                padding: 0;
-
-                &__container {
-                    padding: 0 20px 20px;
-                    background: transparent;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/AuthorizeArea.vue b/web/satellite/src/views/AuthorizeArea.vue
deleted file mode 100644
index 1c9e26de965f..000000000000
--- a/web/satellite/src/views/AuthorizeArea.vue
+++ /dev/null
@@ -1,714 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="authorize-area">
-        <div class="authorize-area__logo-wrapper">
-            <LogoIcon class="logo" @click="location.reload()" />
-        </div>
-
-        <div class="authorize-area__content-area">
-            <div v-if="requestErr" class="authorize-area__content-area__container">
-                <p>{{ requestErr }}</p>
-            </div>
-            <div v-else class="authorize-area__content-area__container">
-                <p v-if="client.appLogoURL" class="authorize-area__content-area__client-app-logo">
-                    <img :alt="client.appName" :src="client.appLogoURL">
-                </p>
-
-                <p class="authorize-area__content-area__client-app">
-                    {{ client.appName }} would like permission to:
-                </p>
-
-                <div class="authorize-area__permissions-area">
-                    <div class="authorize-area__permissions-area__container">
-                        <p class="authorize-area__permissions-area__header">Verify your Storj Identity</p>
-                        <p>Access and view your account info.</p>
-                    </div>
-                    <div class="authorize-area__permissions-area__container">
-                        <p class="authorize-area__permissions-area__header">Sync data to Storj</p>
-                        <p>Automatically send updates to:</p>
-
-                        <div class="authorize-area__input-wrapper">
-                            <VInput
-                                label="Project"
-                                role-description="project"
-                                :error="projectErr"
-                                :options-list="Object.keys(projects)"
-                                @setData="setProject"
-                            />
-                        </div>
-
-                        <div class="authorize-area__input-wrapper">
-                            <VInput
-                                label="Bucket"
-                                role-description="bucket"
-                                :error="bucketErr"
-                                :value="selectedBucketName"
-                                :options-list="buckets"
-                                @setData="setBucket"
-                            />
-                            <div v-if="!bucketExists" class="info-box">
-                                <p class="info-box__message">
-                                    This bucket will be created.
-                                </p>
-                            </div>
-                        </div>
-
-                        <div class="authorize-area__input-wrapper">
-                            <VInput
-                                label="Passphrase"
-                                role-description="passphrase"
-                                placeholder="Passphrase"
-                                :error="passphraseErr"
-                                :autocomplete="autocompleteValue"
-                                is-password
-                                @setData="setPassphrase"
-                            />
-                        </div>
-                    </div>
-                    <div class="authorize-area__permissions-area__container">
-                        <p class="authorize-area__permissions-area__container__header">Perform the following actions</p>
-                        <p>{{ actions }} objects.</p>
-                    </div>
-                </div>
-
-                <form method="post">
-                    <input v-model="oauthData.client_id" type="hidden" name="client_id">
-                    <input v-model="oauthData.redirect_uri" type="hidden" name="redirect_uri">
-                    <input v-model="oauthData.response_type" type="hidden" name="response_type">
-                    <input v-model="oauthData.state" type="hidden" name="state">
-                    <input v-model="scope" type="hidden" name="scope">
-
-                    <input class="authorize-area__content-area__container__button" :class="{ 'disabled-button': !valid }" type="submit" :disabled="!valid" value="Authorize">
-                    <p class="authorize-area__content-area__container__cancel" @click.prevent="onDeny">Cancel</p>
-                </form>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { Validator } from '@/utils/validation';
-import { RouteConfig } from '@/types/router';
-import { Project } from '@/types/projects';
-import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
-import { FetchState } from '@/utils/constants/fetchStateEnum';
-import { OAuthClient, OAuthClientsAPI } from '@/api/oauthClients';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-
-import VInput from '@/components/common/VInput.vue';
-
-import LogoIcon from '@/../static/images/logo.svg';
-
-const oauthClientsAPI = new OAuthClientsAPI();
-const validPerms = {
-    'list': true,
-    'read': true,
-    'write': true,
-    'delete': true,
-};
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const worker = ref<Worker | null>(null);
-const valid = ref<boolean>(false);
-const bucketExists = ref<boolean>(false);
-const actions = ref<string>('');
-const clientKey = ref<string>('');
-const selectedProjectID = ref<string>('');
-const selectedBucketName = ref<string>('');
-const providedPassphrase = ref<string>('');
-const scope = ref<string>('');
-const buckets = ref<string[]>([]);
-const requestErr = ref<string>('');
-const projectErr = ref<string>('');
-const bucketErr = ref<string>('');
-const passphraseErr = ref<string>('');
-const projects = ref<Record<string, Project>>({});
-const client = ref<OAuthClient>({
-    id: '',
-    redirectURL: '',
-    appName: '',
-    appLogoURL: '',
-});
-const oauthData = ref<{
-    client_id?: string;
-    redirect_uri?: string;
-    state?: string;
-    response_type?: string;
-    scope?: string;
-}>({});
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    return `section-${selectedProjectID.value.toLowerCase()} new-password`;
-});
-
-function slugify(name: string): string {
-    name = name.toLowerCase();
-    name = name.replace(/\s+/g, '-');
-    return name;
-}
-
-function formatObjectPermissions(scope: string): string {
-    const scopes = scope.split(' ');
-    const perms: string[] = [];
-
-    for (const scope of scopes) {
-        if (scope.startsWith('object:')) {
-            const perm = scope.substring('object:'.length);
-            if (validPerms[perm]) {
-                perms.push(perm);
-            }
-        }
-    }
-
-    perms.sort();
-
-    if (perms.length === 0) {
-        return '';
-    } else if (perms.length === 1) {
-        return perms[0];
-    } else if (perms.length === 2) {
-        return `${perms[0]} and ${perms[1]}`;
-    }
-
-    return `${perms.slice(0, perms.length - 1).join(', ')}, and ${perms[perms.length - 1]}`;
-}
-
-async function ensureLogin(): Promise<void> {
-    try {
-        await usersStore.getUser();
-    } catch (error) {
-        if (!(error instanceof ErrorUnauthorized)) {
-            appStore.changeState(FetchState.ERROR);
-            notify.notifyError(error, null);
-        }
-
-        const query = new URLSearchParams(oauthData.value).toString();
-        const path = `${RouteConfig.Authorize.path}?${query}#${clientKey.value}`;
-
-        analyticsStore.pageVisit(`${RouteConfig.Login.path}?return_url=${encodeURIComponent(path)}`);
-        await router.push(`${RouteConfig.Login.path}?return_url=${encodeURIComponent(path)}`);
-    }
-}
-
-async function ensureWorker(): Promise<void> {
-    try {
-        agStore.stopWorker();
-        await agStore.startWorker();
-    } catch (error) {
-        notify.error('Unable to set access grants wizard. You may be able to fix this by doing a hard-refresh or clearing your cache.', null);
-        // We do this in case user goes to DevTools to check if anything is there.
-        // This also might be useful for us since we improve error handling.
-        console.error(error.message);
-        return;
-    }
-
-    worker.value = agStore.state.accessGrantsWebWorker;
-    if (worker.value) {
-        worker.value.onerror = (error: ErrorEvent) => notify.error(error.message, null);
-    }
-}
-
-async function verifyClientConfiguration(): Promise<void> {
-    const clientID: string = oauthData.value.client_id ?? '';
-    const redirectURL: string = oauthData.value.redirect_uri ?? '';
-    const state: string = oauthData.value.state ?? '';
-    const responseType: string = oauthData.value.response_type ?? '';
-    const scope: string = oauthData.value.scope ?? '';
-
-    if (!clientID || !redirectURL) {
-        requestErr.value = 'Both client_id and redirect_uri must be provided.';
-        return;
-    }
-
-    let oAuthClient: OAuthClient;
-    try {
-        oAuthClient = await oauthClientsAPI.get(clientID);
-    } catch (error) {
-        requestErr.value = error.message;
-        return;
-    }
-
-    let err: { [key: string]: string } | null = null;
-
-    if (!state || !responseType || !scope) {
-        err = {
-            error_description: 'The request is missing a required parameter (state, response_type, or scope).',
-        };
-    } else if (!clientKey.value) {
-        err = {
-            error_description: 'An encryption key must be provided in the fragment of the request.',
-        };
-    } else if (!redirectURL.startsWith(oAuthClient.redirectURL)) {
-        err = {
-            error_description: 'The provided redirect url does not match the one in our system.',
-        };
-    }
-
-    if (err) {
-        location.href = `${redirectURL}?${(new URLSearchParams(err)).toString()}`;
-        return;
-    }
-
-    client.value = { ...oAuthClient };
-
-    // initialize the form
-    setBucket(slugify(client.value.appName));
-    actions.value = formatObjectPermissions(scope);
-}
-
-async function loadProjects(): Promise<void> {
-    await projectsStore.getProjects();
-
-    const newProjects: Record<string, Project> = {};
-    for (const project of projectsStore.projects) {
-        newProjects[project.name] = project;
-    }
-
-    projects.value = { ...newProjects };
-}
-
-async function setProject(value: string): Promise<void> {
-    if (!projects.value[value]) {
-        projectErr.value = 'project does not exist';
-        return;
-    }
-
-    const projectID = projectsStore.state.selectedProject.id;
-
-    projectsStore.selectProject(projects.value[value].id);
-    await bucketsStore.getAllBucketsNames(projectID);
-
-    selectedProjectID.value = projectID;
-    buckets.value = bucketsStore.state.allBucketNames.sort();
-
-    setBucket(selectedBucketName.value);
-}
-
-function setBucket(value: string): void {
-    selectedBucketName.value = value;
-    bucketExists.value = selectedProjectID.value.length === 0 || value.length === 0 || buckets.value.includes(value);
-
-    setScope();
-}
-
-function setPassphrase(value: string): void {
-    providedPassphrase.value = value;
-
-    setScope();
-}
-
-async function setScope(): Promise<void> {
-    if (!validate() || !worker.value) {
-        return;
-    }
-
-    worker.value.postMessage({
-        'type': 'DeriveAndEncryptRootKey',
-        'passphrase': providedPassphrase.value,
-        'projectID': selectedProjectID.value,
-        'aesKey': clientKey.value,
-    });
-
-    const event: MessageEvent = await new Promise(resolve => {
-        if (worker.value) {
-            worker.value.onmessage = resolve;
-        }
-    });
-
-    if (event.data.error) {
-        notify.error(event.data.error, null);
-        return;
-    }
-
-    const oAuthScope = oauthData.value.scope,
-        project = selectedProjectID.value,
-        bucket = selectedBucketName.value,
-        cubbyhole = event.data.value;
-
-    scope.value = `${oAuthScope} project:${project} bucket:${bucket} cubbyhole:${cubbyhole}`;
-}
-
-async function onDeny(): Promise<void> {
-    location.href = `${oauthData.value.redirect_uri}?${new URLSearchParams({
-        error_description: 'The resource owner or authorization server denied the request',
-    }).toString()}`;
-}
-
-function validate(): boolean {
-    projectErr.value = '';
-    bucketErr.value = '';
-    passphraseErr.value = '';
-
-    if (selectedProjectID.value === '') {
-        projectErr.value = 'Missing project.';
-    }
-
-    if (!Validator.bucketName(selectedBucketName.value)) {
-        bucketErr.value = 'Name must contain only lowercase latin characters, numbers, a hyphen or a period';
-    }
-
-    if (providedPassphrase.value === '') {
-        passphraseErr.value = 'A passphrase must be provided.';
-    }
-
-    valid.value = projectErr.value === '' &&
-        bucketErr.value === '' &&
-        passphraseErr.value === '';
-
-    return valid.value;
-}
-
-/**
- * Lifecycle hook after initial render.
- * Makes activated banner visible on successful account activation.
- */
-onMounted(async () => {
-    oauthData.value = { ...route.query };
-    clientKey.value = route.hash ? route.hash.substring(1) : '';
-
-    await ensureLogin();
-    await ensureWorker();
-
-    await verifyClientConfiguration();
-    if (requestErr.value) {
-        return;
-    }
-
-    await loadProjects();
-});
-</script>
-
-<style scoped lang="scss">
-    .authorize-area {
-        display: flex;
-        flex-direction: column;
-        font-family: 'font_regular', sans-serif;
-        background-color: #f5f6fa;
-        position: fixed;
-        inset: 0;
-        min-height: 100%;
-        overflow-y: scroll;
-
-        .info-box {
-            background-color: #e9f3ff;
-            border-radius: 6px;
-            padding: 20px;
-            margin-top: 25px;
-            width: 100%;
-            box-sizing: border-box;
-
-            &.error {
-                background-color: #fff9f7;
-                border: 1px solid #f84b00;
-            }
-
-            &__header {
-                display: flex;
-                align-items: center;
-
-                &__label {
-                    font-family: 'font_bold', sans-serif;
-                    font-size: 16px;
-                    color: #1b2533;
-                    margin-left: 15px;
-                }
-            }
-
-            &__message {
-                font-size: 16px;
-                color: #1b2533;
-            }
-        }
-
-        &__permissions-area {
-            background-color: var(--c-grey-1);
-            border: 1px solid var(--c-grey-3);
-            padding: 10px 9px 10px 24px;
-            border-radius: 8px;
-
-            &__header {
-                font-size: 18px;
-                margin-bottom: 4px;
-            }
-
-            &__container {
-                padding: 24px 0;
-                border-bottom: 1px solid var(--c-grey-3);
-
-                p {
-                    line-height: 24px;
-                    vertical-align: middle;
-                }
-
-                &:last-of-type {
-                    border-bottom: none;
-                }
-            }
-        }
-
-        &__logo-wrapper {
-            text-align: center;
-            margin: 70px 0;
-        }
-
-        &__divider {
-            margin: 0 20px;
-            height: 22px;
-            width: 2px;
-            background-color: #acbace;
-        }
-
-        &__input-wrapper {
-            margin-top: 20px;
-            padding-right: 24px;
-            width: 100%;
-            box-sizing: border-box;
-        }
-
-        &__expand {
-            display: flex;
-            align-items: center;
-            cursor: pointer;
-            position: relative;
-
-            &__value {
-                font-size: 16px;
-                line-height: 21px;
-                color: #acbace;
-                margin-right: 10px;
-                font-family: 'font_regular', sans-serif;
-                font-weight: 700;
-            }
-
-            &__dropdown {
-                position: absolute;
-                top: 35px;
-                left: 0;
-                background-color: #fff;
-                z-index: 1000;
-                border: 1px solid #c5cbdb;
-                box-shadow: 0 8px 34px rgb(161 173 185 / 41%);
-                border-radius: 6px;
-                min-width: 250px;
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-start;
-                    padding: 12px 25px;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: #7e8b9c;
-                    cursor: pointer;
-                    text-decoration: none;
-
-                    &__name {
-                        font-family: 'font_bold', sans-serif;
-                        margin-left: 15px;
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: #7e8b9c;
-                    }
-
-                    &:hover {
-                        background-color: #f2f2f6;
-                    }
-                }
-            }
-        }
-
-        &__content-area {
-            background-color: #f5f6fa;
-            padding: 0 20px;
-            margin-bottom: 50px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            border-radius: 20px;
-            box-sizing: border-box;
-
-            &__activation-banner {
-                padding: 20px;
-                background-color: rgb(39 174 96 / 10%);
-                border: 1px solid #27ae60;
-                color: #27ae60;
-                border-radius: 6px;
-                width: 570px;
-                margin-bottom: 30px;
-
-                &__message {
-                    font-size: 16px;
-                    line-height: 21px;
-                    margin: 0;
-                }
-            }
-
-            &__client-app-logo {
-                text-align: center;
-                margin-bottom: 60px;
-            }
-
-            &__client-app {
-                text-align: center;
-                font-size: 22px;
-                font-weight: bold;
-                margin-bottom: 16px;
-            }
-
-            &__container {
-                display: flex;
-                flex-direction: column;
-                padding: 60px 80px;
-                background-color: #fff;
-                width: 610px;
-                border-radius: 20px;
-                box-sizing: border-box;
-                margin-bottom: 20px;
-
-                &__title-area {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    &__title {
-                        font-size: 24px;
-                        line-height: 49px;
-                        letter-spacing: -0.1007px;
-                        color: #252525;
-                        font-family: 'font_bold', sans-serif;
-                        font-weight: 800;
-                    }
-
-                    &__satellite {
-                        font-size: 16px;
-                        line-height: 21px;
-                        color: #848484;
-                    }
-                }
-
-                &__button {
-                    font-family: 'font_regular', sans-serif;
-                    font-weight: 700;
-                    margin-top: 40px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    background-color: #376fff;
-                    border-radius: 50px;
-                    color: #fff;
-                    cursor: pointer;
-                    width: 100%;
-                    height: 48px;
-
-                    &:hover {
-                        background-color: #0059d0;
-                    }
-                }
-
-                &__cancel {
-                    align-self: center;
-                    font-size: 16px;
-                    line-height: 21px;
-                    color: #0068dc;
-                    text-align: center;
-                    margin-top: 30px;
-                    cursor: pointer;
-                }
-
-                &__recovery {
-                    font-size: 16px;
-                    line-height: 19px;
-                    color: #0068dc;
-                    cursor: pointer;
-                    margin-top: 20px;
-                    text-align: center;
-                    width: 100%;
-                }
-            }
-
-            &__footer-item {
-                margin-top: 30px;
-                font-size: 14px;
-            }
-        }
-    }
-
-    .logo {
-        cursor: pointer;
-    }
-
-    .disabled,
-    .disabled-button {
-        pointer-events: none;
-        color: #acb0bc;
-    }
-
-    .disabled-button {
-        background-color: #dadde5;
-        border-color: #dadde5;
-    }
-
-    @media screen and (width <= 750px) {
-
-        .authorize-area {
-
-            &__content-area {
-
-                &__container {
-                    width: 100%;
-                    padding: 60px;
-                }
-            }
-
-            &__expand {
-
-                &__dropdown {
-                    left: -200px;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 414px) {
-
-        .authorize-area {
-
-            &__logo-wrapper {
-                margin: 40px;
-            }
-
-            &__content-area {
-                padding: 0;
-
-                &__container {
-                    padding: 0 20px 20px;
-                    background: transparent;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/ErrorPage.vue b/web/satellite/src/views/ErrorPage.vue
deleted file mode 100644
index 099edf0b1785..000000000000
--- a/web/satellite/src/views/ErrorPage.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="error-area">
-        <div class="error-area__logo-wrapper">
-            <Logo class="error-area__logo-wrapper__logo" @click="goToHomepage" />
-        </div>
-        <div class="error-area__container">
-            <h1 class="error-area__container__title">{{ statusCode }}</h1>
-            <h2 class="error-area__container__subtitle">{{ message }}</h2>
-            <VButton
-                class="error-area__container__button"
-                :label="'Go ' + (isFatal ? 'to homepage' : 'back')"
-                width="auto"
-                height="auto"
-                border-radius="6px"
-                :on-press="onButtonClick"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VButton from '@/components/common/VButton.vue';
-
-import Logo from '@/../static/images/logo.svg';
-
-const router = useRouter();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-
-const messages = new Map<number, string>([
-    [404, 'Oops, page not found.'],
-    [500, 'Internal server error.'],
-]);
-
-/**
- * Retrieves the error's status code from the store.
- */
-const statusCode = computed((): number => {
-    return appStore.state.error.statusCode;
-});
-
-/**
- * Retrieves the message corresponding to the error's status code.
- */
-const message = computed((): string => {
-    return messages.get(statusCode.value) || 'An error occurred.';
-});
-
-/**
- * Indicates whether the error is unrecoverable.
- */
-const isFatal = computed((): boolean => {
-    return appStore.state.error.fatal;
-});
-
-/**
- * Navigates to the homepage.
- */
-function goToHomepage(): void {
-    window.location.href = configStore.state.config.homepageURL || 'https://www.storj.io';
-}
-
-/**
- * Navigates to the homepage if fatal or the previous route otherwise.
- */
-function onButtonClick(): void {
-    if (isFatal.value) {
-        goToHomepage();
-        return;
-    }
-    router.back();
-}
-
-/**
- * Lifecycle hook after initial render. Sets page title.
- */
-onMounted(() => {
-    const satName = configStore.state.config.satelliteName;
-    document.title = statusCode.value.toString() + (satName ? ' | ' + satName : '');
-});
-</script>
-
-<style scoped lang="scss">
-    .error-area {
-        position: fixed;
-        inset: 0;
-        padding: 52px 24px;
-        box-sizing: border-box;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        overflow-y: auto;
-
-        &:before {
-            content: '';
-            position: fixed;
-            inset: 0;
-            background: url('../../static/images/errors/world.svg') no-repeat center;
-            background-size: auto 75%;
-            z-index: -1;
-            opacity: 0.15;
-        }
-
-        &__logo-wrapper {
-            height: 30.89px;
-            display: flex;
-            justify-content: center;
-            position: absolute;
-            top: 52px;
-            left: 0;
-            right: 0;
-            margin-bottom: 52px;
-
-            &__logo {
-                height: 100%;
-                width: auto;
-                cursor: pointer;
-            }
-        }
-
-        &__container {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-family: 'font_bold', sans-serif;
-            text-align: center;
-
-            &__title {
-                font-size: 90px;
-                line-height: 90px;
-            }
-
-            &__subtitle {
-                margin-top: 20px;
-                font-size: 28px;
-            }
-
-            &__button {
-                margin-top: 32px;
-                padding: 16px 37.5px;
-
-                :deep(.label) {
-                    font-family: 'font_bold', sans-serif;
-                    line-height: 20px;
-                }
-            }
-        }
-    }
-
-    @media screen and (height <= 500px) {
-
-        .error-area {
-            justify-content: flex-start;
-
-            &__logo-wrapper {
-                position: unset;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/ForgotPassword.vue b/web/satellite/src/views/ForgotPassword.vue
deleted file mode 100644
index fb96d32114f3..000000000000
--- a/web/satellite/src/views/ForgotPassword.vue
+++ /dev/null
@@ -1,473 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="forgot-area" @keyup.enter="onSendConfigurations">
-        <div class="forgot-area__logo-wrapper">
-            <LogoIcon class="forgot-area__logo-wrapper__logo" @click="onLogoClick" />
-        </div>
-        <div class="forgot-area__content-area">
-            <div v-if="isMessageShowing && isPasswordResetExpired" class="forgot-area__content-area__message-banner">
-                <div class="forgot-area__content-area__message-banner__content">
-                    <div class="forgot-area__content-area__message-banner__content__left">
-                        <InfoIcon class="forgot-area__content-area__message-banner__content__left__icon" />
-                        <span class="forgot-area__content-area__message-banner__content__left__message">
-                            The password reset link you clicked on has expired. Request a new link.
-                        </span>
-                    </div>
-                    <CloseIcon class="forgot-area__content-area__message-banner__content__right" @click="closeMessage" />
-                </div>
-            </div>
-            <div class="forgot-area__content-area__container">
-                <div class="forgot-area__content-area__container__title-area">
-                    <h1 class="forgot-area__content-area__container__title-area__title">Reset Password</h1>
-                    <div class="forgot-area__expand" @click.stop="toggleDropdown">
-                        <button
-                            id="resetDropdown"
-                            type="button"
-                            aria-haspopup="listbox"
-                            aria-roledescription="satellites-dropdown"
-                            :aria-expanded="isDropdownShown"
-                            class="forgot-area__expand__value"
-                        >
-                            {{ satelliteName }}
-                        </button>
-                        <BottomArrowIcon />
-                        <ul v-if="isDropdownShown" v-click-outside="closeDropdown" role="listbox" tabindex="-1" class="forgot-area__expand__dropdown">
-                            <li class="forgot-area__expand__dropdown__item" @click.stop="closeDropdown">
-                                <SelectedCheckIcon />
-                                <span class="forgot-area__expand__dropdown__item__name">{{ satelliteName }}</span>
-                            </li>
-                            <li v-for="sat in partneredSatellites" :key="sat.name">
-                                <a class="forgot-area__expand__dropdown__item" :href="sat.address + '/forgot-password'">
-                                    {{ sat.name }}
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                <p class="forgot-area__content-area__container__message">Enter your email to reset your password. Make sure you’re signing in to the right satellite.</p>
-                <div class="forgot-area__content-area__container__input-wrapper">
-                    <VInput
-                        label="Email Address"
-                        max-symbols="72"
-                        placeholder="user@example.com"
-                        :error="emailError"
-                        @setData="setEmail"
-                    />
-                </div>
-                <VueHcaptcha
-                    v-if="captchaConfig.hcaptcha.enabled"
-                    ref="captcha"
-                    :sitekey="captchaConfig.hcaptcha.siteKey"
-                    :re-captcha-compat="false"
-                    size="invisible"
-                    @verify="onCaptchaVerified"
-                    @error="onCaptchaError"
-                />
-                <v-button
-                    class="forgot-area__content-area__container__button"
-                    width="100%"
-                    height="48px"
-                    label="Reset Password"
-                    border-radius="8px"
-                    :is-disabled="isLoading"
-                    :on-press="onSendConfigurations"
-                />
-                <div class="forgot-area__content-area__container__login-container">
-                    <router-link :to="loginPath" class="forgot-area__content-area__container__login-container__link">
-                        Back to Login
-                    </router-link>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute } from 'vue-router';
-import VueHcaptcha from '@hcaptcha/vue3-hcaptcha';
-
-import { AuthHttpApi } from '@/api/auth';
-import { RouteConfig } from '@/types/router';
-import { Validator } from '@/utils/validation';
-import { useNotify } from '@/utils/hooks';
-import { MultiCaptchaConfig, PartneredSatellite } from '@/types/config';
-import { useConfigStore } from '@/store/modules/configStore';
-
-import VInput from '@/components/common/VInput.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import LogoIcon from '@/../static/images/logo.svg';
-import InfoIcon from '@/../static/images/notifications/info.svg';
-import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
-import SelectedCheckIcon from '@/../static/images/common/selectedCheck.svg';
-import BottomArrowIcon from '@/../static/images/common/lightBottomArrow.svg';
-
-const configStore = useConfigStore();
-const notify = useNotify();
-const route = useRoute();
-
-const auth: AuthHttpApi = new AuthHttpApi();
-const loginPath: string = RouteConfig.Login.path;
-
-const email = ref<string>('');
-const emailError = ref<string>('');
-const captchaResponseToken = ref<string>('');
-const isLoading = ref<boolean>(false);
-const isPasswordResetExpired = ref<boolean>(false);
-const isMessageShowing = ref<boolean>(true);
-const isDropdownShown = ref<boolean>(false);
-const captcha = ref<VueHcaptcha>();
-
-/**
- * Name of the current satellite.
- */
-const satelliteName = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Information about partnered satellites, including name and signup link.
- */
-const partneredSatellites = computed((): PartneredSatellite[] => {
-    const satellites = configStore.state.config.partneredSatellites;
-    return satellites.filter(s => s.name !== satelliteName.value);
-});
-
-/**
- * This component's captcha configuration.
- */
-const captchaConfig = computed((): MultiCaptchaConfig => {
-    return configStore.state.config.captcha.login;
-});
-
-/**
- * Close the expiry message banner.
- */
-function closeMessage() {
-    isMessageShowing.value = false;
-}
-
-/**
- * Sets the email field to the given value.
- */
-function setEmail(value: string): void {
-    email.value = value.trim();
-    emailError.value = '';
-}
-
-/**
- * Toggles satellite selection dropdown visibility (Partnered).
- */
-function toggleDropdown(): void {
-    isDropdownShown.value = !isDropdownShown.value;
-}
-
-/**
- * Closes satellite selection dropdown (Partnered).
- */
-function closeDropdown(): void {
-    isDropdownShown.value = false;
-}
-
-/**
- * Handles captcha verification response.
- */
-function onCaptchaVerified(response: string): void {
-    captchaResponseToken.value = response;
-    onSendConfigurations();
-}
-
-/**
- * Handles captcha error.
- */
-function onCaptchaError(): void {
-    captchaResponseToken.value = '';
-    notify.error('The captcha encountered an error. Please try again.', null);
-}
-
-/**
- * Sends recovery password email.
- */
-async function onSendConfigurations(): Promise<void> {
-    const activeElement = document.activeElement;
-    if (activeElement && activeElement.id === 'resetDropdown') return;
-
-    if (isLoading.value || !validateFields()) {
-        return;
-    }
-
-    if (captcha.value && !captchaResponseToken.value) {
-        captcha.value.execute();
-        return;
-    }
-
-    if (isDropdownShown.value) {
-        closeDropdown();
-        return;
-    }
-
-    isLoading.value = true;
-
-    try {
-        await auth.forgotPassword(email.value, captchaResponseToken.value);
-        notify.success('Please look for instructions in your email');
-    } catch (error) {
-        notify.notifyError(error, null);
-    }
-
-    captcha.value?.reset();
-    captchaResponseToken.value = '';
-    isLoading.value = false;
-}
-
-/**
- * Redirects to storj.io homepage.
- */
-function onLogoClick(): void {
-    window.location.href = configStore.state.config.homepageURL;
-}
-
-/**
- * Returns whether the email address is properly structured.
- */
-function validateFields(): boolean {
-    const isEmailValid = Validator.email(email.value);
-
-    if (!isEmailValid) {
-        emailError.value = 'Invalid Email';
-    }
-
-    return isEmailValid;
-}
-
-onMounted((): void => {
-    isPasswordResetExpired.value = route.query.expired === 'true';
-});
-</script>
-
-<style scoped lang="scss">
-    .forgot-area {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        font-family: 'font_regular', sans-serif;
-        background-color: #f5f6fa;
-        position: fixed;
-        inset: 0;
-        min-height: 100%;
-        overflow-y: scroll;
-
-        &__logo-wrapper {
-            text-align: center;
-            margin: 60px 0;
-
-            &__logo {
-                cursor: pointer;
-            }
-        }
-
-        &__expand {
-            display: flex;
-            align-items: center;
-            cursor: pointer;
-            position: relative;
-
-            &__value {
-                font-size: 16px;
-                line-height: 21px;
-                color: #777;
-                margin-right: 10px;
-                font-family: 'font_regular', sans-serif;
-                font-weight: 700;
-                background: none;
-                border: none;
-                cursor: pointer;
-
-                &:hover {
-                    color: var(--c-blue-3);
-                }
-            }
-
-            &__dropdown {
-                position: absolute;
-                top: 35px;
-                left: 0;
-                background-color: #fff;
-                z-index: 1000;
-                border: 1px solid #c5cbdb;
-                box-shadow: 0 8px 34px rgb(161 173 185 / 41%);
-                border-radius: 6px;
-                min-width: 250px;
-                list-style-type: none;
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-start;
-                    padding: 12px 25px;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: #7e8b9c;
-                    cursor: pointer;
-                    text-decoration: none;
-                    border-radius: 6px;
-
-                    &__name {
-                        font-family: 'font_bold', sans-serif;
-                        margin-left: 15px;
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: #333;
-                    }
-
-                    &:hover {
-                        background-color: #f2f2f6;
-                    }
-                }
-
-                &__item:focus-visible {
-                    outline: -webkit-focus-ring-color auto 1px;
-                }
-            }
-        }
-
-        &__content-area {
-            width: 100%;
-            padding: 0 20px;
-            margin-bottom: 50px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-sizing: border-box;
-
-            &__container {
-                max-width: 480px;
-                min-width: 360px;
-                padding: 30px 40px 40px;
-                display: flex;
-                flex-direction: column;
-                background-color: #fff;
-                border-radius: 20px;
-                box-sizing: border-box;
-                border: 1px solid #eee;
-
-                &__title-area {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    &__title {
-                        font-size: 21px;
-                        margin: 10px 0;
-                        letter-spacing: -0.1007px;
-                        color: #252525;
-                        font-family: 'font_bold', sans-serif;
-                        font-weight: 800;
-                    }
-                }
-
-                &__message {
-                    margin-top: 10px;
-                    font-size: 15px;
-                }
-
-                &__input-wrapper {
-                    margin-top: 10px;
-                }
-
-                &__button {
-                    margin-top: 30px;
-                }
-
-                &__login-container {
-                    display: flex;
-                    justify-content: center;
-                    margin-top: 1.5rem;
-
-                    &__link {
-                        font-family: 'font_medium', sans-serif;
-                        text-decoration: none;
-                        font-size: 14px;
-                        line-height: 18px;
-                        color: #0149ff;
-                    }
-
-                    &__link:focus {
-                        text-decoration: underline !important;
-                    }
-                }
-            }
-
-            &__message-banner {
-                padding: 1.5rem;
-                border-radius: 0.6rem;
-                width: 570px;
-                margin-bottom: 2.5rem;
-                background-color: #ffe0e7;
-                border: 1px solid #ffc0cf;
-                box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-                color: #000;
-
-                &__content {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    &__left {
-                        display: flex;
-                        align-items: center;
-                        justify-content: flex-start;
-                        gap: 1.5rem;
-
-                        &__message {
-                            font-size: 0.95rem;
-                            line-height: 1.4px;
-                            margin: 0;
-                        }
-
-                        &__icon {
-                            fill: #ff458b;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 750px) {
-
-        .forgot-area {
-
-            &__content-area {
-
-                &__container {
-                    width: 100%;
-                }
-            }
-
-            &__expand {
-
-                &__dropdown {
-                    left: -200px;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 414px) {
-
-        .forgot-area {
-
-            &__logo-wrapper {
-                margin: 40px;
-            }
-
-            &__content-area {
-                padding: 0;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/LoginArea.vue b/web/satellite/src/views/LoginArea.vue
deleted file mode 100644
index 2558c5f65488..000000000000
--- a/web/satellite/src/views/LoginArea.vue
+++ /dev/null
@@ -1,772 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="login-area" @keyup.enter="onLoginClick">
-        <div class="login-area__logo-wrapper">
-            <LogoIcon class="logo" @click="onLogoClick" />
-        </div>
-        <div class="login-area__content-area">
-            <div v-if="isActivatedBannerShown" class="login-area__content-area__activation-banner" :class="{'error': isActivatedError}">
-                <p class="login-area__content-area__activation-banner__message">
-                    <template v-if="!isActivatedError"><b>Success!</b> Account verified.</template>
-                    <template v-else><b>Oops!</b> This account has already been verified.</template>
-                </p>
-            </div>
-            <div v-if="inviteInvalid" class="login-area__content-area__activation-banner error">
-                <p class="login-area__content-area__activation-banner__message">
-                    <b>Oops!</b> The invite link you used has expired or is invalid.
-                </p>
-            </div>
-            <div class="login-area__content-area__container">
-                <div class="login-area__content-area__container__title-area">
-                    <h1 class="login-area__content-area__container__title-area__title" aria-roledescription="sign-in-title">Sign In</h1>
-
-                    <div class="login-area__expand" @click.stop="toggleDropdown">
-                        <button
-                            id="loginDropdown"
-                            type="button"
-                            aria-haspopup="listbox"
-                            aria-roledescription="satellites-dropdown"
-                            :aria-expanded="isDropdownShown"
-                            class="login-area__expand__value"
-                        >
-                            {{ satelliteName }}
-                        </button>
-                        <BottomArrowIcon />
-                        <ul v-if="isDropdownShown" v-click-outside="closeDropdown" tabindex="-1" role="listbox" class="login-area__expand__dropdown">
-                            <li key="0" tabindex="0" role="option" class="login-area__expand__dropdown__item" @click.stop="closeDropdown">
-                                <SelectedCheckIcon />
-                                <span class="login-area__expand__dropdown__item__name">{{ satelliteName }}</span>
-                            </li>
-                            <li
-                                v-for="(sat, index) in partneredSatellites"
-                                :key="index + 1"
-                                role="option"
-                                tabindex="0"
-                                :data-value="sat.name"
-                                class="login-area__expand__dropdown__item"
-                                @click="clickSatellite(sat.address)"
-                                @keypress.enter="clickSatellite(sat.address)"
-                            >
-                                {{ sat.name }}
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                <template v-if="!isMFARequired">
-                    <div v-if="isBadLoginMessageShown" class="info-box error">
-                        <div class="info-box__header">
-                            <WarningIcon />
-                            <h2 class="info-box__header__label">Invalid Credentials</h2>
-                        </div>
-                        <p class="info-box__message">
-                            Login failed. Please check if this is the correct satellite for your account. If you are
-                            sure your credentials are correct, please check your email inbox for a notification with
-                            further instructions.
-                        </p>
-                    </div>
-                    <div class="login-area__input-wrapper">
-                        <VInput
-                            label="Email Address"
-                            placeholder="user@example.com"
-                            :init-value="email"
-                            :disabled="!!pathEmail"
-                            :error="emailError"
-                            role-description="email"
-                            @setData="setEmail"
-                        />
-                    </div>
-                    <div class="login-area__input-wrapper">
-                        <VInput
-                            label="Password"
-                            placeholder="Password"
-                            :error="passwordError"
-                            is-password
-                            :autocomplete="autocompleteValue"
-                            role-description="password"
-                            @setData="setPassword"
-                        />
-                    </div>
-                </template>
-                <template v-else>
-                    <div class="info-box">
-                        <div class="info-box__header">
-                            <GreyWarningIcon />
-                            <h2 class="info-box__header__label">
-                                Two-Factor Authentication Required
-                            </h2>
-                        </div>
-                        <p class="info-box__message">
-                            You'll need the six-digit code from your authenticator app to continue.
-                        </p>
-                    </div>
-                    <div class="login-area__input-wrapper">
-                        <ConfirmMFAInput ref="mfaInput" :on-input="onConfirmInput" :is-error="isMFAError" :is-recovery="isRecoveryCodeState" />
-                    </div>
-                    <span v-if="!isRecoveryCodeState" class="login-area__content-area__container__recovery" @click="setRecoveryCodeState">
-                        Or use recovery code
-                    </span>
-                </template>
-                <div v-if="captchaConfig.hcaptcha.enabled" class="login-area__content-area__container__captcha-wrapper">
-                    <div v-if="captchaError" class="login-area__content-area__container__captcha-wrapper__label-container">
-                        <ErrorIcon />
-                        <p class="login-area__content-area__container__captcha-wrapper__label-container__error">HCaptcha is required</p>
-                    </div>
-                    <VueHcaptcha
-                        ref="hcaptcha"
-                        :sitekey="captchaConfig.hcaptcha.siteKey"
-                        :re-captcha-compat="false"
-                        size="invisible"
-                        @verify="onCaptchaVerified"
-                        @expired="onCaptchaError"
-                        @error="onCaptchaError"
-                    />
-                </div>
-                <v-button
-                    class="login-area__content-area__container__button"
-                    width="100%"
-                    height="48px"
-                    label="Sign In"
-                    border-radius="6px"
-                    :is-disabled="isLoading"
-                    :on-press="onLoginClick"
-                />
-                <span v-if="isMFARequired" class="login-area__content-area__container__cancel" :class="{ disabled: isLoading }" @click.prevent="onMFACancelClick">
-                    Cancel
-                </span>
-            </div>
-            <p class="login-area__content-area__footer-item">
-                Forgot your sign in details?
-                <router-link :to="forgotPasswordPath" class="link">
-                    Reset Password
-                </router-link>
-            </p>
-            <router-link :to="registerPath" class="login-area__content-area__footer-item link">
-                Need to create an account?
-            </router-link>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import VueHcaptcha from '@hcaptcha/vue3-hcaptcha';
-import { useRoute, useRouter } from 'vue-router';
-
-import { AuthHttpApi } from '@/api/auth';
-import { ErrorMFARequired } from '@/api/errors/ErrorMFARequired';
-import { RouteConfig } from '@/types/router';
-import { FetchState } from '@/utils/constants/fetchStateEnum';
-import { Validator } from '@/utils/validation';
-import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
-import { ErrorBadRequest } from '@/api/errors/ErrorBadRequest';
-import { ErrorTooManyRequests } from '@/api/errors/ErrorTooManyRequests';
-import { TokenInfo } from '@/types/users';
-import { LocalData } from '@/utils/localData';
-import { useNotify } from '@/utils/hooks';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { MultiCaptchaConfig, PartneredSatellite } from '@/types/config';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import VInput from '@/components/common/VInput.vue';
-import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
-
-import ErrorIcon from '@/../static/images/register/ErrorInfo.svg';
-import LogoIcon from '@/../static/images/logo.svg';
-import SelectedCheckIcon from '@/../static/images/common/selectedCheck.svg';
-import BottomArrowIcon from '@/../static/images/common/lightBottomArrow.svg';
-import GreyWarningIcon from '@/../static/images/common/greyWarning.svg';
-import WarningIcon from '@/../static/images/accessGrants/warning.svg';
-
-interface ClearInput {
-    clearInput(): void;
-}
-
-const email = ref('');
-const password = ref('');
-const passcode = ref('');
-const recoveryCode = ref('');
-const isLoading = ref(false);
-const emailError = ref('');
-const passwordError = ref('');
-const captchaError = ref(false);
-const captchaResponseToken = ref('');
-const isActivatedBannerShown = ref(false);
-const isActivatedError = ref(false);
-const isMFARequired = ref(false);
-const isMFAError = ref(false);
-const isRecoveryCodeState = ref(false);
-const isBadLoginMessageShown = ref(false);
-const isDropdownShown = ref(false);
-
-const pathEmail = ref<string | null>(null);
-const inviteInvalid = ref(false);
-
-const returnURL = ref(RouteConfig.AllProjectsDashboard.path);
-
-const hcaptcha = ref<VueHcaptcha | null>(null);
-const mfaInput = ref<typeof ConfirmMFAInput & ClearInput | null>(null);
-
-const forgotPasswordPath: string = RouteConfig.ForgotPassword.path;
-const registerPath: string = RouteConfig.Register.path;
-
-const auth = new AuthHttpApi();
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const usersStore = useUsersStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-/**
- * Returns formatted autocomplete value.
- */
-const autocompleteValue = computed((): string => {
-    return `section-${satelliteName.value.substring(0, 2).toLowerCase()} current-password`;
-});
-
-/**
- * Name of the current satellite.
- */
-const satelliteName = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Information about partnered satellites, including name and signup link.
- */
-const partneredSatellites = computed((): PartneredSatellite[] => {
-    const satellites = configStore.state.config.partneredSatellites;
-    return satellites.filter(s => s.name !== satelliteName.value);
-});
-
-/**
- * This component's captcha configuration.
- */
-const captchaConfig = computed((): MultiCaptchaConfig => {
-    return configStore.state.config.captcha.login;
-});
-
-/**
- * Lifecycle hook after initial render.
- * Makes activated banner visible on successful account activation.
- */
-onMounted(() => {
-    inviteInvalid.value = (route.query.invite_invalid as string ?? null) === 'true';
-    pathEmail.value = route.query.email as string ?? null;
-    if (pathEmail.value) {
-        setEmail(pathEmail.value);
-    }
-
-    isActivatedBannerShown.value = !!route.query.activated;
-    isActivatedError.value = route.query.activated === 'false';
-
-    if (route.query.return_url) returnURL.value = route.query.return_url as string;
-});
-
-/**
- * Clears confirm MFA input.
- */
-function clearConfirmMFAInput(): void {
-    mfaInput.value?.clearInput();
-}
-
-/**
- * Redirects to storj.io homepage.
- */
-function onLogoClick(): void {
-    const homepageURL = configStore.state.config.homepageURL;
-    if (homepageURL) window.location.href = homepageURL;
-}
-
-/**
- * Sets page to recovery code state.
- */
-function setRecoveryCodeState(): void {
-    isMFAError.value = false;
-    passcode.value = '';
-    clearConfirmMFAInput();
-    isRecoveryCodeState.value = true;
-}
-
-/**
- * Cancels MFA passcode input state.
- */
-function onMFACancelClick(): void {
-    isMFARequired.value = false;
-    isRecoveryCodeState.value = false;
-    isMFAError.value = false;
-    passcode.value = '';
-    recoveryCode.value = '';
-}
-
-/**
- * Sets confirmation passcode value from input.
- */
-function onConfirmInput(value: string): void {
-    isMFAError.value = false;
-
-    isRecoveryCodeState.value ? recoveryCode.value = value.trim() : passcode.value = value.trim();
-}
-
-/**
- * Sets email string on change.
- */
-function setEmail(value: string): void {
-    email.value = value.trim();
-    emailError.value = '';
-}
-
-/**
- * Sets password string on change.
- */
-function setPassword(value: string): void {
-    password.value = value;
-    passwordError.value = '';
-}
-
-/**
- * Redirects to chosen satellite.
- */
-function clickSatellite(address: string): void {
-    window.location.href = address + '/login';
-}
-
-/**
- * Toggles satellite selection dropdown visibility (Tardigrade).
- */
-function toggleDropdown(): void {
-    if (pathEmail.value) {
-        // this page was opened from an email link, so don't allow satellite selection.
-        return;
-    }
-    isDropdownShown.value = !isDropdownShown.value;
-}
-
-/**
- * Closes satellite selection dropdown (Tardigrade).
- */
-function closeDropdown(): void {
-    isDropdownShown.value = false;
-}
-
-/**
- * Handles captcha verification response.
- */
-function onCaptchaVerified(response: string): void {
-    captchaResponseToken.value = response;
-    captchaError.value = false;
-    login();
-}
-
-/**
- * Handles captcha error and expiry.
- */
-function onCaptchaError(): void {
-    captchaResponseToken.value = '';
-    captchaError.value = true;
-}
-
-/**
- * Holds on login button click logic.
- */
-async function onLoginClick(): Promise<void> {
-    if (isLoading.value && !isDropdownShown.value) {
-        return;
-    }
-
-    const activeElement = document.activeElement;
-
-    if (activeElement && activeElement.id === 'loginDropdown') return;
-
-    if (isDropdownShown.value) {
-        isDropdownShown.value = false;
-        return;
-    }
-
-    isLoading.value = true;
-    if (hcaptcha.value && !captchaResponseToken.value) {
-        hcaptcha.value?.execute();
-        return;
-    }
-
-    await login();
-}
-
-/**
- * Performs login action.
- * Then changes location to project dashboard page.
- */
-async function login(): Promise<void> {
-    if (!validateFields()) {
-        isLoading.value = false;
-
-        return;
-    }
-
-    try {
-        const tokenInfo: TokenInfo = await auth.token(email.value, password.value, captchaResponseToken.value, passcode.value, recoveryCode.value);
-        LocalData.setSessionExpirationDate(tokenInfo.expiresAt);
-    } catch (error) {
-        if (hcaptcha.value) {
-            hcaptcha.value?.reset();
-            captchaResponseToken.value = '';
-        }
-
-        if (error instanceof ErrorMFARequired) {
-            if (isMFARequired.value) isMFAError.value = true;
-
-            isMFARequired.value = true;
-            isLoading.value = false;
-            return;
-        }
-
-        if (isMFARequired.value && !(error instanceof ErrorTooManyRequests)) {
-            if (error instanceof ErrorBadRequest || error instanceof ErrorUnauthorized) {
-                notify.error(error.message);
-            }
-
-            isMFAError.value = true;
-            isLoading.value = false;
-            return;
-        }
-
-        if (error instanceof ErrorUnauthorized) {
-            isBadLoginMessageShown.value = true;
-            isLoading.value = false;
-            return;
-        }
-
-        notify.notifyError(error);
-        isLoading.value = false;
-        return;
-    }
-
-    usersStore.login();
-    appStore.changeState(FetchState.LOADING);
-    isLoading.value = false;
-
-    analyticsStore.pageVisit(returnURL.value);
-    await router.push(returnURL.value);
-}
-
-/**
- * Validates email and password input strings.
- */
-function validateFields(): boolean {
-    let isNoErrors = true;
-
-    if (!Validator.email(email.value)) {
-        emailError.value = 'Invalid Email';
-        isNoErrors = false;
-    }
-
-    if (password.value.length < configStore.state.config.passwordMinimumLength) {
-        passwordError.value = 'Invalid Password';
-        isNoErrors = false;
-    }
-
-    return isNoErrors;
-}
-</script>
-
-<style scoped lang="scss">
-    .login-area {
-        display: flex;
-        flex-direction: column;
-        font-family: 'font_regular', sans-serif;
-        background-color: #F6F7FA;
-        position: fixed;
-        inset: 0;
-        min-height: 100%;
-        overflow-y: scroll;
-
-        &__logo-wrapper {
-            text-align: center;
-            margin: 60px 0;
-        }
-
-        &__divider {
-            margin: 0 20px;
-            height: 22px;
-            width: 2px;
-            background-color: #acbace;
-        }
-
-        &__input-wrapper {
-            width: 100%;
-        }
-
-        &__expand {
-            display: flex;
-            align-items: center;
-            cursor: pointer;
-            position: relative;
-
-            &__value {
-                font-size: 16px;
-                line-height: 21px;
-                color: #777;
-                margin-right: 10px;
-                font-family: 'font_regular', sans-serif;
-                font-weight: 700;
-                border: none;
-                cursor: pointer;
-                background: transparent;
-
-                &:hover {
-                    color: var(--c-blue-3);
-                }
-            }
-
-            &__dropdown {
-                position: absolute;
-                top: 35px;
-                left: 0;
-                background-color: #fff;
-                z-index: 1000;
-                border: 1px solid #c5cbdb;
-                box-shadow: 0 8px 34px rgb(161 173 185 / 41%);
-                border-radius: 6px;
-                min-width: 250px;
-
-                &__item {
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-start;
-                    padding: 12px 25px;
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: #7e8b9c;
-                    cursor: pointer;
-                    text-decoration: none;
-                    border-radius: 6px;
-
-                    &__name {
-                        font-family: 'font_bold', sans-serif;
-                        margin-left: 15px;
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: #333;
-                    }
-
-                    &:hover {
-                        background-color: #f2f2f6;
-                    }
-                }
-            }
-        }
-
-        &__content-area {
-            background-color: #f5f6fa;
-            padding: 0 20px;
-            margin-bottom: 50px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            border-radius: 20px;
-            box-sizing: border-box;
-
-            &__activation-banner {
-                padding: 20px;
-                background-color: rgb(39 174 96 / 10%);
-                border: 1px solid #27ae60;
-                color: #27ae60;
-                border-radius: 6px;
-                width: 570px;
-                margin-bottom: 30px;
-
-                &.error {
-                    background-color: #fff3f2;
-                    border: 1px solid #e30011;
-                    color: #e30011;
-                }
-
-                &__message {
-                    font-size: 16px;
-                    line-height: 21px;
-                    margin: 0;
-                }
-            }
-
-            &__container {
-                display: flex;
-                flex-direction: column;
-                padding: 26px 40px 40px;
-                background-color: #fff;
-                width: 460px;
-                border-radius: 20px;
-                box-sizing: border-box;
-                margin-bottom: 20px;
-                border: 1px solid #eee;
-
-                &__title-area {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    &__title {
-                        font-size: 21px;
-                        line-height: 49px;
-                        letter-spacing: -0.1px;
-                        color: #091C45;
-                        font-family: 'font_bold', sans-serif;
-                        font-weight: 800;
-                    }
-
-                    &__satellite {
-                        font-size: 16px;
-                        line-height: 21px;
-                        color: #848484;
-                    }
-                }
-
-                &__captcha-wrapper__label-container {
-                    margin-top: 30px;
-                    display: flex;
-                    justify-content: flex-start;
-                    align-items: flex-end;
-                    padding-bottom: 8px;
-
-                    &__error {
-                        font-size: 16px;
-                        margin-left: 10px;
-                        color: #ff5560;
-                    }
-                }
-
-                &__button {
-                    margin-top: 30px;
-                }
-
-                &__cancel {
-                    align-self: center;
-                    font-size: 16px;
-                    line-height: 21px;
-                    color: #0068dc;
-                    text-align: center;
-                    margin-top: 30px;
-                    cursor: pointer;
-                }
-
-                &__recovery {
-                    font-size: 16px;
-                    line-height: 19px;
-                    color: #0068dc;
-                    cursor: pointer;
-                    margin-top: 20px;
-                    text-align: center;
-                    width: 100%;
-                }
-            }
-
-            &__footer-item {
-                margin-top: 30px;
-                font-size: 14px;
-            }
-
-            &__footer-item:focus {
-                text-decoration: underline !important;
-            }
-        }
-    }
-
-    .logo {
-        cursor: pointer;
-    }
-
-    .disabled {
-        pointer-events: none;
-        color: #acb0bc;
-    }
-
-    .link {
-        font-family: 'font_medium', sans-serif;
-        color: var(--c-blue-3);
-    }
-
-    .link:hover {
-        color: var(--c-blue-5);
-    }
-
-    .link:focus {
-        text-decoration: underline !important;
-    }
-
-    .info-box {
-        background-color: #f7f8fb;
-        border-radius: 6px;
-        padding: 20px;
-        margin-top: 25px;
-        width: 100%;
-        box-sizing: border-box;
-
-        &.error {
-            background-color: #fff9f7;
-            border: 1px solid #f84b00;
-        }
-
-        &__header {
-            display: flex;
-            align-items: center;
-
-            &__label {
-                font-family: 'font_bold', sans-serif;
-                font-size: 16px;
-                color: #1b2533;
-                margin-left: 15px;
-            }
-        }
-
-        &__message {
-            font-size: 16px;
-            color: #1b2533;
-            margin-top: 10px;
-        }
-    }
-
-    :deep(.grecaptcha-badge) {
-        visibility: hidden;
-    }
-
-    @media screen and (width <= 750px) {
-
-        .login-area {
-
-            &__content-area {
-
-                &__container {
-                    width: 100%;
-                    min-width: 360px;
-                }
-            }
-
-            &__expand {
-
-                &__dropdown {
-                    left: -200px;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 414px) {
-
-        .login-area {
-
-            &__logo-wrapper {
-                margin: 40px;
-            }
-
-            &__content-area {
-                padding: 0;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/ResetPassword.vue b/web/satellite/src/views/ResetPassword.vue
deleted file mode 100644
index 150ad6464454..000000000000
--- a/web/satellite/src/views/ResetPassword.vue
+++ /dev/null
@@ -1,457 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="reset-area" @keyup.enter="onResetClick">
-        <div class="reset-area__logo-wrapper">
-            <LogoIcon class="reset-area__logo-wrapper_logo" @click="onLogoClick" />
-        </div>
-        <div class="reset-area__content-area">
-            <div class="reset-area__content-area__container" :class="{'success': isSuccessfulPasswordResetShown}">
-                <h1 v-if="!isSuccessfulPasswordResetShown" class="reset-area__content-area__container__title">Reset Password</h1>
-                <template v-if="isSuccessfulPasswordResetShown">
-                    <KeyIcon />
-                    <h2 class="reset-area__content-area__container__title success">Success!</h2>
-                    <p class="reset-area__content-area__container__sub-title">
-                        You have successfully changed your password.
-                    </p>
-                </template>
-                <template v-else-if="isMFARequired">
-                    <div class="info-box">
-                        <div class="info-box__header">
-                            <GreyWarningIcon />
-                            <h2 class="info-box__header__label">
-                                Two-Factor Authentication Required
-                            </h2>
-                        </div>
-                        <p class="info-box__message">
-                            You'll need the six-digit code from your authenticator app to continue.
-                        </p>
-                    </div>
-                    <div class="reset-area__content-area__container__input-wrapper">
-                        <ConfirmMFAInput ref="mfaInput" :on-input="onConfirmInput" :is-error="isMFAError" :is-recovery="isRecoveryCodeState" />
-                    </div>
-                    <span v-if="!isRecoveryCodeState" class="reset-area__content-area__container__recovery" @click="setRecoveryCodeState">
-                        Or use recovery code
-                    </span>
-                </template>
-                <template v-else>
-                    <p class="reset-area__content-area__container__message">Please enter your new password.</p>
-                    <div class="reset-area__content-area__container__input-wrapper password">
-                        <VInput
-                            label="Password"
-                            placeholder="Enter Password"
-                            :error="passwordError"
-                            is-password
-                            @setData="setPassword"
-                            @showPasswordStrength="showPasswordStrength"
-                            @hidePasswordStrength="hidePasswordStrength"
-                        />
-                        <PasswordStrength
-                            :password-string="password"
-                            :is-shown="isPasswordStrengthShown"
-                        />
-                    </div>
-                    <div class="reset-area__content-area__container__input-wrapper">
-                        <VInput
-                            label="Retype Password"
-                            placeholder="Retype Password"
-                            :error="repeatedPasswordError"
-                            is-password
-                            @setData="setRepeatedPassword"
-                        />
-                    </div>
-                </template>
-                <p v-if="!isSuccessfulPasswordResetShown" class="reset-area__content-area__container__button" @click.prevent="onResetClick">Reset Password</p>
-                <span v-if="isMFARequired && !isSuccessfulPasswordResetShown" class="reset-area__content-area__container__cancel" :class="{ disabled: isLoading }" @click.prevent="onMFACancelClick">
-                    Cancel
-                </span>
-            </div>
-            <router-link :to="loginPath" class="reset-area__content-area__login-link">
-                Back to Login
-            </router-link>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { AuthHttpApi } from '@/api/auth';
-import { ErrorMFARequired } from '@/api/errors/ErrorMFARequired';
-import { RouteConfig } from '@/types/router';
-import { ErrorTokenExpired } from '@/api/errors/ErrorTokenExpired';
-import { useNotify } from '@/utils/hooks';
-import { useAppStore } from '@/store/modules/appStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import PasswordStrength from '@/components/common/PasswordStrength.vue';
-import VInput from '@/components/common/VInput.vue';
-import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
-
-import KeyIcon from '@/../static/images/resetPassword/success.svg';
-import LogoIcon from '@/../static/images/logo.svg';
-import GreyWarningIcon from '@/../static/images/common/greyWarning.svg';
-
-const { config } = useConfigStore().state;
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-const auth: AuthHttpApi = new AuthHttpApi();
-const loginPath: string = RouteConfig.Login.path;
-
-const token = ref<string>('');
-const password = ref<string>('');
-const repeatedPassword = ref<string>('');
-const passcode = ref<string>('');
-const recoveryCode = ref<string>('');
-const passwordError = ref<string>('');
-const repeatedPasswordError = ref<string>('');
-const isLoading = ref<boolean>(false);
-const isMFARequired = ref<boolean>(false);
-const isMFAError = ref<boolean>(false);
-const isRecoveryCodeState = ref<boolean>(false);
-const isPasswordStrengthShown = ref<boolean>(false);
-const mfaInput = ref<typeof ConfirmMFAInput>();
-
-/**
- * Returns whether the successful password reset area is shown.
- */
-const isSuccessfulPasswordResetShown = computed(() : boolean => {
-    return appStore.state.isSuccessfulPasswordResetShown;
-});
-
-/**
- * Validates input fields and requests password reset.
- */
-async function onResetClick(): Promise<void> {
-    if (isLoading.value) return;
-
-    isLoading.value = true;
-
-    if (!validateFields()) {
-        isLoading.value = false;
-        return;
-    }
-
-    try {
-        await auth.resetPassword(token.value, password.value, passcode.value.trim(), recoveryCode.value.trim());
-        appStore.toggleSuccessfulPasswordReset();
-    } catch (error) {
-        isLoading.value = false;
-
-        if (error instanceof ErrorMFARequired) {
-            if (isMFARequired.value) isMFAError.value = true;
-            isMFARequired.value = true;
-            return;
-        }
-
-        if (error instanceof ErrorTokenExpired) {
-            await router.push(`${RouteConfig.ForgotPassword.path}?expired=true`);
-            return;
-        }
-
-        if (isMFARequired.value) {
-            isMFAError.value = true;
-            return;
-        }
-
-        notify.notifyError(error, null);
-    }
-
-    isLoading.value = false;
-}
-
-/**
- * Validates input values to satisfy expected rules.
- */
-function validateFields(): boolean {
-    let isNoErrors = true;
-
-    if (password.value.length < config.passwordMinimumLength || password.value.length > config.passwordMaximumLength) {
-        passwordError.value = 'Invalid password';
-        isNoErrors = false;
-    }
-
-    if (repeatedPassword.value !== password.value) {
-        repeatedPasswordError.value = 'Password doesn\'t match';
-        isNoErrors = false;
-    }
-
-    return isNoErrors;
-}
-
-/**
- * Makes password strength container visible.
- */
-function showPasswordStrength(): void {
-    isPasswordStrengthShown.value = true;
-}
-
-/**
- * Hides password strength container.
- */
-function hidePasswordStrength(): void {
-    isPasswordStrengthShown.value = false;
-}
-
-/**
- * Redirects to storj.io homepage.
- */
-function onLogoClick(): void {
-    window.location.href = config.homepageURL;
-}
-
-/**
- * Sets user's password field from value string.
- */
-function setPassword(value: string): void {
-    password.value = value.trim();
-    passwordError.value = '';
-}
-
-/**
- * Sets user's repeat password field from value string.
- */
-function setRepeatedPassword(value: string): void {
-    repeatedPassword.value = value.trim();
-    repeatedPasswordError.value = '';
-}
-
-/**
- * Sets page to recovery code state.
- */
-function setRecoveryCodeState(): void {
-    isMFAError.value = false;
-    passcode.value = '';
-    mfaInput.value?.clearInput();
-    isRecoveryCodeState.value = true;
-}
-
-/**
- * Cancels MFA passcode input state.
- */
-function onMFACancelClick(): void {
-    isMFARequired.value = false;
-    isRecoveryCodeState.value = false;
-    isMFAError.value = false;
-    passcode.value = '';
-    recoveryCode.value = '';
-}
-
-/**
- * Sets confirmation passcode value from input.
- */
-function onConfirmInput(value: string): void {
-    isMFAError.value = false;
-
-    isRecoveryCodeState.value ? recoveryCode.value = value : passcode.value = value;
-}
-
-/**
- * Lifecycle hook on component destroy.
- * Sets view to default state.
- */
-onBeforeUnmount((): void => {
-    if (isSuccessfulPasswordResetShown.value) {
-        appStore.toggleSuccessfulPasswordReset();
-    }
-});
-
-/**
- * Lifecycle hook after initial render.
- * Initializes recovery token from route param
- * and redirects to login page if token doesn't exist.
- */
-onMounted((): void => {
-    if (route.query.token) {
-        token.value = route.query.token.toString();
-    } else {
-        analyticsStore.pageVisit(RouteConfig.Login.path);
-        router.push(RouteConfig.Login.path);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-    .reset-area {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        background-color: #f5f6fa;
-        position: fixed;
-        inset: 0;
-        min-height: 100%;
-        overflow-y: scroll;
-
-        &__logo-wrapper {
-            text-align: center;
-            margin: 60px 0;
-
-            &__logo {
-                cursor: pointer;
-            }
-        }
-
-        &__content-area {
-            width: 100%;
-            padding: 0 20px;
-            margin-bottom: 50px;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-sizing: border-box;
-
-            &__container {
-                width: 610px;
-                padding: 60px 80px;
-                display: flex;
-                flex-direction: column;
-                background-color: #fff;
-                border-radius: 20px;
-                box-sizing: border-box;
-
-                &.success {
-                    align-items: center;
-                    text-align: center;
-                }
-
-                &__input-wrapper {
-                    margin-top: 20px;
-
-                    &.password {
-                        position: relative;
-                    }
-                }
-
-                &__title {
-                    font-size: 24px;
-                    margin: 10px 0;
-                    letter-spacing: -0.1007px;
-                    color: #252525;
-                    font-family: 'font_bold', sans-serif;
-                    font-weight: 800;
-
-                    &.success {
-                        font-size: 40px;
-                        margin: 25px 0;
-                    }
-                }
-
-                &__button {
-                    font-family: 'font_regular', sans-serif;
-                    font-weight: 700;
-                    margin-top: 40px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    background-color: #376fff;
-                    border-radius: 50px;
-                    color: #fff;
-                    cursor: pointer;
-                    width: 100%;
-                    height: 48px;
-
-                    &:hover {
-                        background-color: #0059d0;
-                    }
-                }
-
-                &__cancel {
-                    align-self: center;
-                    font-size: 16px;
-                    line-height: 21px;
-                    color: #0068dc;
-                    text-align: center;
-                    margin-top: 30px;
-                    cursor: pointer;
-                }
-
-                &__recovery {
-                    font-size: 16px;
-                    line-height: 19px;
-                    color: #0068dc;
-                    cursor: pointer;
-                    margin-top: 20px;
-                    text-align: center;
-                    width: 100%;
-                }
-            }
-
-            &__login-link {
-                font-family: 'font_medium', sans-serif;
-                text-decoration: none;
-                font-size: 14px;
-                line-height: 18px;
-                color: #376fff;
-                margin-top: 50px;
-            }
-        }
-    }
-
-    .info-box {
-        background-color: #f7f8fb;
-        border-radius: 6px;
-        padding: 20px;
-        margin-top: 25px;
-        width: 100%;
-        box-sizing: border-box;
-
-        &.error {
-            background-color: #fff9f7;
-            border: 1px solid #f84b00;
-        }
-
-        &__header {
-            display: flex;
-            align-items: center;
-
-            &__label {
-                font-family: 'font_bold', sans-serif;
-                font-size: 16px;
-                color: #1b2533;
-                margin-left: 15px;
-            }
-        }
-
-        &__message {
-            font-size: 16px;
-            color: #1b2533;
-            margin-top: 10px;
-        }
-    }
-
-    @media screen and (width <= 750px) {
-
-        .reset-area {
-
-            &__content-area {
-
-                &__container {
-                    width: 100%;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 414px) {
-
-        .reset-area {
-
-            &__logo-wrapper {
-                margin: 40px;
-            }
-
-            &__content-area {
-                padding: 0;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/all-dashboard/AllDashboardArea.vue b/web/satellite/src/views/all-dashboard/AllDashboardArea.vue
deleted file mode 100644
index 0dd995a7e662..000000000000
--- a/web/satellite/src/views/all-dashboard/AllDashboardArea.vue
+++ /dev/null
@@ -1,300 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-if="isLoading" class="loading-overlay active">
-        <div class="load" />
-        <LoaderImage class="loading-icon" />
-    </div>
-    <div v-else class="all-dashboard">
-        <SessionWrapper>
-            <div class="all-dashboard__bars">
-                <BetaSatBar v-if="isBetaSatellite" />
-                <MFARecoveryCodeBar v-if="showMFARecoveryCodeBar" :open-generate-modal="toggleMFARecoveryModal" />
-            </div>
-
-            <heading class="all-dashboard__heading" />
-
-            <div class="all-dashboard__content" :class="{ 'no-x-padding': isMyProjectsPage }">
-                <div class="all-dashboard__content__divider" />
-
-                <router-view />
-
-                <AllModals />
-            </div>
-        </SessionWrapper>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { User } from '@/types/users';
-import {
-    AnalyticsErrorEventSource,
-} from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { RouteConfig } from '@/types/router';
-import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
-import { FetchState } from '@/utils/constants/fetchStateEnum';
-import { CouponType } from '@/types/coupons';
-import { useABTestingStore } from '@/store/modules/abTestingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import Heading from '@/views/all-dashboard/components/Heading.vue';
-import SessionWrapper from '@/components/utils/SessionWrapper.vue';
-import BetaSatBar from '@/components/infoBars/BetaSatBar.vue';
-import MFARecoveryCodeBar from '@/components/infoBars/MFARecoveryCodeBar.vue';
-import AllModals from '@/components/modals/AllModals.vue';
-
-import LoaderImage from '@/../static/images/common/loadIcon.svg';
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const usersStore = useUsersStore();
-const abTestingStore = useABTestingStore();
-const billingStore = useBillingStore();
-const agStore = useAccessGrantsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-
-// Minimum number of recovery codes before the recovery code warning bar is shown.
-const recoveryCodeWarningThreshold = 4;
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-const isMyProjectsPage = computed((): boolean => {
-    return route.path === RouteConfig.AllProjectsDashboard.path;
-});
-
-/**
- * Indicates if satellite is in beta.
- */
-const isBetaSatellite = computed((): boolean => {
-    return configStore.state.config.isBetaSatellite;
-});
-
-/**
- * Indicates if loading screen is active.
- */
-const isLoading = computed((): boolean => {
-    return appStore.state.fetchState === FetchState.LOADING;
-});
-
-/**
- * Indicates whether the MFA recovery code warning bar should be shown.
- */
-const showMFARecoveryCodeBar = computed((): boolean => {
-    const user: User = usersStore.state.user;
-    return user.isMFAEnabled && user.mfaRecoveryCodeCount < recoveryCodeWarningThreshold;
-});
-
-/**
- * Indicates if user should be redirected to onboarding pricing plan step.
- */
-const shouldShowPricingPlan = computed<boolean>(() => {
-    return usersStore.shouldOnboard &&
-        usersStore.state.user.partner !== '' &&
-        configStore.state.config.pricingPackagesEnabled &&
-        !appStore.state.hasShownPricingPlan;
-});
-
-/**
- * Toggles MFA recovery modal visibility.
- */
-function toggleMFARecoveryModal(): void {
-    appStore.updateActiveModal(MODALS.mfaRecovery);
-}
-
-/**
- * Lifecycle hook after initial render.
- * Pre-fetches user`s and project information.
- */
-onMounted(async () => {
-    try {
-        await Promise.all([
-            usersStore.getUser(),
-            abTestingStore.fetchValues(),
-            usersStore.getSettings(),
-        ]);
-    } catch (error) {
-        if (!(error instanceof ErrorUnauthorized)) {
-            appStore.changeState(FetchState.ERROR);
-            notify.notifyError(error, AnalyticsErrorEventSource.ALL_PROJECT_DASHBOARD);
-        }
-
-        setTimeout(async () => await router.push(RouteConfig.Login.path), 1000);
-
-        return;
-    }
-
-    try {
-        agStore.stopWorker();
-        await agStore.startWorker();
-    } catch (error) {
-        notify.error('Unable to set access grants wizard. You may be able to fix this by doing a hard-refresh or clearing your cache.', AnalyticsErrorEventSource.ALL_PROJECT_DASHBOARD);
-        // We do this in case user goes to DevTools to check if anything is there.
-        // This also might be useful for us since we improve error handling.
-        console.error(error.message);
-    }
-
-    if (billingEnabled.value) {
-        try {
-            const couponType = await billingStore.setupAccount();
-            if (couponType === CouponType.NoCoupon) {
-                notify.error(`The coupon code was invalid, and could not be applied to your account`, AnalyticsErrorEventSource.ALL_PROJECT_DASHBOARD);
-            }
-
-            if (couponType === CouponType.SignupCoupon) {
-                notify.success(`The coupon code was added successfully`);
-            }
-        } catch (error) {
-            error.message = `Unable to setup account. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.ALL_PROJECT_DASHBOARD);
-        }
-    }
-
-    try {
-        await projectsStore.getUserInvitations();
-    } catch (error) {
-        error.message = `Unable to get project invitations. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.ALL_PROJECT_DASHBOARD);
-    }
-
-    try {
-        await projectsStore.getProjects();
-    } catch (error) {
-        return;
-    }
-
-    appStore.changeState(FetchState.LOADED);
-
-    if (shouldShowPricingPlan.value) {
-        appStore.setHasShownPricingPlan(true);
-        // if the user is not eligible for a pricing plan, they'll automatically be
-        // navigated back to all projects dashboard.
-        analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.PricingPlanStep).path);
-        await router.push(RouteConfig.OnboardingTour.with(RouteConfig.PricingPlanStep).path);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-@keyframes rotate {
-
-    from {
-        transform: rotate(0deg);
-    }
-
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-.no-x-padding {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-
-.all-dashboard {
-    box-sizing: border-box;
-    overflow-y: auto;
-    width: 100%;
-    height: 100%;
-    background: var(--c-grey-1);
-
-    &__bars {
-        display: contents;
-        position: fixed;
-        width: 100%;
-        top: 0;
-        z-index: 1000;
-    }
-
-    &__heading {
-        margin: 50px auto 0;
-        padding: 0 20px;
-        max-width: 1200px;
-        box-sizing: border-box;
-
-        @media screen and (width <= 500px) {
-            margin-top: 0;
-            padding: 0;
-        }
-    }
-
-    &__content {
-        padding: 0 20px 50px;
-        margin: 0 auto;
-        max-width: 1200px;
-        box-sizing: border-box;
-
-        &__divider {
-            margin: 20px 0;
-            border: 0.5px solid var(--c-grey-2);
-
-            @media screen and (width <= 500px) {
-                display: none;
-            }
-        }
-    }
-}
-
-.load {
-    width: 90px;
-    height: 90px;
-    margin: auto 0;
-    border: solid 3px var(--c-blue-3);
-    border-radius: 50%;
-    border-right-color: transparent;
-    border-bottom-color: transparent;
-    border-left-color: transparent;
-    transition: all 0.5s ease-in;
-    animation-name: rotate;
-    animation-duration: 1.2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-}
-
-.loading-overlay {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: absolute;
-    inset: 0;
-    background-color: var(--c-white);
-    visibility: hidden;
-    opacity: 0;
-    transition: all 0.5s linear;
-}
-
-.loading-overlay.active {
-    visibility: visible;
-    opacity: 1;
-}
-
-.loading-icon {
-    position: absolute;
-    inset: 0;
-    margin: auto;
-}
-
-:deep(div.account-area-container) {
-    padding: 0;
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue b/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue
deleted file mode 100644
index 8a1093ac9246..000000000000
--- a/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="all-dashboard-banners">
-        <v-banner
-            v-if="isPendingVerification && parentRef"
-            class="all-dashboard-banners__pending"
-            title="There was a problem setting up your account."
-            message="Please submit a support ticket."
-            severity="critical"
-            link-text="Submit"
-            :dashboard-ref="parentRef"
-            @link-click="submitSupportTicket"
-        />
-
-        <UpgradeNotification
-            v-if="isPaidTierBannerShown"
-            class="all-dashboard-banners__upgrade"
-            :open-add-p-m-modal="togglePMModal"
-        />
-
-        <v-banner
-            v-if="isAccountFrozen && parentRef && billingEnabled"
-            class="all-dashboard-banners__freeze"
-            title="Your account was frozen due to billing issues."
-            message="Please update your payment information."
-            severity="critical"
-            link-text="To Billing Page"
-            :dashboard-ref="parentRef"
-            @link-click="redirectToBillingPage"
-        />
-
-        <v-banner
-            v-if="isAccountWarned && parentRef && billingEnabled"
-            class="all-dashboard-banners__warning"
-            title="Your account will be frozen soon due to billing issues."
-            message="Please update your payment information."
-            link-text="To Billing Page"
-            severity="warning"
-            :dashboard-ref="parentRef"
-            :on-link-click="redirectToBillingPage"
-        />
-
-        <v-banner
-            v-if="isLowBalance && parentRef && billingEnabled"
-            class="all-dashboard-banners__low-balance"
-            message="Your STORJ Token balance is low. Deposit more STORJ tokens or make sure you have a credit card on file to avoid interruptions in service."
-            link-text="Go to billing"
-            severity="warning"
-            :dashboard-ref="parentRef"
-            :on-link-click="redirectToBillingOverview"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { useUsersStore } from '@/store/modules/usersStore';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { RouteConfig } from '@/types/router';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useLowTokenBalance } from '@/composables/useLowTokenBalance';
-
-import VBanner from '@/components/common/VBanner.vue';
-import UpgradeNotification from '@/components/notifications/UpgradeNotification.vue';
-
-const router = useRouter();
-
-const usersStore = useUsersStore();
-const appStore = useAppStore();
-const configStore = useConfigStore();
-
-const isLowBalance = useLowTokenBalance();
-
-const props = defineProps<{
-    parentRef: HTMLElement;
-}>();
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Indicates if account is in pending verification state.
- */
-const isPendingVerification = computed((): boolean => {
-    return usersStore.state.user.pendingVerification;
-});
-
-/**
- * Indicates if account was frozen due to billing issues.
- */
-const isAccountFrozen = computed((): boolean => {
-    return usersStore.state.user.freezeStatus.frozen;
-});
-
-/**
- * Indicates if account was warned due to billing issues.
- */
-const isAccountWarned = computed((): boolean => {
-    return usersStore.state.user.freezeStatus.warned;
-});
-
-/* whether the paid tier banner should be shown */
-const isPaidTierBannerShown = computed((): boolean => {
-    return !usersStore.state.user.paidTier
-        && joinedWhileAgo.value
-        && billingEnabled.value;
-});
-
-/* whether the user joined more than 7 days ago */
-const joinedWhileAgo = computed((): boolean => {
-    const createdAt = usersStore.state.user.createdAt as Date | null;
-    if (!createdAt) return true; // true so we can show the banner regardless
-    const millisPerDay = 24 * 60 * 60 * 1000;
-    return ((Date.now() - createdAt.getTime()) / millisPerDay) > 7;
-});
-
-/**
- * Opens add payment method modal.
- */
-function togglePMModal(): void {
-    if (usersStore.state.user.paidTier || !billingEnabled.value) return;
-    appStore.updateActiveModal(MODALS.upgradeAccount);
-}
-
-/**
- * Opens submit support ticket form.
- */
-function submitSupportTicket(): void {
-    window.open(configStore.state.config.generalRequestURL, '_blank', 'noreferrer');
-}
-
-/**
- * Redirects to Billing Page.
- */
-async function redirectToBillingPage(): Promise<void> {
-    await router.push(RouteConfig.AccountSettings.with(RouteConfig.Billing2.with(RouteConfig.BillingPaymentMethods2)).path);
-}
-
-/**
- * Redirects to Billing Page Overview tab.
- */
-async function redirectToBillingOverview(): Promise<void> {
-    await router.push(RouteConfig.AccountSettings.with(RouteConfig.Billing2.with(RouteConfig.BillingOverview2)).path);
-}
-</script>
-
-<style scoped lang="scss">
-.all-dashboard-banners {
-    margin-bottom: 20px;
-
-    &__pending,
-    &__upgrade,
-    &__freeze,
-    &__warning,
-    &__low-balance {
-        margin: 20px 0 0;
-        box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/EmptyProjectItem.vue b/web/satellite/src/views/all-dashboard/components/EmptyProjectItem.vue
deleted file mode 100644
index 89a46fb1a0c1..000000000000
--- a/web/satellite/src/views/all-dashboard/components/EmptyProjectItem.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="empty-project-item">
-        <div class="empty-project-item__header">
-            <div class="empty-project-item__header__tag">
-                <box-icon class="empty-project-item__header__tag__icon" />
-
-                <span> Project </span>
-            </div>
-        </div>
-
-        <p class="empty-project-item__title">
-            Welcome
-        </p>
-
-        <p class="empty-project-item__subtitle">
-            Create a new project to start.
-        </p>
-
-        <VButton
-            class="empty-project-item__button"
-            icon="addcircle"
-            :on-press="handleCreateProjectClick"
-            label="Create a Project"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-
-import VButton from '@/components/common/VButton.vue';
-
-import BoxIcon from '@/../static/images/navigation/project.svg';
-
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-</script>
-
-<style scoped lang="scss">
-.empty-project-item {
-    padding: 24px;
-    background: var(--c-white);
-    box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-    border-radius: 8px;
-
-    &__header {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        position: relative;
-
-        &__tag {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            gap: 5px;
-            padding: 4px 8px;
-            border: 1px solid var(--c-light-blue-4);
-            border-radius: 24px;
-            color: var(--c-blue-4);
-            font-size: 12px;
-            font-family: 'font_regular', sans-serif;
-
-            &__icon {
-                width: 12px;
-                height: 12px;
-
-                :deep(path) {
-                    fill: var(--c-blue-4);
-                }
-            }
-        }
-    }
-
-    &__title {
-        margin-top: 16px;
-        font-family: 'font_bold', sans-serif;
-        font-size: 24px;
-        line-height: 31px;
-        width: 100%;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        text-align: start;
-    }
-
-    &__subtitle {
-        font-weight: 400;
-        font-size: 14px;
-        margin-top: 5px;
-        font-family: 'font_regular', sans-serif;
-        color: var(--c-grey-6);
-        line-height: 20px;
-    }
-
-    &__button {
-        margin-top: 20px;
-        padding: 10px 16px;
-        border-radius: 8px;
-
-        & :deep(.label svg path) {
-            fill: var(--c-white);
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/Heading.vue b/web/satellite/src/views/all-dashboard/components/Heading.vue
deleted file mode 100644
index 1de38167b8a2..000000000000
--- a/web/satellite/src/views/all-dashboard/components/Heading.vue
+++ /dev/null
@@ -1,536 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="header">
-        <div class="header__content">
-            <LogoIcon class="header__content__logo" @click="goToProjects" />
-            <SmallLogoIcon class="header__content__small-logo" @click="goToProjects" />
-            <div class="header__content__actions">
-                <VButton
-                    v-if="isMyProjectsButtonShown"
-                    class="header__content__actions__button"
-                    icon="project"
-                    border-radius="8px"
-                    font-size="12px"
-                    is-white
-                    :on-press="goToProjects"
-                    label="My Projects"
-                />
-                <VButton
-                    class="header__content__actions__button"
-                    icon="resources"
-                    border-radius="8px"
-                    font-size="12px"
-                    is-white
-                    :link="link"
-                    :on-press="sendDocsEvent"
-                    label="Go to Docs"
-                />
-                <my-account-button />
-            </div>
-        </div>
-        <div class="header__mobile-area">
-            <div class="header__mobile-area__container">
-                <header class="header__mobile-area__container__header">
-                    <LogoIcon class="header__mobile-area__container__header__logo" @click.stop="goToProjects" />
-                    <CrossIcon v-if="isNavOpened" @click="toggleNavigation" />
-                    <MenuIcon v-else @click="toggleNavigation" />
-                </header>
-                <div v-if="isNavOpened" class="header__mobile-area__container__wrap">
-                    <div
-                        v-if="isMyProjectsButtonShown"
-                        aria-label="My Projects"
-                        class="header__mobile-area__container__wrap__item-container"
-                        @click="goToProjects"
-                    >
-                        <div class="header__mobile-area__container__wrap__item-container__left">
-                            <project-icon class="header__mobile-area__container__wrap__item-container__left__image" />
-                            <p class="header__mobile-area__container__wrap__item-container__left__label">My Projects</p>
-                        </div>
-                    </div>
-                    <a
-                        aria-label="Docs"
-                        class="header__mobile-area__container__wrap__item-container"
-                        :href="link"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        @click="sendDocsEvent"
-                    >
-                        <div class="header__mobile-area__container__wrap__item-container__left">
-                            <resources-icon class="header__mobile-area__container__wrap__item-container__left__image" />
-                            <p class="header__mobile-area__container__wrap__item-container__left__label">Go to Docs</p>
-                        </div>
-                    </a>
-                    <div class="header__mobile-area__container__wrap__border" />
-                    <div class="account-area">
-                        <div class="account-area__wrap" aria-roledescription="account-area" @click.stop="toggleAccountDropdown">
-                            <div class="account-area__wrap__left">
-                                <AccountIcon class="account-area__wrap__left__icon" />
-                                <p class="account-area__wrap__left__label">My Account</p>
-                                <p class="account-area__wrap__left__label-small">Account</p>
-                                <template v-if="billingEnabled">
-                                    <TierBadgePro v-if="user.paidTier" class="account-area__wrap__left__tier-badge" />
-                                    <TierBadgeFree v-else class="account-area__wrap__left__tier-badge" />
-                                </template>
-                            </div>
-                            <ArrowIcon class="account-area__wrap__arrow" />
-                        </div>
-                        <div v-if="isAccountDropdownShown" class="account-area__dropdown">
-                            <div class="account-area__dropdown__header">
-                                <div class="account-area__dropdown__header__left">
-                                    <SatelliteIcon />
-                                    <h2 class="account-area__dropdown__header__left__label">Satellite</h2>
-                                </div>
-                                <div class="account-area__dropdown__header__right">
-                                    <p class="account-area__dropdown__header__right__sat">{{ satellite }}</p>
-                                    <a
-                                        class="account-area__dropdown__header__right__link"
-                                        href="https://docs.storj.io/dcs/concepts/satellite"
-                                        target="_blank"
-                                        rel="noopener noreferrer"
-                                    >
-                                        <InfoIcon />
-                                    </a>
-                                </div>
-                            </div>
-                            <div v-if="billingEnabled" class="account-area__dropdown__item" @click="navigateToBilling">
-                                <BillingIcon />
-                                <p class="account-area__dropdown__item__label">Billing</p>
-                            </div>
-                            <div class="account-area__dropdown__item" @click="navigateToSettings">
-                                <SettingsIcon />
-                                <p class="account-area__dropdown__item__label">Account Settings</p>
-                            </div>
-                            <div class="account-area__dropdown__item" @click="onLogout">
-                                <LogoutIcon />
-                                <p class="account-area__dropdown__item__label">Logout</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { RouteConfig } from '@/types/router';
-import { User } from '@/types/users';
-import { AuthHttpApi } from '@/api/auth';
-import { useABTestingStore } from '@/store/modules/abTestingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useNotificationsStore } from '@/store/modules/notificationsStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import MyAccountButton from '@/views/all-dashboard/components/MyAccountButton.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import LogoIcon from '@/../static/images/logo.svg';
-import SmallLogoIcon from '@/../static/images/smallLogo.svg';
-import ResourcesIcon from '@/../static/images/navigation/resources.svg';
-import BillingIcon from '@/../static/images/navigation/billing.svg';
-import LogoutIcon from '@/../static/images/navigation/logout.svg';
-import SettingsIcon from '@/../static/images/navigation/settings.svg';
-import TierBadgeFree from '@/../static/images/navigation/tierBadgeFree.svg';
-import TierBadgePro from '@/../static/images/navigation/tierBadgePro.svg';
-import InfoIcon from '@/../static/images/navigation/info.svg';
-import SatelliteIcon from '@/../static/images/navigation/satellite.svg';
-import AccountIcon from '@/../static/images/navigation/account.svg';
-import ArrowIcon from '@/../static/images/navigation/arrowExpandRight.svg';
-import CrossIcon from '@/../static/images/common/closeCross.svg';
-import MenuIcon from '@/../static/images/navigation/menu.svg';
-import ProjectIcon from '@/../static/images/navigation/project.svg';
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const pmStore = useProjectMembersStore();
-const usersStore = useUsersStore();
-const abTestingStore = useABTestingStore();
-const billingStore = useBillingStore();
-const projectsStore = useProjectsStore();
-const notificationsStore = useNotificationsStore();
-const obStore = useObjectBrowserStore();
-
-const auth = new AuthHttpApi();
-
-const link = 'https://docs.storj.io/';
-
-const isAccountDropdownShown = ref(false);
-const isNavOpened = ref(false);
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Returns satellite name from store.
- */
-const satellite = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Returns user from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * Returns whether the My Projects button should be shown.
- */
-const isMyProjectsButtonShown = computed((): boolean => {
-    return route.name !== RouteConfig.AllProjectsDashboard.name;
-});
-
-/**
- * Toggles account dropdown visibility.
- */
-function toggleAccountDropdown(): void {
-    isAccountDropdownShown.value = !isAccountDropdownShown.value;
-}
-
-/**
- * Toggles navigation content visibility.
- */
-function toggleNavigation(): void {
-    isNavOpened.value = !isNavOpened.value;
-}
-
-/**
- * Sends "View Docs" event to segment and opens link.
- */
-function goToProjects(): void {
-    toggleNavigation();
-    // this will close MyAccountButton.vue if it's open.
-    appStore.closeDropdowns();
-
-    const projects = RouteConfig.AllProjectsDashboard.path;
-    if (route.path.includes(projects)) {
-        return;
-    }
-
-    analyticsStore.pageVisit(projects);
-    router.push(projects);
-}
-
-function navigateToBilling(): void {
-    toggleNavigation();
-
-    const billing = RouteConfig.AccountSettings.with(RouteConfig.Billing2);
-    if (route.path.includes(billing.path)) {
-        return;
-    }
-
-    const routeConf = billing.with(RouteConfig.BillingOverview2).path;
-    router.push(routeConf);
-    analyticsStore.pageVisit(routeConf);
-}
-
-/**
- * Navigates user to account settings page.
- */
-function navigateToSettings(): void {
-    toggleNavigation();
-
-    const settings = RouteConfig.AccountSettings.with(RouteConfig.Settings2).path;
-    if (route.path.includes(settings)) {
-        return;
-    }
-
-    analyticsStore.pageVisit(settings);
-    router.push(settings).catch(() => {return;});
-}
-
-/**
- * Logouts user and navigates to login page.
- */
-async function onLogout(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.Login.path);
-    await router.push(RouteConfig.Login.path);
-
-    await Promise.all([
-        pmStore.clear(),
-        projectsStore.clear(),
-        usersStore.clear(),
-        agStore.stopWorker(),
-        agStore.clear(),
-        notificationsStore.clear(),
-        bucketsStore.clear(),
-        appStore.clear(),
-        billingStore.clear(),
-        abTestingStore.reset(),
-        obStore.clear(),
-    ]);
-
-    try {
-        analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
-        await auth.logout();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_ACCOUNT_AREA);
-    }
-}
-
-/**
- * Sends "View Docs" event to segment and opens link.
- */
-function sendDocsEvent(): void {
-    analyticsStore.pageVisit(link);
-    analyticsStore.eventTriggered(AnalyticsEvent.VIEW_DOCS_CLICKED);
-}
-</script>
-
-<style scoped lang="scss">
-.header {
-
-    &__content {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        &__logo {
-            cursor: pointer;
-            width: 144px;
-
-            @media screen and (width <= 680px) {
-                display: none;
-            }
-        }
-
-        &__small-logo {
-            cursor: pointer;
-            width: 44px;
-            height: 44px;
-            display: none;
-
-            @media screen and (width <= 680px) {
-                display: block;
-            }
-        }
-
-        &__actions {
-            display: flex;
-            gap: 10px;
-
-            &__button {
-                padding: 10px 16px;
-                box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-
-                :deep(.label) {
-
-                    & > svg {
-                        height: 14px;
-                        width: 14px;
-                    }
-
-                    color: var(--c-black) !important;
-                    font-weight: 700;
-                    line-height: 20px;
-                }
-            }
-        }
-    }
-
-    &__mobile-area {
-        background-color: #fff;
-        font-family: 'font_regular', sans-serif;
-        box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-        display: none;
-
-        &__container {
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: space-between;
-            width: 100%;
-
-            &__header {
-                display: flex;
-                width: 100%;
-                box-sizing: border-box;
-                padding: 0 20px;
-                justify-content: space-between;
-                align-items: center;
-                height: 4rem;
-
-                &__logo {
-                    height: 49px;
-                    width: auto;
-                }
-            }
-
-            &__wrap {
-                position: absolute;
-                top: 4rem;
-                left: 0;
-                display: flex;
-                flex-direction: column;
-                align-items: stretch;
-                width: 100%;
-                padding-bottom: 8px;
-                z-index: 9999;
-                overflow: hidden auto;
-                background: white;
-                border-bottom: 1px solid var(--c-grey-2);
-
-                &__item-container {
-                    padding: 14px 32px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    border-left: 4px solid #fff;
-                    color: var(--c-grey-6);
-                    position: static;
-                    cursor: pointer;
-                    height: 48px;
-                    box-sizing: border-box;
-
-                    &__left {
-                        display: flex;
-                        align-items: center;
-
-                        &__label {
-                            font-size: 14px;
-                            line-height: 20px;
-                            margin-left: 24px;
-                        }
-                    }
-                }
-
-                &__border {
-                    margin: 8px 32px;
-                    height: 1px;
-                    background-color: var(--c-grey-2);
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 500px) {
-
-        &__content {
-            display: none;
-        }
-
-        &__mobile-area {
-            display: block;
-        }
-    }
-}
-
-.account-area {
-    width: 100%;
-
-    &__wrap {
-        box-sizing: border-box;
-        padding: 16px 32px;
-        height: 48px;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        cursor: pointer;
-        position: static;
-
-        &__left {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__label,
-            &__label-small {
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-                margin: 0 6px 0 24px;
-            }
-
-            &__label-small {
-                display: none;
-                margin: 0;
-            }
-        }
-    }
-
-    &__dropdown {
-        position: relative;
-        background: #fff;
-        width: 100%;
-        box-sizing: border-box;
-
-        &__header {
-            background: var(--c-grey-1);
-            padding: 16px 32px;
-            border: 1px solid var(--c-grey-2);
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            &__left,
-            &__right {
-                display: flex;
-                align-items: center;
-
-                &__label {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-left: 16px;
-                }
-
-                &__sat {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-right: 16px;
-                }
-
-                &__link {
-                    max-height: 16px;
-                }
-            }
-        }
-
-        &__item {
-            display: flex;
-            align-items: center;
-            padding: 16px 32px;
-            background: var(--c-grey-1);
-
-            &__label {
-                margin-left: 16px;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-            }
-
-            &:last-of-type {
-                border-radius: 0 0 8px 8px;
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/MyAccountButton.vue b/web/satellite/src/views/all-dashboard/components/MyAccountButton.vue
deleted file mode 100644
index a6872fbd6706..000000000000
--- a/web/satellite/src/views/all-dashboard/components/MyAccountButton.vue
+++ /dev/null
@@ -1,366 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div
-        class="account-button"
-        @click.stop.prevent="openDropdown"
-        @mouseenter="isHoveredOver = true"
-        @mouseleave="isHoveredOver = false"
-    >
-        <div class="account-button__button">
-            <account-icon class="account-button__button__icon" :class="{active: isHoveredOver || isDropdownOpen}" />
-            <span class="account-button__button__label" :class="{active: isHoveredOver || isDropdownOpen}">My Account</span>
-            <arrow-down-icon class="account-button__arrow" :class="{active: isDropdownOpen, hovered: isHoveredOver}" />
-        </div>
-        <div v-if="isDropdownOpen" v-click-outside="closeDropdown" class="account-button__dropdown">
-            <div class="account-button__dropdown__header">
-                <div class="account-button__dropdown__header__left">
-                    <SatelliteIcon />
-                    <h2 class="account-button__dropdown__header__left__label">Account Region</h2>
-                </div>
-                <div class="account-button__dropdown__header__right">
-                    <p class="account-button__dropdown__header__right__sat">{{ satellite }}</p>
-                    <a
-                        href="https://docs.storj.io/dcs/concepts/satellite"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        class="account-button__dropdown__header__right__link"
-                        @click.stop="closeDropdown"
-                    >
-                        <InfoIcon />
-                    </a>
-                </div>
-            </div>
-            <div v-if="billingEnabled" tabindex="0" class="account-button__dropdown__item" @click.stop="navigateToBilling" @keyup.enter="navigateToBilling">
-                <BillingIcon />
-                <p class="account-button__dropdown__item__label">Billing</p>
-            </div>
-            <div tabindex="0" class="account-button__dropdown__item" @click.stop="navigateToSettings" @keyup.enter="navigateToSettings">
-                <SettingsIcon />
-                <p class="account-button__dropdown__item__label">Account Settings</p>
-            </div>
-            <div tabindex="0" class="account-button__dropdown__item" @click.stop="onLogout" @keyup.enter="onLogout">
-                <LogoutIcon />
-                <p class="account-button__dropdown__item__label">Logout</p>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { RouteConfig } from '@/types/router';
-import { useNotify } from '@/utils/hooks';
-import {
-    AnalyticsErrorEventSource,
-    AnalyticsEvent,
-} from '@/utils/constants/analyticsEventNames';
-import { AuthHttpApi } from '@/api/auth';
-import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
-import { useABTestingStore } from '@/store/modules/abTestingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useNotificationsStore } from '@/store/modules/notificationsStore';
-import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import AccountIcon from '@/../static/images/navigation/account.svg';
-import ArrowDownIcon from '@/../static/images/common/dropIcon.svg';
-import LogoutIcon from '@/../static/images/navigation/logout.svg';
-import SatelliteIcon from '@/../static/images/navigation/satellite.svg';
-import InfoIcon from '@/../static/images/navigation/info.svg';
-import BillingIcon from '@/../static/images/navigation/billing.svg';
-import SettingsIcon from '@/../static/images/navigation/settings.svg';
-
-const router = useRouter();
-const route = useRoute();
-const notify = useNotify();
-
-const auth = new AuthHttpApi();
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const projectsStore = useProjectsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const pmStore = useProjectMembersStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const abTestingStore = useABTestingStore();
-const notificationsStore = useNotificationsStore();
-const obStore = useObjectBrowserStore();
-
-const isHoveredOver = ref(false);
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Indicates if account dropdown is open.
- */
-const isDropdownOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === APP_STATE_DROPDOWNS.ALL_DASH_ACCOUNT;
-});
-
-/**
- * Returns satellite name from store.
- */
-const satellite = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-function openDropdown(): void {
-    appStore.toggleActiveDropdown(APP_STATE_DROPDOWNS.ALL_DASH_ACCOUNT);
-}
-
-function closeDropdown(): void {
-    appStore.closeDropdowns();
-}
-
-/**
- * Navigates user to billing page.
- */
-function navigateToBilling(): void {
-    closeDropdown();
-
-    const billing = RouteConfig.AccountSettings.with(RouteConfig.Billing2);
-    if (route.path.includes(billing.path)) {
-        return;
-    }
-
-    const routeConf = billing.with(RouteConfig.BillingOverview2).path;
-    router.push(routeConf);
-    analyticsStore.pageVisit(routeConf);
-}
-
-/**
- * Navigates user to account settings page.
- */
-function navigateToSettings(): void {
-    closeDropdown();
-    const settings = RouteConfig.AccountSettings.with(RouteConfig.Settings2).path;
-    if (route.path.includes(settings)) {
-        return;
-    }
-
-    analyticsStore.pageVisit(settings);
-    router.push(settings).catch(() => {return;});
-}
-
-/**
- * Logouts user and navigates to login page.
- */
-async function onLogout(): Promise<void> {
-    analyticsStore.pageVisit(RouteConfig.Login.path);
-    await router.push(RouteConfig.Login.path);
-
-    await Promise.all([
-        pmStore.clear(),
-        projectsStore.clear(),
-        usersStore.clear(),
-        agStore.stopWorker(),
-        agStore.clear(),
-        notificationsStore.clear(),
-        bucketsStore.clear(),
-        appStore.clear(),
-        billingStore.clear(),
-        abTestingStore.reset(),
-        obStore.clear(),
-    ]);
-
-    try {
-        analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
-        await auth.logout();
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_ACCOUNT_AREA);
-    }
-}
-</script>
-
-<style scoped lang="scss">
-.account-button {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: 10px 16px;
-    box-sizing: border-box;
-    cursor: pointer;
-    background: var(--c-white);
-    border: 1px solid var(--c-grey-3);
-    border-radius: 8px;
-    height: 44px;
-    color: var(--c-black);
-    box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-
-    &:hover,
-    &:active,
-    &:focus {
-        border: 1px solid var(--c-blue-3);
-    }
-
-    &__button {
-        display: flex;
-        align-items: center;
-        justify-content: space-evenly;
-        cursor: pointer;
-
-        &__icon {
-            transition-duration: 0.5s;
-            margin-right: 10px;
-            height: 16px;
-            width: 16px;
-
-            :deep(path) {
-                fill: var(--c-black);
-            }
-        }
-
-        &__label {
-            font-family: 'font_medium', sans-serif;
-            line-height: 20px;
-            font-weight: 700;
-            font-size: 12px;
-            color: var(--c-black);
-            margin-right: 10px;
-            white-space: nowrap;
-        }
-
-        &__label.active {
-            color: var(--c-blue-3);
-        }
-
-        &__icon.active {
-
-            :deep(path) {
-                fill: var(--c-blue-3);
-            }
-        }
-    }
-
-    &__dropdown {
-        position: absolute;
-        top: 50px;
-        right: 0;
-        background: var(--c-white);
-        font-family: 'font_regular', sans-serif;
-        font-style: normal;
-        font-weight: normal;
-        width: 270px;
-        z-index: 999;
-        cursor: default;
-        border: 1px solid var(--c-grey-2);
-        box-sizing: border-box;
-        box-shadow: 0 -2px 16px rgb(0 0 0 / 10%);
-        border-radius: 8px;
-
-        &__header {
-            background: var(--c-grey-1);
-            padding: 16px;
-            width: calc(100% - 32px);
-            border: 1px solid var(--c-grey-2);
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            border-radius: 8px 8px 0 0;
-
-            &__left,
-            &__right {
-                display: flex;
-                align-items: center;
-
-                &__label {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-left: 16px;
-                }
-
-                &__sat {
-                    font-size: 14px;
-                    line-height: 20px;
-                    color: var(--c-grey-6);
-                    margin-right: 16px;
-                }
-
-                &__link {
-                    max-height: 16px;
-                }
-
-                &__link:focus {
-
-                    svg :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-
-        &__item {
-            display: flex;
-            align-items: center;
-            border-top: 1px solid var(--c-grey-2);
-            padding: 16px;
-            width: calc(100% - 32px);
-            cursor: pointer;
-
-            &__label {
-                margin-left: 16px;
-                font-size: 14px;
-                line-height: 20px;
-                color: var(--c-grey-6);
-            }
-
-            &:last-of-type {
-                border-radius: 0 0 8px 8px;
-            }
-
-            &:hover {
-                background-color: var(--c-grey-1);
-
-                p {
-                    color: var(--c-blue-3);
-                }
-
-                :deep(path) {
-                    fill: var(--c-blue-3);
-                }
-            }
-
-            &:focus {
-                background-color: var(--c-grey-1);
-            }
-        }
-    }
-
-    &__arrow {
-        transition-duration: 0.5s;
-    }
-
-    &__arrow.active {
-        transform: rotate(180deg) scaleX(-1);
-
-        :deep(path) {
-            fill: var(--c-blue-3);
-        }
-    }
-
-    &__arrow.hovered {
-
-        :deep(path) {
-            fill: var(--c-blue-3);
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/MyProjects.vue b/web/satellite/src/views/all-dashboard/components/MyProjects.vue
deleted file mode 100644
index ed90aa4f440a..000000000000
--- a/web/satellite/src/views/all-dashboard/components/MyProjects.vue
+++ /dev/null
@@ -1,329 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div ref="content" class="my-projects">
-        <div class="my-projects__header">
-            <div class="my-projects__header__title">
-                <span>My Projects</span>
-                <span class="my-projects__header__title__views">
-                    <span
-                        class="my-projects__header__title__views__icon"
-                        @click="() => onViewChangeClicked('table')"
-                    >
-                        <table-icon />
-                    </span>
-                    <span
-                        class="my-projects__header__title__views__icon"
-                        @click="() => onViewChangeClicked('cards')"
-                    >
-                        <cards-icon />
-                    </span>
-                </span>
-            </div>
-
-            <span class="my-projects__header__right">
-                <span class="my-projects__header__right__text">View</span>
-                <v-chip
-                    class="my-projects__header__right__table-chip"
-                    label="Table"
-                    :is-selected="isTableViewSelected"
-                    :icon="TableIcon"
-                    @select="() => onViewChangeClicked('table')"
-                />
-
-                <v-chip
-                    class="my-projects__header__right__card-chip"
-                    label="Cards"
-                    :is-selected="!isTableViewSelected"
-                    :icon="CardsIcon"
-                    @select="() => onViewChangeClicked('cards')"
-                />
-
-                <VButton
-                    class="my-projects__header__right__mobile-button"
-                    icon="addcircle"
-                    border-radius="8px"
-                    font-size="12px"
-                    is-white
-                    :on-press="handleCreateProjectClick"
-                    label="Create New Project"
-                />
-
-                <VButton
-                    class="my-projects__header__right__button"
-                    icon="addcircle"
-                    border-radius="8px"
-                    font-size="12px"
-                    is-white
-                    :on-press="handleCreateProjectClick"
-                    label="Create a Project"
-                />
-            </span>
-        </div>
-
-        <all-projects-dashboard-banners v-if="content" :parent-ref="content" />
-
-        <div
-            v-if="projects.length || invites.length" class="my-projects__list"
-            :style="{'padding': isTableViewSelected && isMobile ? '0' : '0 20px'}"
-        >
-            <projects-table v-if="isTableViewSelected" :invites="invites" class="my-projects__list__table" />
-            <div v-else-if="!isTableViewSelected" class="my-projects__list__cards">
-                <project-invitation-item v-for="invite in invites" :key="invite.projectID" :invitation="invite" />
-                <project-item v-for="project in projects" :key="project.id" :project="project" />
-            </div>
-        </div>
-        <div v-else class="my-projects__empty-area">
-            <empty-project-item class="my-projects__empty-area__item" />
-            <rocket-icon class="my-projects__empty-area__icon" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-
-import { Project, ProjectInvitation } from '@/types/projects';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useResize } from '@/composables/resize';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useNotify } from '@/utils/hooks';
-import { useCreateProjectClickHandler } from '@/composables/useCreateProjectClickHandler';
-
-import EmptyProjectItem from '@/views/all-dashboard/components/EmptyProjectItem.vue';
-import ProjectItem from '@/views/all-dashboard/components/ProjectItem.vue';
-import ProjectInvitationItem from '@/views/all-dashboard/components/ProjectInvitationItem.vue';
-import ProjectsTable from '@/views/all-dashboard/components/ProjectsTable.vue';
-import AllProjectsDashboardBanners from '@/views/all-dashboard/components/AllProjectsDashboardBanners.vue';
-import VButton from '@/components/common/VButton.vue';
-import VChip from '@/components/common/VChip.vue';
-
-import RocketIcon from '@/../static/images/common/rocket.svg';
-import CardsIcon from '@/../static/images/common/cardsIcon.svg';
-import TableIcon from '@/../static/images/common/tableIcon.svg';
-
-const billingStore = useBillingStore();
-const appStore = useAppStore();
-const configStore = useConfigStore();
-const projectsStore = useProjectsStore();
-
-const { handleCreateProjectClick } = useCreateProjectClickHandler();
-const notify = useNotify();
-const { isMobile } = useResize();
-
-const content = ref<HTMLElement | null>(null);
-
-const hasProjectTableViewConfigured = ref(appStore.hasProjectTableViewConfigured());
-
-/**
- * Whether to use the table view.
- */
-const isTableViewSelected = computed((): boolean => {
-    if (!hasProjectTableViewConfigured.value && projects.value.length > 8) {
-        // show the table by default if the user has more than 8 projects.
-        return true;
-    }
-    return appStore.state.isProjectTableViewEnabled;
-});
-
-/**
- * Returns projects list from store.
- */
-const projects = computed((): Project[] => {
-    return projectsStore.projects;
-});
-
-/**
- * Returns project member invitations list from store.
- */
-const invites = computed((): ProjectInvitation[] => {
-    return projectsStore.state.invitations.slice()
-        .sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
-});
-
-function onViewChangeClicked(view: string): void {
-    appStore.toggleProjectTableViewEnabled(view === 'table');
-    hasProjectTableViewConfigured.value = true;
-}
-
-onMounted(async () => {
-    if (!(configStore.state.config.nativeTokenPaymentsEnabled && configStore.state.config.billingFeaturesEnabled)) {
-        return;
-    }
-
-    try {
-        await Promise.all([
-            billingStore.getBalance(),
-            billingStore.getCreditCards(),
-            billingStore.getNativePaymentsHistory(),
-        ]);
-    } catch (error) {
-        notify.notifyError(error, AnalyticsErrorEventSource.ALL_PROJECT_DASHBOARD);
-    }
-});
-</script>
-
-<style scoped lang="scss">
-.my-projects {
-
-    &__header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding: 0 20px;
-
-        @media screen and (width <= 500px) {
-            margin-top: 20px;
-            flex-direction: column;
-            align-items: start;
-            gap: 20px;
-
-            &__title {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                width: 100%;
-
-                &__views {
-                    display: flex !important;
-                    align-items: center;
-                    justify-content: flex-end;
-                    column-gap: 5px;
-
-                    &__icon {
-                        height: 24px;
-                        width: 24px;
-
-                        :deep(path),
-                        :deep(rect){
-                            fill: var(--c-black);
-                        }
-                    }
-                }
-            }
-        }
-
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-weight: 700;
-            font-size: 24px;
-            line-height: 31px;
-
-            @media screen and (width <= 500px) {
-                font-size: 18px;
-                line-height: 27px;
-            }
-
-            &__views {
-                display: none;
-            }
-        }
-
-        &__right {
-            font-family: 'font_regular', sans-serif;
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-            column-gap: 12px;
-
-            @media screen and (width <= 500px) {
-                width: 100%;
-
-                &__text,
-                &__button,
-                &__table-chip,
-                &__card-chip {
-                    display: none;
-                }
-
-                &__mobile-button {
-                    display: flex !important;
-                }
-            }
-
-            &__text {
-                font-size: 12px;
-                line-height: 18px;
-                color: var(--c-grey-6);
-
-            }
-
-            &__button,
-            &__mobile-button {
-                padding: 10px 16px;
-                box-shadow: 0 0 20px rgb(0 0 0 / 4%);
-
-                :deep(.label) {
-                    color: var(--c-black) !important;
-                    font-weight: 700;
-                    line-height: 20px;
-                }
-            }
-
-            &__mobile-button {
-                display: none;
-            }
-        }
-    }
-
-    & :deep(.all-dashboard-banners) {
-        padding: 0 20px;
-    }
-
-    &__list {
-        margin-top: 20px;
-
-        &__cards {
-            display: grid;
-            gap: 10px;
-            grid-template-columns: repeat(4, minmax(0, 1fr));
-
-            & :deep(.project-item), &:deep(.invite-item) {
-                overflow: hidden;
-            }
-
-            @media screen and (width <= 1024px) {
-                grid-template-columns: repeat(3, minmax(0, 1fr));
-            }
-
-            @media screen and (width <= 786px) {
-                grid-template-columns: repeat(2, minmax(0, 1fr));
-            }
-
-            @media screen and (width <= 425px) {
-                grid-template-columns: auto;
-            }
-        }
-    }
-
-    &__empty-area {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding-top: 60px;
-        position: relative;
-
-        &__item {
-            position: absolute;
-            top: 30px;
-            left: 0;
-        }
-
-        @media screen and (width <= 425px) {
-
-            & :deep(.empty-project-item) {
-                width: 100%;
-                box-sizing: border-box;
-            }
-
-            &__icon {
-                display: none;
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/ProjectInvitationItem.vue b/web/satellite/src/views/all-dashboard/components/ProjectInvitationItem.vue
deleted file mode 100644
index 166dd9d15439..000000000000
--- a/web/satellite/src/views/all-dashboard/components/ProjectInvitationItem.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="invite-item">
-        <project-ownership-tag class="invite-item__tag" :role="ProjectRole.Invited" />
-
-        <div class="invite-item__info">
-            <p class="invite-item__info__name">{{ invitation.projectName }}</p>
-            <p class="invite-item__info__description">{{ invitation.projectDescription }}</p>
-        </div>
-
-        <div class="invite-item__buttons">
-            <VButton
-                class="invite-item__buttons__button"
-                width="fit-content"
-                border-radius="8px"
-                font-size="12px"
-                :is-disabled="isLoading"
-                :on-press="onJoinClicked"
-            >
-                <span class="invite-item__buttons__button__join-label">Join Project</span>
-                <span class="invite-item__buttons__button__join-label-mobile">Join</span>
-            </VButton>
-            <VButton
-                class="invite-item__buttons__button decline"
-                border-radius="8px"
-                font-size="12px"
-                :is-disabled="isLoading"
-                :is-transparent="true"
-                :on-press="onDeclineClicked"
-                label="Decline"
-            />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-import { ProjectRole } from '@/types/projectMembers';
-import { ProjectInvitation, ProjectInvitationResponse } from '@/types/projects';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import ProjectOwnershipTag from '@/components/project/ProjectOwnershipTag.vue';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-
-const isLoading = ref<boolean>(false);
-
-const props = withDefaults(defineProps<{
-    invitation?: ProjectInvitation,
-}>(), {
-    invitation: () => new ProjectInvitation('', '', '', '', new Date()),
-});
-
-/**
- * Displays the Join Project modal.
- */
-function onJoinClicked(): void {
-    projectsStore.selectInvitation(props.invitation);
-    appStore.updateActiveModal(MODALS.joinProject);
-}
-
-/**
- * Declines the project member invitation.
- */
-async function onDeclineClicked(): Promise<void> {
-    if (isLoading.value) return;
-    isLoading.value = true;
-
-    try {
-        await projectsStore.respondToInvitation(props.invitation.projectID, ProjectInvitationResponse.Decline);
-        analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
-    } catch (error) {
-        error.message = `Failed to decline project invitation. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
-    }
-
-    try {
-        await projectsStore.getUserInvitations();
-        await projectsStore.getProjects();
-    } catch (error) {
-        error.message = `Failed to reload projects and invitations list. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
-    }
-
-    isLoading.value = false;
-}
-
-</script>
-
-<style scoped lang="scss">
-.invite-item {
-    display: flex;
-    align-items: stretch;
-    flex-direction: column;
-    gap: 16px;
-    padding: 24px;
-    background: var(--c-white);
-    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
-    border-radius: 8px;
-
-    &__tag {
-        align-self: flex-start;
-    }
-
-    &__info {
-        display: flex;
-        gap: 4px;
-        flex-direction: column;
-
-        &__name {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            text-align: start;
-        }
-
-        &__description {
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            min-height: 20px;
-            color: var(--c-grey-6);
-            line-height: 20px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-    }
-
-    &__buttons {
-        display: flex;
-        gap: 10px;
-
-        &__button {
-            line-height: 20px;
-            padding: 10px 16px;
-
-            &__join-label-mobile {
-                display: none;
-            }
-
-            @media screen and (width <= 520px) and (width > 425px) {
-
-                &__join-label {
-                    display: none;
-                }
-
-                &__join-label-mobile {
-                    display: inline;
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/ProjectItem.vue b/web/satellite/src/views/all-dashboard/components/ProjectItem.vue
deleted file mode 100644
index 700fbb28b322..000000000000
--- a/web/satellite/src/views/all-dashboard/components/ProjectItem.vue
+++ /dev/null
@@ -1,261 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div v-if="project?.id" class="project-item">
-        <div class="project-item__header">
-            <project-ownership-tag :role="isOwner ? ProjectRole.Owner : ProjectRole.Member" />
-
-            <a
-                v-click-outside="closeDropDown" href="" class="project-item__header__menu"
-                :class="{open: isDropdownOpen}" @click.stop.prevent="toggleDropDown"
-            >
-                <menu-icon />
-            </a>
-
-            <div v-if="isDropdownOpen" class="project-item__header__dropdown">
-                <div v-if="isOwner" class="project-item__header__dropdown__item" @click.stop.prevent="goToProjectEdit">
-                    <gear-icon />
-                    <p class="project-item__header__dropdown__item__label">Project settings</p>
-                </div>
-
-                <div class="project-item__header__dropdown__item" @click.stop.prevent="goToProjectMembers">
-                    <users-icon />
-                    <p class="project-item__header__dropdown__item__label">Invite members</p>
-                </div>
-            </div>
-        </div>
-
-        <div class="project-item__info">
-            <p class="project-item__info__name">{{ project.name }}</p>
-            <p class="project-item__info__description">{{ project.description }}</p>
-        </div>
-
-        <VButton
-            class="project-item__button"
-            width="fit-content"
-            border-radius="8px"
-            font-size="12px"
-            :on-press="onOpenClicked"
-            label="Open Project"
-        />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { Project } from '@/types/projects';
-import { ProjectRole } from '@/types/projectMembers';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { User } from '@/types/users';
-import { LocalData } from '@/utils/localData';
-import { RouteConfig } from '@/types/router';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import ProjectOwnershipTag from '@/components/project/ProjectOwnershipTag.vue';
-
-import GearIcon from '@/../static/images/common/gearIcon.svg';
-import UsersIcon from '@/../static/images/navigation/users.svg';
-import MenuIcon from '@/../static/images/allDashboard/menu.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-
-const props = withDefaults(defineProps<{
-    project?: Project,
-}>(), {
-    project: () => new Project(),
-});
-
-/**
- * isDropdownOpen if dropdown is open.
- */
-const isDropdownOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === props.project.id;
-});
-
-/**
- * Returns user entity from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * Returns if the current user is the owner of this project.
- */
-const isOwner = computed((): boolean => {
-    return props.project.ownerId === user.value.id;
-});
-
-function toggleDropDown() {
-    appStore.toggleActiveDropdown(props.project.id);
-}
-
-function closeDropDown() {
-    appStore.closeDropdowns();
-}
-
-/**
- * Fetches all project related information.
- */
-async function onOpenClicked(): Promise<void> {
-    await selectProject();
-    if (usersStore.shouldOnboard) {
-        analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
-        await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
-        return;
-    }
-    analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
-
-    if (usersStore.state.settings.passphrasePrompt) {
-        appStore.updateActiveModal(MODALS.enterPassphrase);
-    }
-    analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-    await router.push(RouteConfig.ProjectDashboard.path);
-}
-
-async function selectProject() {
-    projectsStore.selectProject(props.project.id);
-    LocalData.setSelectedProjectId(props.project.id);
-    pmStore.setSearchQuery('');
-
-    bucketsStore.clearS3Data();
-}
-
-/**
- * Navigates to project members page.
- */
-async function goToProjectMembers(): Promise<void> {
-    await selectProject();
-    analyticsStore.pageVisit(RouteConfig.Team.path);
-    await router.push(RouteConfig.Team.path);
-    closeDropDown();
-}
-
-/**
- * Fetches all project related information and goes to edit project page.
- */
-async function goToProjectEdit(): Promise<void> {
-    await selectProject();
-    analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
-    await router.push(RouteConfig.EditProjectDetails.path);
-    closeDropDown();
-}
-</script>
-
-<style scoped lang="scss">
-.project-item {
-    display: flex;
-    align-items: stretch;
-    flex-direction: column;
-    gap: 16px;
-    padding: 24px;
-    background: var(--c-white);
-    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
-    border-radius: 8px;
-
-    &__header {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        position: relative;
-
-        &__menu {
-            width: 24px;
-            height: 24px;
-            place-content: center center;
-            display: flex;
-            align-items: center;
-            border-radius: 4px;
-            position: relative;
-
-            &.open {
-                background: var(--c-grey-3);
-            }
-        }
-
-        &__dropdown {
-            position: absolute;
-            top: 30px;
-            right: 0;
-            background: #fff;
-            box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-            border: 1px solid var(--c-grey-2);
-            border-radius: 8px;
-            width: 100%;
-            z-index: 100;
-
-            &__item {
-                display: flex;
-                align-items: center;
-                padding: 15px 25px;
-                color: var(--c-grey-6);
-                cursor: pointer;
-
-                &__label {
-                    font-family: 'font_regular', sans-serif;
-                    margin: 0 0 0 10px;
-                }
-
-                &:hover {
-                    background-color: var(--c-grey-1);
-                    font-family: 'font_medium', sans-serif;
-                    color: var(--c-blue-3);
-
-                    svg :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-    }
-
-    &__info {
-        display: flex;
-        gap: 4px;
-        flex-direction: column;
-
-        &__name {
-            font-family: 'font_bold', sans-serif;
-            font-size: 24px;
-            line-height: 31px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            text-align: start;
-        }
-
-        &__description {
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            min-height: 20px;
-            color: var(--c-grey-6);
-            line-height: 20px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-    }
-
-    &__button {
-        padding: 10px 16px;
-        line-height: 20px;
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/ProjectTableInvitationItem.vue b/web/satellite/src/views/all-dashboard/components/ProjectTableInvitationItem.vue
deleted file mode 100644
index e136ee3c1f11..000000000000
--- a/web/satellite/src/views/all-dashboard/components/ProjectTableInvitationItem.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        item-type="shared-project"
-        :item="itemToRender"
-        class="invitation-item"
-    >
-        <template #options>
-            <th class="overflow-visible">
-                <div class="options">
-                    <v-button
-                        :loading="isLoading"
-                        :disabled="isLoading"
-                        :on-press="onJoinClicked"
-                        border-radius="8px"
-                        font-size="12px"
-                        label="Join Project"
-                        class="invitation-item__button"
-                    />
-                    <v-button
-                        :loading="isLoading"
-                        :disabled="isLoading"
-                        :on-press="onJoinClicked"
-                        border-radius="8px"
-                        font-size="12px"
-                        label="Join"
-                        class="invitation-item__mobile-button"
-                    />
-                    <div class="invitation-item__menu">
-                        <div class="invitation-item__menu__icon" @click.stop="toggleDropDown">
-                            <div class="invitation-item__menu__icon__content" :class="{open: isDropdownOpen}">
-                                <menu-icon />
-                            </div>
-                        </div>
-
-                        <div v-if="isDropdownOpen" v-click-outside="closeDropDown" class="invitation-item__menu__dropdown">
-                            <div class="invitation-item__menu__dropdown__item" @click.stop="onDeclineClicked">
-                                <logout-icon />
-                                <p class="invitation-item__menu__dropdown__item__label">Decline invite</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </th>
-        </template>
-        <menu-icon />
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { ProjectRole } from '@/types/projectMembers';
-import { ProjectInvitation, ProjectInvitationResponse } from '@/types/projects';
-import { useNotify } from '@/utils/hooks';
-import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useAppStore } from '@/store/modules/appStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useResize } from '@/composables/resize';
-import { useLoading } from '@/composables/useLoading';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VButton from '@/components/common/VButton.vue';
-import TableItem from '@/components/common/TableItem.vue';
-
-import MenuIcon from '@/../static/images/common/horizontalDots.svg';
-import LogoutIcon from '@/../static/images/navigation/logout.svg';
-
-const analyticsStore = useAnalyticsStore();
-const appStore = useAppStore();
-const projectsStore = useProjectsStore();
-const notify = useNotify();
-
-const { isLoading, withLoading } = useLoading();
-
-const props = defineProps<{
-    invitation: ProjectInvitation,
-}>();
-
-const { isMobile, screenWidth } = useResize();
-
-const itemToRender = computed((): { [key: string]: unknown | string[] } => {
-    if (screenWidth.value <= 600 && !isMobile.value) {
-        return {
-            multi: { title: props.invitation.projectName, subtitle: props.invitation.projectDescription },
-        };
-    }
-    if (screenWidth.value <= 850 && !isMobile.value) {
-        return {
-            multi: { title: props.invitation.projectName, subtitle: props.invitation.projectDescription },
-            role: ProjectRole.Invited,
-        };
-    }
-    if (isMobile.value) {
-        return { info: [ props.invitation.projectName, props.invitation.projectDescription ] };
-    }
-
-    return {
-        multi: { title: props.invitation.projectName, subtitle: props.invitation.projectDescription },
-        date: props.invitation.invitedDate,
-        memberCount: '',
-        role: ProjectRole.Invited,
-    };
-});
-
-/**
- * isDropdownOpen if dropdown is open.
- */
-const isDropdownOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === props.invitation.projectID;
-});
-
-/**
- * Displays the Join Project modal.
- */
-function onJoinClicked(): void {
-    projectsStore.selectInvitation(props.invitation);
-    appStore.updateActiveModal(MODALS.joinProject);
-}
-
-/**
- * Declines the project member invitation.
- */
-function onDeclineClicked(): void {
-    withLoading(async () => {
-        try {
-            await projectsStore.respondToInvitation(props.invitation.projectID, ProjectInvitationResponse.Decline);
-            analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
-        } catch (error) {
-            error.message = `Failed to decline project invitation. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
-        }
-
-        try {
-            await projectsStore.getUserInvitations();
-            await projectsStore.getProjects();
-        } catch (error) {
-            error.message = `Failed to reload projects and invitations list. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
-        }
-    });
-}
-
-function toggleDropDown() {
-    appStore.toggleActiveDropdown(props.invitation.projectID);
-}
-
-function closeDropDown() {
-    appStore.closeDropdowns();
-}
-
-</script>
-
-<style scoped lang="scss">
-.invitation-item {
-
-    .options {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        column-gap: 20px;
-        padding-right: 10px;
-
-        @media screen and (width <= 900px) {
-            column-gap: 10px;
-        }
-    }
-
-    &__button {
-        padding: 10px 16px;
-
-        @media screen and (width <= 900px) {
-            display: none;
-        }
-    }
-
-    &__mobile-button {
-        display: none;
-        padding: 10px 16px;
-
-        @media screen and (width <= 900px) {
-            display: flex;
-        }
-    }
-
-    &__menu {
-        position: relative;
-        cursor: pointer;
-
-        &__icon {
-
-            &__content {
-                height: 32px;
-                width: 32px;
-                padding: 12px 5px;
-                border-radius: 5px;
-                box-sizing: border-box;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                &.open {
-                    background: var(--c-grey-3);
-                }
-            }
-        }
-
-        &__dropdown {
-            position: absolute;
-            top: 40px;
-            right: 0;
-            background: #fff;
-            box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-            border: 1px solid var(--c-grey-2);
-            border-radius: 8px;
-            z-index: 100;
-            overflow: hidden;
-
-            &__item {
-                display: flex;
-                align-items: center;
-                width: 200px;
-                padding: 15px;
-                color: var(--c-grey-6);
-                cursor: pointer;
-
-                &__label {
-                    font-family: 'font_regular', sans-serif;
-                    margin: 0 0 0 10px;
-                }
-
-                &:hover {
-                    font-family: 'font_medium', sans-serif;
-                    color: var(--c-blue-3);
-                    background-color: var(--c-grey-1);
-
-                    svg :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/ProjectTableItem.vue b/web/satellite/src/views/all-dashboard/components/ProjectTableItem.vue
deleted file mode 100644
index ff932eeeb343..000000000000
--- a/web/satellite/src/views/all-dashboard/components/ProjectTableItem.vue
+++ /dev/null
@@ -1,290 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <table-item
-        :item-type="isOwner ? 'project' : 'shared-project'"
-        :item="itemToRender"
-        :on-click="onOpenClicked"
-        class="project-item"
-    >
-        <template #options>
-            <th class="overflow-visible">
-                <div class="options">
-                    <v-button
-                        :on-press="onOpenClicked"
-                        is-white
-                        border-radius="8px"
-                        font-size="12px"
-                        label="Open Project"
-                        class="project-item__button"
-                    />
-                    <v-button
-                        :on-press="onOpenClicked"
-                        is-white
-                        border-radius="8px"
-                        font-size="12px"
-                        label="Open"
-                        class="project-item__mobile-button"
-                    />
-                    <div class="project-item__menu">
-                        <div class="project-item__menu__icon" @click.stop="toggleDropDown">
-                            <div class="project-item__menu__icon__content" :class="{open: isDropdownOpen}">
-                                <menu-icon />
-                            </div>
-                        </div>
-
-                        <div v-if="isDropdownOpen" v-click-outside="closeDropDown" class="project-item__menu__dropdown">
-                            <div v-if="isOwner" class="project-item__menu__dropdown__item" @click.stop="goToProjectEdit">
-                                <gear-icon />
-                                <p class="project-item__menu__dropdown__item__label">Project settings</p>
-                            </div>
-
-                            <div class="project-item__menu__dropdown__item" @click.stop="goToProjectMembers">
-                                <users-icon />
-                                <p class="project-item__menu__dropdown__item__label">Invite members</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </th>
-        </template>
-        <menu-icon />
-    </table-item>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { ProjectRole } from '@/types/projectMembers';
-import { Project } from '@/types/projects';
-import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
-import { User } from '@/types/users';
-import { LocalData } from '@/utils/localData';
-import { RouteConfig } from '@/types/router';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useBucketsStore } from '@/store/modules/bucketsStore';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-import { useResize } from '@/composables/resize';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import TableItem from '@/components/common/TableItem.vue';
-import VButton from '@/components/common/VButton.vue';
-
-import UsersIcon from '@/../static/images/navigation/users.svg';
-import GearIcon from '@/../static/images/common/gearIcon.svg';
-import MenuIcon from '@/../static/images/common/horizontalDots.svg';
-
-const analyticsStore = useAnalyticsStore();
-const bucketsStore = useBucketsStore();
-const appStore = useAppStore();
-const pmStore = useProjectMembersStore();
-const usersStore = useUsersStore();
-const projectsStore = useProjectsStore();
-const router = useRouter();
-
-const props = defineProps<{
-    project: Project,
-}>();
-
-const { isMobile, screenWidth } = useResize();
-
-const itemToRender = computed((): { [key: string]: unknown | string[] } => {
-    if (screenWidth.value <= 600 && !isMobile.value) {
-        return {
-            multi: { title: props.project.name, subtitle: props.project.description },
-        };
-    }
-    if (screenWidth.value <= 850 && !isMobile.value) {
-        return {
-            multi: { title: props.project.name, subtitle: props.project.description },
-            role: isOwner.value ? ProjectRole.Owner : ProjectRole.Member,
-        };
-    }
-    if (isMobile.value) {
-        return { info: [ props.project.name, props.project.description ] };
-    }
-
-    return {
-        multi: { title: props.project.name, subtitle: props.project.description },
-        date: props.project.createdDate(),
-        memberCount: props.project.memberCount.toString(),
-        role: isOwner.value ? ProjectRole.Owner : ProjectRole.Member,
-    };
-});
-
-/**
- * isDropdownOpen if dropdown is open.
- */
-const isDropdownOpen = computed((): boolean => {
-    return appStore.state.activeDropdown === props.project.id;
-});
-
-/**
- * Returns user entity from store.
- */
-const user = computed((): User => {
-    return usersStore.state.user;
-});
-
-/**
- * Returns if the current user is the owner of this project.
- */
-const isOwner = computed((): boolean => {
-    return props.project.ownerId === user.value.id;
-});
-
-function toggleDropDown() {
-    appStore.toggleActiveDropdown(props.project.id);
-}
-
-function closeDropDown() {
-    appStore.closeDropdowns();
-}
-
-/**
- * Fetches all project related information.
- */
-async function onOpenClicked(): Promise<void> {
-    await selectProject();
-    if (usersStore.shouldOnboard) {
-        analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
-        await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
-        return;
-    }
-    analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
-
-    if (usersStore.state.settings.passphrasePrompt) {
-        appStore.updateActiveModal(MODALS.enterPassphrase);
-    }
-    analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
-    await router.push(RouteConfig.ProjectDashboard.path);
-}
-
-async function selectProject() {
-    projectsStore.selectProject(props.project.id);
-    LocalData.setSelectedProjectId(props.project.id);
-    pmStore.setSearchQuery('');
-
-    bucketsStore.clearS3Data();
-}
-
-/**
- * Navigates to project members page.
- */
-async function goToProjectMembers(): Promise<void> {
-    await selectProject();
-    analyticsStore.pageVisit(RouteConfig.Team.path);
-    await router.push(RouteConfig.Team.path);
-    closeDropDown();
-}
-
-/**
- * Fetches all project related information and goes to edit project page.
- */
-async function goToProjectEdit(): Promise<void> {
-    await selectProject();
-    analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
-    await router.push(RouteConfig.EditProjectDetails.path);
-    closeDropDown();
-}
-</script>
-
-<style scoped lang="scss">
-.project-item {
-
-    .options {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        column-gap: 20px;
-        padding-right: 10px;
-
-        @media screen and (width <= 900px) {
-            column-gap: 10px;
-        }
-    }
-
-    &__button {
-        padding: 10px 16px;
-        box-shadow: 0 0 20px 0 rgb(0 0 0 / 4%);
-
-        @media screen and (width <= 900px) {
-            display: none;
-        }
-    }
-
-    &__mobile-button {
-        display: none;
-        padding: 10px 16px;
-        box-shadow: 0 0 20px 0 rgb(0 0 0 / 4%);
-
-        @media screen and (width <= 900px) {
-            display: flex;
-        }
-    }
-
-    &__menu {
-        position: relative;
-        cursor: pointer;
-
-        &__icon {
-
-            &__content {
-                height: 32px;
-                width: 32px;
-                padding: 12px 5px;
-                border-radius: 5px;
-                box-sizing: border-box;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                &.open {
-                    background: var(--c-grey-3);
-                }
-            }
-        }
-
-        &__dropdown {
-            position: absolute;
-            top: 40px;
-            right: 0;
-            background: #fff;
-            box-shadow: 0 7px 20px rgb(0 0 0 / 15%);
-            border: 1px solid var(--c-grey-2);
-            border-radius: 8px;
-            z-index: 100;
-            overflow: hidden;
-
-            &__item {
-                display: flex;
-                align-items: center;
-                width: 200px;
-                padding: 15px;
-                color: var(--c-grey-6);
-                cursor: pointer;
-
-                &__label {
-                    font-family: 'font_regular', sans-serif;
-                    margin: 0 0 0 10px;
-                }
-
-                &:hover {
-                    font-family: 'font_medium', sans-serif;
-                    color: var(--c-blue-3);
-                    background-color: var(--c-grey-1);
-
-                    svg :deep(path) {
-                        fill: var(--c-blue-3);
-                    }
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue b/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue
deleted file mode 100644
index 35deba04cfa5..000000000000
--- a/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <v-table
-        :total-items-count="projects.length + invites?.length || 0"
-        class="projects-table"
-        items-label="projects"
-    >
-        <template #head>
-            <th class="align-left">Project</th>
-            <th class="date-added align-left">Date Added</th>
-            <th class="members align-left">Members</th>
-            <th class="role align-left">Role</th>
-        </template>
-        <template #body>
-            <project-table-invitation-item
-                v-for="(invite, key) in invites"
-                :key="key"
-                :invitation="invite"
-            />
-            <project-table-item
-                v-for="(project, key) in projects"
-                :key="key"
-                :project="project"
-            />
-        </template>
-    </v-table>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-import { Project, ProjectInvitation } from '@/types/projects';
-import { useProjectsStore } from '@/store/modules/projectsStore';
-
-import ProjectTableItem from '@/views/all-dashboard/components/ProjectTableItem.vue';
-import ProjectTableInvitationItem from '@/views/all-dashboard/components/ProjectTableInvitationItem.vue';
-import VTable from '@/components/common/VTable.vue';
-
-const projectsStore = useProjectsStore();
-
-const props = withDefaults(defineProps<{
-    invites?: ProjectInvitation[],
-}>(), {
-    invites: () => [],
-});
-
-/**
- * Returns projects list from store.
- */
-const projects = computed((): Project[] => {
-    return projectsStore.projects;
-});
-
-</script>
-
-<style scoped lang="scss">
-.projects-table {
-    @media screen and (width <= 550px) {
-
-        :deep(.table-footer), :deep(.base-table) {
-            border-radius: 0;
-        }
-    }
-}
-
-@media screen and (width <= 850px) {
-
-    .date-added, .members {
-        display: none;
-    }
-}
-
-@media screen and (width <= 600px) {
-
-    .role {
-        display: none;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/web/satellite/src/views/dashboard/DashboardArea.vue b/web/satellite/src/views/dashboard/DashboardArea.vue
deleted file mode 100644
index fb00e32a2d65..000000000000
--- a/web/satellite/src/views/dashboard/DashboardArea.vue
+++ /dev/null
@@ -1,574 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <div class="dashboard">
-        <BrandedLoader v-if="isLoading" />
-        <SessionWrapper v-else>
-            <template #default="session">
-                <div class="dashboard__wrap">
-                    <div class="dashboard__wrap__main-area">
-                        <NavigationArea v-if="!isNavigationHidden" class="dashboard__wrap__main-area__navigation" />
-                        <MobileNavigation v-if="!isNavigationHidden" class="dashboard__wrap__main-area__mobile-navigation" />
-                        <div
-                            class="dashboard__wrap__main-area__content-wrap"
-                            :class="{ 'no-nav': isNavigationHidden }"
-                        >
-                            <div ref="dashboardContent" class="dashboard__wrap__main-area__content-wrap__container">
-                                <BetaSatBar v-if="isBetaSatellite" />
-                                <MFARecoveryCodeBar v-if="showMFARecoveryCodeBar" :open-generate-modal="toggleMFARecoveryModal" />
-                                <div class="dashboard__wrap__main-area__content-wrap__container__content banners">
-                                    <UpgradeNotification
-                                        v-if="isPaidTierBannerShown"
-                                        :open-add-p-m-modal="togglePMModal"
-                                    />
-
-                                    <v-banner
-                                        v-if="isAccountFrozen && !isLoading && dashboardContent && billingEnabled"
-                                        title="Your account was frozen due to billing issues."
-                                        message="Please update your payment information."
-                                        link-text="To Billing Page"
-                                        severity="critical"
-                                        :dashboard-ref="dashboardContent"
-                                        :on-link-click="redirectToBillingPage"
-                                    />
-
-                                    <v-banner
-                                        v-if="isAccountWarned && !isLoading && dashboardContent && billingEnabled"
-                                        title="Your account will be frozen soon due to billing issues."
-                                        message="Please update your payment information."
-                                        link-text="To Billing Page"
-                                        severity="warning"
-                                        :dashboard-ref="dashboardContent"
-                                        :on-link-click="redirectToBillingPage"
-                                    />
-
-                                    <limit-warning-banners
-                                        v-if="dashboardContent && billingEnabled"
-                                        :reached-thresholds="reachedThresholds"
-                                        :dashboard-ref="dashboardContent"
-                                        :on-upgrade-click="togglePMModal"
-                                        :on-banner-click="thresh => limitModalThreshold = thresh"
-                                    />
-                                </div>
-                                <router-view class="dashboard__wrap__main-area__content-wrap__container__content" />
-                                <div class="dashboard__wrap__main-area__content-wrap__container__content banners-bottom">
-                                    <UploadNotification
-                                        v-if="isLargeUploadWarningNotificationShown"
-                                        wording-bold="Trying to upload a large file?"
-                                        wording="Check the recommendations for your use case"
-                                        :notification-icon="WarningIcon"
-                                        info-notification
-                                        :on-close-click="onWarningNotificationCloseClick"
-                                    />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div v-if="session.debugTimerShown.value && !isLoading" class="dashboard__debug-timer">
-                    <p>Remaining session time: <b class="dashboard__debug-timer__bold">{{ session.debugTimerText.value }}</b></p>
-                </div>
-                <limit-warning-modal
-                    v-if="limitModalThreshold && !isLoading && billingEnabled"
-                    :reached-thresholds="reachedThresholds"
-                    :threshold="limitModalThreshold"
-                    :on-close="() => limitModalThreshold = null"
-                    :on-upgrade="togglePMModal"
-                />
-                <AllModals />
-                <ObjectsUploadingModal v-if="isObjectsUploadModal" />
-            </template>
-        </SessionWrapper>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
-import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
-import { RouteConfig } from '@/types/router';
-import { CouponType } from '@/types/coupons';
-import { LimitThreshold, LimitType, Project, LimitThresholdsReached } from '@/types/projects';
-import { FetchState } from '@/utils/constants/fetchStateEnum';
-import { LocalData } from '@/utils/localData';
-import { User } from '@/types/users';
-import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
-import { useNotify } from '@/utils/hooks';
-import { MODALS } from '@/utils/constants/appStatePopUps';
-import { useABTestingStore } from '@/store/modules/abTestingStore';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { useBillingStore } from '@/store/modules/billingStore';
-import { useAppStore } from '@/store/modules/appStore';
-import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
-import { DEFAULT_PROJECT_LIMITS, useProjectsStore } from '@/store/modules/projectsStore';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-import { Memory } from '@/utils/bytesSize';
-
-import UploadNotification from '@/components/notifications/UploadNotification.vue';
-import NavigationArea from '@/components/navigation/NavigationArea.vue';
-import SessionWrapper from '@/components/utils/SessionWrapper.vue';
-import BetaSatBar from '@/components/infoBars/BetaSatBar.vue';
-import MFARecoveryCodeBar from '@/components/infoBars/MFARecoveryCodeBar.vue';
-import AllModals from '@/components/modals/AllModals.vue';
-import MobileNavigation from '@/components/navigation/MobileNavigation.vue';
-import LimitWarningModal from '@/components/modals/LimitWarningModal.vue';
-import VBanner from '@/components/common/VBanner.vue';
-import UpgradeNotification from '@/components/notifications/UpgradeNotification.vue';
-import BrandedLoader from '@/components/common/BrandedLoader.vue';
-import ObjectsUploadingModal from '@/components/modals/objectUpload/ObjectsUploadingModal.vue';
-import LimitWarningBanners from '@/views/dashboard/components/LimitWarningBanners.vue';
-
-import WarningIcon from '@/../static/images/notifications/circleWarning.svg';
-
-const analyticsStore = useAnalyticsStore();
-const configStore = useConfigStore();
-const appStore = useAppStore();
-const agStore = useAccessGrantsStore();
-const billingStore = useBillingStore();
-const usersStore = useUsersStore();
-const abTestingStore = useABTestingStore();
-const projectsStore = useProjectsStore();
-
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-// Minimum number of recovery codes before the recovery code warning bar is shown.
-const recoveryCodeWarningThreshold = 4;
-
-const limitModalThreshold = ref<LimitThreshold | null>(null);
-
-const dashboardContent = ref<HTMLElement | null>(null);
-
-/**
- * Indicates if billing features are enabled.
- */
-const billingEnabled = computed<boolean>(() => configStore.state.config.billingFeaturesEnabled);
-
-/**
- * Indicates whether objects upload modal should be shown.
- */
-const isObjectsUploadModal = computed((): boolean => {
-    return appStore.state.isUploadingModal;
-});
-
-/**
- * Indicates if account was frozen due to billing issues.
- */
-const isAccountFrozen = computed((): boolean => {
-    return usersStore.state.user.freezeStatus.frozen;
-});
-
-/**
- * Indicates if account was warned due to billing issues.
- */
-const isAccountWarned = computed((): boolean => {
-    return usersStore.state.user.freezeStatus.warned;
-});
-
-/**
- * Returns which limit thresholds have been reached by which usage limit type.
- */
-const reachedThresholds = computed((): LimitThresholdsReached => {
-    const reached: LimitThresholdsReached = {
-        Eighty: [],
-        Hundred: [],
-        CustomEighty: [],
-        CustomHundred: [],
-    };
-
-    const currentLimits = projectsStore.state.currentLimits;
-    const config = configStore.state.config;
-
-    if (isAccountFrozen.value || currentLimits === DEFAULT_PROJECT_LIMITS) return reached;
-
-    type LimitInfo = {
-        used: number;
-        currentLimit: number;
-        paidLimit?: number;
-    };
-
-    const info: Record<LimitType, LimitInfo> = {
-        Storage: {
-            used: currentLimits.storageUsed,
-            currentLimit: currentLimits.storageLimit,
-            paidLimit: parseConfigLimit(config.defaultPaidStorageLimit),
-        },
-        Egress: {
-            used: currentLimits.bandwidthUsed,
-            currentLimit: currentLimits.bandwidthLimit,
-            paidLimit: parseConfigLimit(config.defaultPaidBandwidthLimit),
-        },
-        Segment: {
-            used: currentLimits.segmentUsed,
-            currentLimit: currentLimits.segmentLimit,
-        },
-    };
-
-    (Object.entries(info) as [LimitType, LimitInfo][]).forEach(([limitType, info]) => {
-        const maxLimit = (isPaidTier.value && info.paidLimit) ? Math.max(info.currentLimit, info.paidLimit) : info.currentLimit;
-        if (info.used >= maxLimit) {
-            reached.Hundred.push(limitType);
-        } else if (info.used >= 0.8 * maxLimit) {
-            reached.Eighty.push(limitType);
-        } else if (isPaidTier.value) {
-            if (info.used >= info.currentLimit) {
-                reached.CustomHundred.push(limitType);
-            } else if (info.used >= 0.8 * info.currentLimit) {
-                reached.CustomEighty.push(limitType);
-            }
-        }
-    });
-
-    return reached;
-});
-
-/**
- * Indicates if navigation sidebar is hidden.
- */
-const isNavigationHidden = computed((): boolean => {
-    return isOnboardingTour.value;
-});
-
-/* whether the paid tier banner should be shown */
-const isPaidTierBannerShown = computed((): boolean => {
-    return !isPaidTier.value
-        && !isOnboardingTour.value
-        && joinedWhileAgo.value
-        && isDashboardPage.value
-        && billingEnabled.value;
-});
-
-/* whether the user joined more than 7 days ago */
-const joinedWhileAgo = computed((): boolean => {
-    const createdAt = usersStore.state.user.createdAt as Date | null;
-    if (!createdAt) return true; // true so we can show the banner regardless
-    const millisPerDay = 24 * 60 * 60 * 1000;
-    return ((Date.now() - createdAt.getTime()) / millisPerDay) > 7;
-});
-
-/**
- * Indicates if current route is onboarding tour.
- */
-const isOnboardingTour = computed((): boolean => {
-    return route.path.includes(RouteConfig.OnboardingTour.path);
-});
-
-/**
- * Indicates if satellite is in beta.
- */
-const isBetaSatellite = computed((): boolean => {
-    return configStore.state.config.isBetaSatellite;
-});
-
-/**
- * Indicates if loading screen is active.
- */
-const isLoading = computed((): boolean => {
-    return appStore.state.fetchState === FetchState.LOADING;
-});
-
-/**
- * Indicates whether the MFA recovery code warning bar should be shown.
- */
-const showMFARecoveryCodeBar = computed((): boolean => {
-    const user: User = usersStore.state.user;
-    return user.isMFAEnabled && user.mfaRecoveryCodeCount < recoveryCodeWarningThreshold;
-});
-
-/**
- * Indicates whether the large upload warning notification should be shown (file uploading exceeds 1GB).
- */
-const isLargeUploadWarningNotificationShown = computed((): boolean => {
-    return appStore.state.isLargeUploadWarningNotificationShown;
-});
-
-/**
- * Indicates if current route is the dashboard page.
- */
-const isDashboardPage = computed((): boolean => {
-    return route.name === RouteConfig.ProjectDashboard.name;
-});
-
-/**
- * Returns whether user is in the paid tier.
- */
-const isPaidTier = computed((): boolean => {
-    return usersStore.state.user.paidTier;
-});
-
-/**
- * Closes upload large files warning notification.
- */
-function onWarningNotificationCloseClick(): void {
-    appStore.setLargeUploadWarningNotification(false);
-}
-
-/**
- * Stores project to vuex store and browser's local storage.
- * @param projectID - project id string
- */
-function storeProject(projectID: string): void {
-    projectsStore.selectProject(projectID);
-    LocalData.setSelectedProjectId(projectID);
-}
-
-/**
- * Checks if stored project is in fetched projects array and selects it.
- * Selects first fetched project if check is not successful.
- * @param fetchedProjects - fetched projects array
- */
-function selectProject(fetchedProjects: Project[]): void {
-    const storedProjectID = LocalData.getSelectedProjectId();
-    const isProjectInFetchedProjects = fetchedProjects.some(project => project.id === storedProjectID);
-    if (storedProjectID && isProjectInFetchedProjects) {
-        storeProject(storedProjectID);
-
-        return;
-    }
-
-    // Length of fetchedProjects array is checked before selectProject() function call.
-    storeProject(fetchedProjects[0].id);
-}
-
-/**
- * Toggles MFA recovery modal visibility.
- */
-function toggleMFARecoveryModal(): void {
-    appStore.updateActiveModal(MODALS.mfaRecovery);
-}
-
-/**
- * Opens add payment method modal.
- */
-function togglePMModal(): void {
-    if (isPaidTier.value || !billingEnabled.value) return;
-    appStore.updateActiveModal(MODALS.upgradeAccount);
-}
-
-/**
- * Redirects to Billing Page.
- */
-async function redirectToBillingPage(): Promise<void> {
-    await router.push(RouteConfig.Account.with(RouteConfig.Billing.with(RouteConfig.BillingPaymentMethods)).path);
-}
-
-/**
- * Parses limit value from config, returning it as a byte amount.
- */
-function parseConfigLimit(limit: string): number {
-    const [value, unit] = limit.split(' ');
-    return parseFloat(value) * Memory[unit === 'B' ? 'Bytes' : unit];
-}
-
-/**
- * Lifecycle hook after initial render.
- * Pre-fetches user`s and project information.
- */
-onMounted(async () => {
-    try {
-        await Promise.all([
-            usersStore.getUser(),
-            abTestingStore.fetchValues(),
-            usersStore.getSettings(),
-        ]);
-    } catch (error) {
-        if (!(error instanceof ErrorUnauthorized)) {
-            appStore.changeState(FetchState.ERROR);
-            notify.notifyError(error, AnalyticsErrorEventSource.OVERALL_APP_WRAPPER_ERROR);
-        }
-
-        setTimeout(async () => await router.push(RouteConfig.Login.path), 1000);
-
-        return;
-    }
-
-    try {
-        agStore.stopWorker();
-        await agStore.startWorker();
-    } catch (error) {
-        notify.error('Unable to set access grants wizard. You may be able to fix this by doing a hard-refresh or clearing your cache.', AnalyticsErrorEventSource.OVERALL_APP_WRAPPER_ERROR);
-        // We do this in case user goes to DevTools to check if anything is there.
-        // This also might be useful for us since we improve error handling.
-        console.error(error.message);
-    }
-
-    if (billingEnabled.value) {
-        try {
-            const couponType = await billingStore.setupAccount();
-            if (couponType === CouponType.NoCoupon) {
-                notify.error(`The coupon code was invalid, and could not be applied to your account`, AnalyticsErrorEventSource.OVERALL_APP_WRAPPER_ERROR);
-            }
-
-            if (couponType === CouponType.SignupCoupon) {
-                notify.success(`The coupon code was added successfully`);
-            }
-        } catch (error) {
-            error.message = `Unable to setup account. ${error.message}`;
-            notify.notifyError(error, AnalyticsErrorEventSource.OVERALL_APP_WRAPPER_ERROR);
-        }
-    }
-
-    try {
-        await projectsStore.getUserInvitations();
-    } catch (error) {
-        error.message = `Unable to get project invitations. ${error.message}`;
-        notify.notifyError(error, AnalyticsErrorEventSource.OVERALL_APP_WRAPPER_ERROR);
-    }
-
-    let projects: Project[] = [];
-
-    try {
-        projects = await projectsStore.getProjects();
-    } catch (error) {
-        return;
-    }
-
-    if (projects.length) selectProject(projects);
-
-    appStore.changeState(FetchState.LOADED);
-});
-</script>
-
-<style scoped lang="scss">
-    .dashboard {
-        height: 100%;
-        background-color: #f5f6fa;
-        display: flex;
-        flex-direction: column;
-
-        &__wrap {
-            display: flex;
-            flex-direction: column;
-            height: 100%;
-
-            &__main-area {
-                position: fixed;
-                display: flex;
-                width: 100%;
-                height: 100%;
-
-                &__mobile-navigation {
-                    display: none;
-                }
-
-                &__content-wrap {
-                    width: 100%;
-                    height: 100%;
-                    min-width: 0;
-
-                    &__container {
-                        height: 100%;
-                        overflow-y: auto;
-                        display: flex;
-                        flex-direction: column;
-                        align-items: center;
-
-                        &__content {
-                            max-width: 1200px;
-                            padding-top: 48px;
-                            padding-left: 48px;
-                            padding-right: 48px;
-                            box-sizing: border-box;
-                            width: 100%;
-
-                            &.banners {
-                                display: flex;
-                                flex-direction: column;
-                                gap: 16px;
-
-                                &:empty {
-                                    display: none;
-                                }
-                            }
-
-                            &.banners-bottom {
-                                display: flex;
-                                flex-direction: column;
-                                gap: 16px;
-                                padding-top: 16px;
-                                padding-bottom: 48px;
-                                flex-grow: 1;
-                                justify-content: flex-end;
-
-                                &:empty {
-                                    padding-top: 0;
-                                    padding-bottom: 0;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-
-        &__debug-timer {
-            display: flex;
-            position: absolute;
-            top: 20px;
-            left: 50%;
-            transform: translateX(-50%);
-            padding: 16px;
-            z-index: 10000;
-            background-color: #fec;
-            font-family: 'font_regular', sans-serif;
-            font-size: 14px;
-            border: 1px solid var(--c-yellow-2);
-            border-radius: 10px;
-            box-shadow: 0 7px 20px rgba(0 0 0 / 15%);
-
-            &__bold {
-                font-family: 'font_medium', sans-serif;
-            }
-        }
-    }
-
-    .no-nav {
-        width: 100%;
-    }
-
-    @media screen and (width <= 1280px) {
-
-        .regular-navigation {
-            display: none;
-        }
-
-        .no-nav {
-            width: 100%;
-        }
-    }
-
-    @media screen and (width <= 800px) {
-
-        .dashboard__wrap__main-area__content-wrap__container__content {
-            padding: 32px 24px 0;
-        }
-    }
-
-    @media screen and (width <= 500px) {
-
-        .dashboard__wrap__main-area {
-            flex-direction: column;
-
-            &__content-wrap {
-                height: calc(100% - 4rem);
-
-                &__container {
-                    height: 100%;
-                    margin-bottom: 0;
-                }
-            }
-
-            &__navigation {
-                display: none;
-            }
-
-            &__mobile-navigation {
-                display: block;
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/src/views/dashboard/components/LimitWarningBanners.vue b/web/satellite/src/views/dashboard/components/LimitWarningBanners.vue
deleted file mode 100644
index 64f772e0c098..000000000000
--- a/web/satellite/src/views/dashboard/components/LimitWarningBanners.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-// Copyright (C) 2023 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <v-banner
-        v-for="threshold in activeThresholds"
-        :key="threshold"
-        :title="bannerText[threshold].value.title"
-        :message="bannerText[threshold].value.message"
-        :severity="isHundred(threshold) ? 'critical' : 'warning'"
-        :link-text="!isPaidTier ? 'Upgrade Now' : isCustom(threshold) ? 'Edit Limits' : 'Contact Support'"
-        :href="(isPaidTier && !isCustom(threshold)) ? requestURL : undefined"
-        :dashboard-ref="dashboardRef"
-        :on-click="() => onBannerClick(threshold)"
-        :on-link-click="() => onLinkClick(threshold)"
-    />
-</template>
-
-<script setup lang="ts">
-import { computed, ComputedRef } from 'vue';
-import { useRouter } from 'vue-router';
-
-import { LimitThreshold, LimitThresholdsReached } from '@/types/projects';
-import { humanizeArray } from '@/utils/strings';
-import { useUsersStore } from '@/store/modules/usersStore';
-import { RouteConfig } from '@/types/router';
-import { useConfigStore } from '@/store/modules/configStore';
-import { useAnalyticsStore } from '@/store/modules/analyticsStore';
-
-import VBanner from '@/components/common/VBanner.vue';
-
-const usersStore = useUsersStore();
-const configStore = useConfigStore();
-const analyticsStore = useAnalyticsStore();
-
-const router = useRouter();
-
-const props = defineProps<{
-    reachedThresholds: LimitThresholdsReached;
-    onBannerClick: (threshold: LimitThreshold) => void;
-    onUpgradeClick: () => void;
-    dashboardRef: HTMLElement;
-}>();
-
-/**
- * Returns the limit thresholds that have been reached by at least 1 usage type.
- */
-const activeThresholds = computed<LimitThreshold[]>(() => {
-    return (Object.keys(LimitThreshold) as LimitThreshold[]).filter(t => props.reachedThresholds[t].length);
-});
-
-/**
- * Returns whether user is in the paid tier.
- */
-const isPaidTier = computed<boolean>(() => {
-    return usersStore.state.user.paidTier;
-});
-
-type BannerText = {
-    title: string;
-    message: string;
-};
-
-const bannerText = {} as Record<LimitThreshold, ComputedRef<BannerText>>;
-(Object.keys(LimitThreshold) as LimitThreshold[]).forEach(thresh => {
-    bannerText[thresh] = computed<BannerText>(() => {
-        let limitText = humanizeArray(props.reachedThresholds[thresh]).toLowerCase() + ' limit';
-        if (props.reachedThresholds[thresh].length > 1) limitText += 's';
-
-        const custom = isCustom(thresh);
-        const hundred = isHundred(thresh);
-
-        const title = hundred
-            ? `URGENT: You've reached the ${limitText} for your project.`
-            : `You've used 80% of your ${limitText}.`;
-
-        let message: string;
-        if (!isPaidTier.value) {
-            message = hundred
-                ? 'Upgrade to avoid any service interruptions.'
-                : 'Avoid interrupting your usage by upgrading your account.';
-        } else {
-            message = custom
-                ? 'You can increase your limits in the Project Settings page.'
-                : 'Contact support to avoid any service interruptions.';
-        }
-
-        return { title, message };
-    });
-});
-
-/**
- * Returns the URL for the general request page from the store.
- */
-const requestURL = computed<string>(() => {
-    return configStore.state.config.generalRequestURL;
-});
-
-/**
- * Returns whether the threshold represents 100% usage.
- */
-function isHundred(threshold: LimitThreshold): boolean {
-    return threshold.toLowerCase().includes('hundred');
-}
-
-/**
- * Returns whether the threshold is for a custom limit.
- */
-function isCustom(threshold: LimitThreshold): boolean {
-    return threshold.toLowerCase().includes('custom');
-}
-
-/**
- * Handles click event for link appended to banner.
- */
-function onLinkClick(threshold: LimitThreshold): void {
-    if (!isPaidTier.value) {
-        props.onUpgradeClick();
-        return;
-    }
-    if (isCustom(threshold)) {
-        analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
-        router.push(RouteConfig.EditProjectDetails.path);
-        return;
-    }
-}
-</script>
diff --git a/web/satellite/src/views/registration/RegisterArea.vue b/web/satellite/src/views/registration/RegisterArea.vue
deleted file mode 100644
index eb0d4ee07adb..000000000000
--- a/web/satellite/src/views/registration/RegisterArea.vue
+++ /dev/null
@@ -1,1621 +0,0 @@
-// Copyright (C) 2021 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-<template>
-    <registration-success v-if="codeActivationEnabled && confirmCode" :email="user.email" :signup-req-id="signupID" />
-    <div v-else class="register-area" @keyup.enter="onCreateClick">
-        <div
-            class="register-area__container"
-            :class="{'professional-container': isProfessional}"
-        >
-            <div class="register-area__intro-area">
-                <div class="register-area__logo-wrapper">
-                    <div v-if="!!viewConfig.partnerLogoTopUrl" class="register-area__logo-wrapper__container">
-                        <a :href="viewConfig.partnerUrl">
-                            <img
-                                :src="viewConfig.partnerLogoTopUrl"
-                                :srcset="viewConfig.partnerLogoTopUrl"
-                                alt="partner logo"
-                                class="register-area__logo-wrapper__logo logo"
-                            >
-                        </a>
-                    </div>
-                    <div v-if="viewConfig.partnerLogoTopUrl" class="logo-divider" />
-                    <div class="register-area__logo-wrapper__container">
-                        <LogoWithPartnerIcon v-if="viewConfig.partnerLogoTopUrl" class="logo-with-partner" @click="onLogoClick" />
-                        <LogoIcon v-else class="logo-no-partner" @click="onLogoClick" />
-                    </div>
-                </div>
-                <h1 class="register-area__intro-area__title">{{ viewConfig.title }}</h1>
-                <p v-if="viewConfig.description" class="register-area__intro-area__sub-title">{{ viewConfig.description }}</p>
-                <div class="register-area__intro-area__large-content">
-                    <!-- eslint-disable-next-line vue/no-v-html -->
-                    <div v-if="viewConfig.customHtmlDescription" class="register-area__intro-area__large-content__custom-html-container" v-html="viewConfig.customHtmlDescription" />
-                    <div v-if="!!viewConfig.partnerLogoBottomUrl" class="register-area__logo-wrapper bottom">
-                        <div class="register-area__logo-wrapper__container">
-                            <img :src="viewConfig.partnerLogoBottomUrl" :srcset="viewConfig.partnerLogoBottomUrl" alt="partner logo" class="register-area__logo-wrapper__logo wide">
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="register-area__input-area">
-                <div
-                    class="register-area__input-area__container"
-                    :class="{ 'professional-container': isProfessional }"
-                >
-                    <div class="register-area__input-area__container__title-area">
-                        <div class="register-area__input-area__container__title-container">
-                            <h1 class="register-area__input-area__container__title-area__title">Sign up and get 25 GB free</h1>
-                        </div>
-                        <div class="register-area__input-area__expand" @click.stop="toggleDropdown">
-                            <div class="register-area__input-area__info-button">
-                                <InfoIcon />
-                                <p class="register-area__input-area__info-button__message">
-                                    {{ viewConfig.tooltip }}
-                                </p>
-                            </div>
-                            <button
-                                id="registerDropdown"
-                                type="button"
-                                aria-haspopup="listbox"
-                                aria-roledescription="satellites-dropdown"
-                                :aria-expanded="isDropdownShown"
-                                class="register-area__input-area__expand__value"
-                            >
-                                {{ satelliteName }}
-                            </button>
-                            <BottomArrowIcon />
-                            <ul v-if="isDropdownShown" v-click-outside="closeDropdown" tabindex="-1" role="listbox" class="register-area__input-area__expand__dropdown">
-                                <li key="0" tabindex="0" role="option" class="register-area__input-area__expand__dropdown__item" @click.stop="closeDropdown">
-                                    <SelectedCheckIcon />
-                                    <span class="register-area__input-area__expand__dropdown__item__name">{{ satelliteName }}</span>
-                                </li>
-                                <li
-                                    v-for="(sat, index) in partneredSatellites"
-                                    :key="index + 1"
-                                    role="option"
-                                    tabindex="0"
-                                    :data-value="sat.name"
-                                    class="register-area__input-area__expand__dropdown__item"
-                                    @click="clickSatellite(sat.address)"
-                                    @keypress.enter="clickSatellite(sat.address)"
-                                >
-                                    {{ sat.name }}
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                    <p v-if="isInvited" class="register-area__input-area__container__invitation-text">
-                        {{ inviterEmail }} has invited you to a project on Storj. Create an account on the {{ satelliteName }} region to join it.
-                    </p>
-                    <div class="register-area__input-area__toggle__container">
-                        <ul class="register-area__input-area__toggle__wrapper">
-                            <li
-                                class="register-area__input-area__toggle__personal account-tab"
-                                :class="{ 'active': !isProfessional }"
-                                tabindex="0"
-                                @click.prevent="toggleAccountType(false)"
-                                @keydown.space.prevent="toggleAccountType(false)"
-                            >
-                                Personal
-                            </li>
-                            <li
-                                class="register-area__input-area__toggle__professional account-tab"
-                                :class="{ 'active': isProfessional }"
-                                aria-roledescription="professional-label"
-                                tabindex="0"
-                                @click.prevent="toggleAccountType(true)"
-                                @keydown.space.prevent="toggleAccountType(true)"
-                            >
-                                Business
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="register-area__input-wrapper first-input">
-                        <VInput
-                            label="Full Name"
-                            max-symbols="72"
-                            placeholder="Your Name"
-                            :error="fullNameError"
-                            role-description="name"
-                            @setData="setFullName"
-                        />
-                    </div>
-                    <div class="register-area__input-wrapper">
-                        <VInput
-                            label="Email Address"
-                            max-symbols="72"
-                            placeholder="email@example.com"
-                            :init-value="email"
-                            :disabled="!!email"
-                            :error="emailError"
-                            role-description="email"
-                            @setData="setEmail"
-                        />
-                    </div>
-                    <div v-if="isProfessional">
-                        <div class="register-area__input-wrapper">
-                            <VInput
-                                label="Company Name"
-                                max-symbols="72"
-                                placeholder="Acme Corp."
-                                :error="companyNameError"
-                                role-description="company-name"
-                                @setData="setCompanyName"
-                            />
-                        </div>
-                        <div class="register-area__input-wrapper">
-                            <VInput
-                                label="Position"
-                                max-symbols="72"
-                                placeholder="Position Title"
-                                :error="positionError"
-                                role-description="position"
-                                @setData="setPosition"
-                            />
-                        </div>
-                        <div class="register-area__input-wrapper">
-                            <SelectInput
-                                label="Employees"
-                                :options-list="employeeCountOptions"
-                                @setData="setEmployeeCount"
-                            />
-                        </div>
-                        <div class="register-area__input-wrapper">
-                            <SelectInput
-                                label="Storage needs"
-                                :options-list="storageNeedsOptions"
-                                @setData="setStorageNeeds"
-                            />
-                        </div>
-                    </div>
-                    <div class="register-input">
-                        <div class="register-area__input-wrapper">
-                            <VInput
-                                label="Password"
-                                placeholder="Enter Password"
-                                :error="passwordError"
-                                is-password
-                                role-description="password"
-                                @setData="setPassword"
-                                @showPasswordStrength="showPasswordStrength"
-                                @hidePasswordStrength="hidePasswordStrength"
-                            />
-                            <PasswordStrength
-                                :password-string="password"
-                                :is-shown="isPasswordStrengthShown"
-                            />
-                        </div>
-                    </div>
-                    <div class="register-area__input-wrapper">
-                        <VInput
-                            label="Retype Password"
-                            placeholder="Retype Password"
-                            :error="repeatedPasswordError"
-                            is-password
-                            role-description="retype-password"
-                            @setData="setRepeatedPassword"
-                        />
-                    </div>
-                    <AddCouponCodeInput v-if="couponCodeSignupUIEnabled" />
-                    <div v-if="isBetaSatellite" class="register-area__input-area__container__warning">
-                        <div class="register-area__input-area__container__warning__header">
-                            <label class="checkmark-container">
-                                <input tabindex="-1" type="checkbox" @change="onBetaTermsAcceptedToggled">
-                                <span class="checkmark" :class="{'error': areBetaTermsAcceptedError}" @keydown.space.prevent="onBetaTermsAcceptedToggled" />
-                            </label>
-                            <h2 class="register-area__input-area__container__warning__header__label">
-                                This is a BETA satellite
-                            </h2>
-                        </div>
-                        <p class="register-area__input-area__container__warning__message">
-                            This means any data you upload to this satellite can be
-                            deleted at any time and your storage/egress limits
-                            can fluctuate. To use our production service please
-                            create an account on one of our production Satellites.
-                            <a href="https://storj.io/signup/" target="_blank" rel="noopener noreferrer">https://storj.io/signup/</a>
-                        </p>
-                    </div>
-                    <div v-if="isProfessional" class="register-area__input-area__container__checkbox-area">
-                        <label class="checkmark-container">
-                            <input id="sales" v-model="haveSalesContact" tabindex="-1" type="checkbox">
-                            <span tabindex="0" class="checkmark" @keydown.space.prevent="toggleCheckbox" />
-                        </label>
-                        <label class="register-area__input-area__container__checkbox-area__msg-box" for="sales">
-                            <p class="register-area__input-area__container__checkbox-area__msg-box__msg">
-                                Please have the Sales Team contact me
-                            </p>
-                        </label>
-                    </div>
-                    <div class="register-area__input-area__container__checkbox-area">
-                        <label for="terms" class="checkmark-container">
-                            <input id="terms" tabindex="-1" type="checkbox" @change="onTermsAcceptedToggled">
-                            <span tabindex="0" class="checkmark" :class="{'error': isTermsAcceptedError}" @keydown.space.prevent="onTermsAcceptedToggled" />
-                        </label>
-                        <label class="register-area__input-area__container__checkbox-area__msg-box" for="terms">
-                            <p class="register-area__input-area__container__checkbox-area__msg-box__msg">
-                                I agree to the
-                                <a class="register-area__input-area__container__checkbox-area__msg-box__msg__link" href="https://storj.io/terms-of-service/" target="_blank" rel="noopener">Terms of Service</a>
-                                and
-                                <a class="register-area__input-area__container__checkbox-area__msg-box__msg__link" href="https://storj.io/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>
-                            </p>
-                        </label>
-                    </div>
-                    <VueHcaptcha
-                        v-if="captchaConfig.hcaptcha.enabled"
-                        ref="captcha"
-                        :sitekey="captchaConfig.hcaptcha.siteKey"
-                        :re-captcha-compat="false"
-                        size="invisible"
-                        @verify="onCaptchaVerified"
-                        @error="onCaptchaError"
-                    />
-                    <v-button
-                        class="register-area__input-area__container__button"
-                        width="100%"
-                        height="48px"
-                        :label="viewConfig.signupButtonLabel"
-                        border-radius="6px"
-                        :is-disabled="isLoading"
-                        :on-press="onCreateClick"
-                    />
-                    <div class="register-area__input-area__login-container">
-                        Already have an account? <router-link :to="loginPath" class="register-area__input-area__login-container__link">Login.</router-link>
-                    </div>
-                </div>
-            </div>
-            <div class="register-area__container__mobile-content">
-                <!-- eslint-disable-next-line vue/no-v-html -->
-                <div v-if="viewConfig.customHtmlDescription" class="register-area__container__mobile-content__custom-html-container" v-html="viewConfig.customHtmlDescription" />
-                <div v-if="!!viewConfig.partnerLogoBottomUrl" class="register-area__logo-wrapper">
-                    <div class="register-area__logo-wrapper__container">
-                        <img :src="viewConfig.partnerLogoBottomUrl" :srcset="viewConfig.partnerLogoBottomUrl" alt="partner logo" class="register-area__logo-wrapper__logo wide">
-                        <div class="logo-divider" />
-                        <LogoIcon class="logo" @click="onLogoClick" />
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { computed, ComputedRef, onBeforeMount, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import VueHcaptcha from '@hcaptcha/vue3-hcaptcha';
-
-import { AuthHttpApi } from '@/api/auth';
-import { RouteConfig } from '@/types/router';
-import { MultiCaptchaConfig, PartneredSatellite } from '@/types/config';
-import { User } from '@/types/users';
-import { useNotify } from '@/utils/hooks';
-import { useConfigStore } from '@/store/modules/configStore';
-import { Validator } from '@/utils/validation';
-
-import SelectInput from '@/components/common/SelectInput.vue';
-import PasswordStrength from '@/components/common/PasswordStrength.vue';
-import VButton from '@/components/common/VButton.vue';
-import VInput from '@/components/common/VInput.vue';
-import AddCouponCodeInput from '@/components/common/AddCouponCodeInput.vue';
-import RegistrationSuccess from '@/components/common/RegistrationSuccess.vue';
-
-import LogoWithPartnerIcon from '@/../static/images/partnerStorjLogo.svg';
-import LogoIcon from '@/../static/images/logo.svg';
-import SelectedCheckIcon from '@/../static/images/common/selectedCheck.svg';
-import BottomArrowIcon from '@/../static/images/common/lightBottomArrow.svg';
-import InfoIcon from '@/../static/images/register/info.svg';
-
-type ViewConfig = {
-    title: string;
-    partnerUrl: string;
-    partnerLogoTopUrl: string;
-    partnerLogoBottomUrl: string;
-    description: string;
-    customHtmlDescription: string;
-    signupButtonLabel: string;
-    tooltip: string;
-}
-
-// Storage needs dropdown options.
-const storageNeedsOptions = ['Less than 150TB', '150-499TB', '500-999TB', 'PB+'] as const;
-type StorageNeed = typeof storageNeedsOptions[number] | undefined;
-
-const user = ref(new User());
-const storageNeeds = ref<StorageNeed>();
-const viewConfig = ref<ViewConfig | null>(null);
-
-// DCS logic
-const secret = queryRef('token');
-
-const email = queryRef('email');
-const inviterEmail = queryRef('inviter_email');
-
-const isTermsAccepted = ref(false);
-const password = ref('');
-const repeatedPassword = ref('');
-
-// Only for beta sats (like US2).
-const areBetaTermsAccepted = ref(false);
-const areBetaTermsAcceptedError = ref(false);
-
-const fullNameError = ref('');
-const emailError = ref('');
-const passwordError = ref('');
-const repeatedPasswordError = ref('');
-const companyNameError = ref('');
-const employeeCountError = ref('');
-const storageNeedsError = ref('');
-const positionError = ref('');
-const isTermsAcceptedError = ref(false);
-const isLoading = ref(false);
-const isProfessional = ref(true);
-const haveSalesContact = ref(false);
-const confirmCode = ref(false);
-
-const signupID = ref('');
-
-const captchaError = ref(false);
-const captchaResponseToken = ref('');
-
-const isPasswordStrengthShown = ref(false);
-
-// DCS logic
-const isDropdownShown = ref(false);
-
-// Employee Count dropdown options
-const employeeCountOptions = ['1-50', '51-1000', '1001+'];
-
-const loginPath = RouteConfig.Login.path;
-
-const captcha = ref<VueHcaptcha | null>(null);
-
-const auth = new AuthHttpApi();
-
-const configStore = useConfigStore();
-const notify = useNotify();
-const router = useRouter();
-const route = useRoute();
-
-/**
- * Lifecycle hook before initial render.
- * Sets up variables from route params and loads config.
- */
-onBeforeMount(() => {
-    if (route.query.partner) {
-        user.value.partner = route.query.partner.toString();
-    }
-
-    if (route.query.promo) {
-        user.value.signupPromoCode = route.query.promo.toString();
-    }
-
-    try {
-        const config = require('@/views/registration/registrationViewConfig.json');
-        viewConfig.value = user.value.partner && config[user.value.partner] ? config[user.value.partner] : config['default'];
-    } catch (e) {
-        notify.error('No configuration file for registration page.', null);
-    }
-});
-
-/**
- * queryRef returns a computed reference to a query parameter.
- * Nonexistent keys or keys with no value produce an empty string.
- */
-function queryRef(key: string): ComputedRef<string> {
-    return computed((): string => {
-        const param = route.query[key] || '';
-        return (typeof param === 'string') ? param : (param[0] || '');
-    });
-}
-
-/**
- * Redirects to chosen satellite.
- */
-function clickSatellite(address): void {
-    window.location.href = address;
-}
-
-/**
- * Toggles satellite selection dropdown visibility (Tardigrade).
- */
-function toggleDropdown(): void {
-    if (isInvited.value) return;
-    isDropdownShown.value = !isDropdownShown.value;
-}
-
-/**
- * Closes satellite selection dropdown (Tardigrade).
- */
-function closeDropdown(): void {
-    isDropdownShown.value = false;
-}
-
-/**
- * Makes password strength container visible.
- */
-function showPasswordStrength(): void {
-    isPasswordStrengthShown.value = true;
-}
-
-/**
- * Hides password strength container.
- */
-function hidePasswordStrength(): void {
-    isPasswordStrengthShown.value = false;
-}
-
-/**
- * Validates input fields and proceeds user creation.
- */
-async function onCreateClick(): Promise<void> {
-    if (isLoading.value && !isDropdownShown.value) {
-        return;
-    }
-
-    const activeElement = document.activeElement;
-
-    if (activeElement && activeElement.id === 'registerDropdown') return;
-
-    if (isDropdownShown.value) {
-        isDropdownShown.value = false;
-        return;
-    }
-
-    await createUser();
-}
-
-/**
- * Redirects to storj.io homepage.
- */
-function onLogoClick(): void {
-    window.location.href = configStore.state.config.homepageURL;
-}
-
-/**
- * Sets user's email field from value string.
- */
-function setEmail(value: string): void {
-    user.value.email = value.trim();
-    emailError.value = '';
-}
-
-/**
- * Sets user's full name field from value string.
- */
-function setFullName(value: string): void {
-    user.value.fullName = value.trim();
-    fullNameError.value = '';
-}
-
-/**
- * Sets user's password field from value string.
- */
-function setPassword(value: string): void {
-    user.value.password = value;
-    password.value = value;
-    passwordError.value = '';
-}
-
-/**
- * Sets user's repeat password field from value string.
- */
-function setRepeatedPassword(value: string): void {
-    repeatedPassword.value = value;
-    repeatedPasswordError.value = '';
-}
-
-/**
- * This component's captcha configuration.
- */
-const captchaConfig = computed((): MultiCaptchaConfig => {
-    return configStore.state.config.captcha.registration;
-});
-
-/**
- * Name of the current satellite.
- */
-const satelliteName = computed((): string => {
-    return configStore.state.config.satelliteName;
-});
-
-/**
- * Information about partnered satellites, including name and signup link.
- */
-const partneredSatellites = computed((): PartneredSatellite[] => {
-    const config = configStore.state.config;
-    const satellites = config.partneredSatellites.filter(sat => sat.name !== config.satelliteName);
-    return satellites.map((s: PartneredSatellite) => {
-        s.address = `${s.address}/signup`;
-
-        if (user.value.partner) {
-            s.address = `${s.address}?partner=${user.value.partner}`;
-        }
-
-        return s;
-    });
-});
-
-/**
- * Returns whether the current URL's query parameters indicate that the user was
- * redirected from a project invitation link.
- */
-const isInvited = computed((): boolean => {
-    return !!inviterEmail.value && !!email.value;
-});
-
-/**
- * Returns true if signup activation code is enabled.
- */
-const codeActivationEnabled = computed((): boolean => {
-    return  configStore.state.config.signupActivationCodeEnabled;
-});
-
-/**
- * Indicates if satellite is in beta.
- */
-const isBetaSatellite = computed((): boolean => {
-    return configStore.state.config.isBetaSatellite;
-});
-
-/**
- * Indicates if coupon code ui is enabled
- */
-const couponCodeSignupUIEnabled = computed((): boolean => {
-    return configStore.state.config.couponCodeSignupUIEnabled;
-});
-
-/**
- * Sets user's company name field from value string.
- */
-function setCompanyName(value: string): void {
-    user.value.companyName = value.trim();
-    companyNameError.value = '';
-}
-
-/**
- * Sets user's company size field from value string.
- */
-function setEmployeeCount(value: string): void {
-    user.value.employeeCount = value;
-    employeeCountError.value = '';
-}
-
-/**
- * Sets user's storage needs field.
- */
-function setStorageNeeds(value: StorageNeed): void {
-    storageNeeds.value = value;
-    storageNeedsError.value = '';
-}
-
-/**
- * Sets user's position field from value string.
- */
-function setPosition(value: string): void {
-    user.value.position = value.trim();
-    positionError.value = '';
-}
-
-/**
- * toggle user account type
- */
-function toggleAccountType(value: boolean): void {
-    isProfessional.value = value;
-}
-
-/**
- * Handles captcha verification response.
- */
-function onCaptchaVerified(response: string): void {
-    captchaResponseToken.value = response;
-    captchaError.value = false;
-    createUser();
-}
-
-/**
- * Handles captcha error.
- */
-function onCaptchaError(): void {
-    captchaResponseToken.value = '';
-    notify.error('The captcha encountered an error. Please try again.', null);
-}
-
-/**
- * Executes when the Terms of Service checkbox has been toggled.
- */
-function onTermsAcceptedToggled(event: KeyboardEvent): void {
-    if (event.key === ' ' || event.code === 'Space' || event.keyCode === 32) {
-        const checkbox = ((event.target as HTMLElement).parentElement as HTMLLabelElement).control as HTMLInputElement;
-
-        checkbox.checked = !checkbox.checked;
-        checkbox.setAttribute('checked', String(checkbox.checked));
-
-        isTermsAccepted.value = checkbox.checked;
-        isTermsAcceptedError.value = false;
-
-    } else {
-        isTermsAccepted.value = (event.target as HTMLInputElement).checked;
-        isTermsAcceptedError.value = false;
-    }
-
-}
-
-/**
- * Executes when the beta satellite terms checkbox has been toggled.
- */
-function onBetaTermsAcceptedToggled(event: KeyboardEvent): void {
-    if (event.key === ' ' || event.code === 'Space' || event.keyCode === 32) {
-        const checkbox = ((event.target as HTMLElement).parentElement as HTMLLabelElement).control as HTMLInputElement;
-
-        checkbox.checked = !checkbox.checked;
-        checkbox.setAttribute('checked', String(checkbox.checked));
-
-        areBetaTermsAccepted.value = checkbox.checked;
-        isTermsAcceptedError.value = false;
-
-    } else {
-        areBetaTermsAccepted.value = (event.target as HTMLInputElement).checked;
-        areBetaTermsAcceptedError.value = false;
-    }
-}
-
-/**
- * Executes when the space bar is pressed on a focused checkbox.
- */
-function toggleCheckbox(event: Event): void {
-    const checkbox = ((event.target as HTMLElement).parentElement as HTMLLabelElement).control as HTMLInputElement;
-
-    checkbox.checked = !checkbox.checked;
-    checkbox.setAttribute('checked', String(checkbox.checked));
-}
-
-/**
- * Validates input values to satisfy expected rules.
- */
-function validateFields(): boolean {
-    let isNoErrors = true;
-
-    if (!user.value.fullName) {
-        fullNameError.value = 'Name can\'t be empty';
-        isNoErrors = false;
-    }
-
-    if (!isEmailValid()) {
-        emailError.value = 'Invalid Email';
-        isNoErrors = false;
-    }
-
-    const config = configStore.state.config;
-
-    if (password.value.length < config.passwordMinimumLength || password.value.length > config.passwordMaximumLength) {
-        passwordError.value = 'Invalid Password';
-        isNoErrors = false;
-    }
-
-    if (isProfessional.value) {
-
-        if (!user.value.companyName) {
-            companyNameError.value = 'No Company Name filled in';
-            isNoErrors = false;
-        }
-
-        if (!user.value.position) {
-            positionError.value = 'No Position filled in';
-            isNoErrors = false;
-        }
-
-        if (!user.value.employeeCount) {
-            employeeCountError.value = 'No Company Size filled in';
-            isNoErrors = false;
-        }
-
-        if (!storageNeeds.value) {
-            storageNeedsError.value = 'Storage Needs not filled in';
-            isNoErrors = false;
-        }
-
-    }
-
-    if (repeatedPassword.value !== password.value) {
-        repeatedPasswordError.value = 'Password doesn\'t match';
-        isNoErrors = false;
-    }
-
-    if (!isTermsAccepted.value) {
-        isTermsAcceptedError.value = true;
-        isNoErrors = false;
-    }
-
-    // only for beta US2 sats.
-    if (isBetaSatellite.value && !areBetaTermsAccepted.value) {
-        areBetaTermsAcceptedError.value = true;
-        isNoErrors = false;
-    }
-
-    if (user.value.partner.length > 100) {
-        notify.error('Partner must be less than or equal to 100 characters', null);
-        return false;
-    }
-
-    if (user.value.signupPromoCode.length > 100) {
-        notify.error('Promo code must be less than or equal to 100 characters', null);
-        return false;
-    }
-
-    return isNoErrors;
-}
-
-/**
- * Detect if user uses Brave browser
- */
-async function detectBraveBrowser(): Promise<boolean> {
-    return (navigator['brave'] && await navigator['brave'].isBrave() || false);
-}
-
-/**
- * Validates email string.
- * We'll use strict email validation for new users instead of using regular Validator.email method because of backwards compatibility.
- * We don't want to block old users who managed to create and verify their accounts with some weird email addresses.
- */
-function isEmailValid(): boolean {
-    return Validator.email(user.value.email, true);
-}
-
-/**
- * Creates user and toggles successful registration area visibility.
- */
-async function createUser(): Promise<void> {
-
-    const activeElement = document.activeElement;
-
-    if (activeElement && activeElement.classList.contains('account-tab')) {
-        return;
-    }
-
-    if (!validateFields()) {
-        return;
-    }
-
-    if (captcha.value && !captchaResponseToken.value) {
-        captcha.value?.execute();
-        return;
-    }
-
-    isLoading.value = true;
-    user.value.isProfessional = isProfessional.value;
-    user.value.haveSalesContact = haveSalesContact.value;
-
-    try {
-        signupID.value = await auth.register({ ...user.value, storageNeeds: storageNeeds.value, isMinimal: false }, secret.value, captchaResponseToken.value);
-
-        if (!codeActivationEnabled.value) {
-            // Brave browser conversions are tracked via the RegisterSuccess path in the satellite app
-            // signups outside of the brave browser may use a configured URL to track conversions
-            // if the URL is not configured, the RegisterSuccess path will be used for non-Brave browsers
-            const internalRegisterSuccessPath = RouteConfig.RegisterSuccess.path;
-            const configuredRegisterSuccessPath = configStore.state.config.optionalSignupSuccessURL || internalRegisterSuccessPath;
-
-            const nonBraveSuccessPath = `${configuredRegisterSuccessPath}?email=${encodeURIComponent(user.value.email)}`;
-            const braveSuccessPath = `${internalRegisterSuccessPath}?email=${encodeURIComponent(user.value.email)}`;
-
-            await detectBraveBrowser() ? await router.push(braveSuccessPath) : window.location.href = nonBraveSuccessPath;
-        } else {
-            confirmCode.value = true;
-        }
-    } catch (error) {
-        notify.notifyError(error);
-    }
-
-    captcha.value?.reset();
-    captchaResponseToken.value = '';
-    isLoading.value = false;
-}
-</script>
-
-<style scoped lang="scss">
-    .text-blue {
-        color: var(--c-blue-3);
-    }
-    %subtitle-text {
-        max-width: 550px;
-        margin-top: 16px;
-        margin-bottom: 16px;
-        font-size: 16px;
-        font-family: 'font_regular', sans-serif;
-        line-height: 28px;
-        text-align: left;
-        color: #233A6B;
-    }
-
-    .logo-divider {
-        border-left: 1px solid var(--c-light-blue-2);
-        height: 40px;
-        margin: 0 10px;
-    }
-
-    .register-area {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        font-family: 'font_regular', sans-serif;
-        background-color: #f5f6fa;
-        box-sizing: border-box;
-        position: fixed;
-        inset: 0;
-        overflow-y: scroll;
-        padding-top: 80px;
-        height: 100vh;
-
-        &__logo-wrapper {
-            display: flex;
-            align-items: center;
-            justify-content: flex-start;
-            height: 52px;
-            margin-bottom: 32px;
-
-            &__container {
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                height: 100%;
-            }
-
-            &__logo {
-                height: 66px;
-                max-width: 250px;
-                max-height: 66px;
-
-                &.wide {
-                    object-fit: cover;
-                    width: auto;
-                    height: 56px;
-                    max-width: unset;
-
-                    @media screen and (width <= 1024px) {
-                        object-fit: contain;
-                        max-width: 45%;
-                    }
-                }
-            }
-
-            &.bottom {
-                margin: 27px 0 0;
-            }
-        }
-
-        &__input-wrapper.first-input {
-            margin-top: 20px;
-        }
-
-        &__container {
-            display: flex;
-            width: 75%;
-            justify-content: center;
-            max-width: 1500px;
-
-            @media screen and (width <= 1600px) {
-                width: 90%;
-            }
-
-            &__mobile-content {
-                @media screen and (width >= 1025px) {
-                    display: none;
-                }
-
-                .register-area__logo-wrapper {
-                    display: block;
-                    margin-top: 24px;
-
-                    &__container {
-                        justify-content: center;
-                    }
-                }
-
-                &__custom-html-container {
-                    margin-top: 27px;
-
-                    :deep(p) {
-                        @extend %subtitle-text;
-
-                        text-align: center;
-
-                        strong {
-                            font-family: 'font_bold', sans-serif;
-                        }
-
-                        a {
-                            text-decoration: underline !important;
-                            color: inherit !important;
-                        }
-                    }
-
-                    :deep(ol) {
-                        @extend %subtitle-text;
-
-                        list-style-position: inside;
-                    }
-                }
-            }
-        }
-
-        &__intro-area {
-            box-sizing: border-box;
-            overflow: hidden;
-            padding: 40px 0 60px;
-            max-width: 40%;
-            margin-right: 80px;
-
-            &__wrapper {
-                width: 80%;
-            }
-
-            &__title {
-                font-family: 'font_bold', sans-serif;
-                font-size: 38px;
-                font-style: normal;
-                font-weight: 800;
-                line-height: 51px;
-                letter-spacing: -1px;
-                text-align: left;
-                color: #091C45;
-            }
-
-            &__sub-title {
-                @extend %subtitle-text;
-            }
-
-            &__large-content {
-
-                &__custom-html-container {
-                    padding-bottom: 27px;
-
-                    :deep(p) {
-                        @extend %subtitle-text;
-
-                        strong {
-                            font-family: 'font_bold', sans-serif;
-                        }
-
-                        a {
-                            text-decoration: underline !important;
-                            color: inherit !important;
-                        }
-                    }
-
-                    :deep(ol) {
-                        @extend %subtitle-text;
-
-                        list-style-position: inside;
-                    }
-                }
-
-            }
-        }
-
-        &__input-area {
-            box-sizing: border-box;
-            padding: 20px 40px;
-            background-color: #fff;
-            border-radius: 20px;
-            width: 50%;
-            border: 1px solid #eee;
-            margin-bottom: 40px;
-
-            &__expand {
-                display: flex;
-                align-items: center;
-                cursor: pointer;
-                position: relative;
-
-                &__value {
-                    font-family: 'font_regular', sans-serif;
-                    font-weight: 700;
-                    font-size: 16px;
-                    line-height: 21px;
-                    color: #777;
-                    margin-right: 10px;
-                    border: none;
-                    cursor: pointer;
-                    background: transparent;
-
-                    &:hover {
-                        color: var(--c-blue-3);
-                    }
-                }
-
-                &__dropdown {
-                    position: absolute;
-                    top: 35px;
-                    right: 0;
-                    background-color: #fff;
-                    z-index: 1000;
-                    border: 1px solid #c5cbdb;
-                    box-shadow: 0 8px 34px rgb(161 173 185 / 41%);
-                    border-radius: 6px;
-                    min-width: 250px;
-
-                    &__item {
-                        display: flex;
-                        align-items: center;
-                        justify-content: flex-start;
-                        padding: 12px 25px;
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: #7e8b9c;
-                        cursor: pointer;
-                        text-decoration: none;
-                        border-radius: 6px;
-
-                        &__name {
-                            font-family: 'font_bold', sans-serif;
-                            margin-left: 15px;
-                            font-size: 14px;
-                            line-height: 20px;
-                            color: #333;
-                        }
-
-                        &:hover {
-                            background-color: #f2f2f6;
-                        }
-                    }
-                }
-            }
-
-            &__info-button {
-                position: relative;
-                cursor: pointer;
-                margin-right: 6px;
-                height: 18px;
-
-                &:hover p {
-                    visibility: visible;
-                }
-
-                &__image {
-                    cursor: pointer;
-                }
-
-                & svg {
-                    width: 18px;
-                    height: 18px;
-                }
-
-                &__message {
-                    position: absolute;
-                    top: 150%;
-                    right: 12px;
-                    transform: translateX(50%);
-                    visibility: hidden;
-                    background-color: var(--c-grey-6);
-                    text-align: center;
-                    border-radius: 4px;
-                    font-family: 'font-medium', sans-serif;
-                    color: white;
-                    font-size: 12px;
-                    line-height: 18px;
-                    width: 221px;
-                    box-sizing: border-box;
-                    padding: 10px 8px;
-                    z-index: 1001;
-
-                    &:after {
-                        content: '';
-                        position: absolute;
-                        bottom: 100%;
-                        left: 50%;
-                        border-width: 5px;
-                        border-style: solid;
-                        border-color: var(--c-grey-6) transparent transparent;
-                        transform: rotate(180deg);
-                    }
-                }
-            }
-
-            &__toggle {
-
-                &__wrapper {
-                    display: flex;
-                    justify-content: space-between;
-                    margin: 14px 0 22px;
-                    list-style: none;
-                    padding: 0;
-                }
-
-                &__personal {
-                    border-top-left-radius: 6px;
-                    border-bottom-left-radius: 6px;
-                    border-right: none;
-                }
-
-                &__professional {
-                    border-top-right-radius: 6px;
-                    border-bottom-right-radius: 6px;
-                    border-left: none;
-                    position: relative;
-                    right: 1px;
-                }
-
-                &__personal,
-                &__professional {
-                    color: var(--c-blue-3);
-                    display: block;
-                    width: 100%;
-                    text-align: center;
-                    padding: 8px;
-                    border: 1px solid var(--c-blue-3);
-                    cursor: pointer;
-                }
-
-                &__personal.active,
-                &__professional.active {
-                    color: #fff;
-                    background: var(--c-blue-4);
-                }
-            }
-
-            &__container {
-
-                &__title-area {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    &__title {
-                        font-size: 18px;
-                        line-height: 49px;
-                        color: #000;
-                        font-family: 'font_bold', sans-serif;
-                        font-weight: 800;
-                        white-space: nowrap;
-                    }
-
-                    &__satellite {
-                        font-size: 16px;
-                        line-height: 21px;
-                        color: #848484;
-                    }
-                }
-
-                &__invitation-text {
-                    font-size: 16px;
-                    line-height: 24px;
-                }
-
-                &__warning {
-                    margin-top: 30px;
-                    padding: 15px;
-                    width: calc(100% - 32px);
-                    background: #fff9f7;
-                    border: 1px solid #f84b00;
-                    border-radius: 8px;
-
-                    &__header {
-                        display: flex;
-                        align-items: center;
-
-                        &__label {
-                            font-style: normal;
-                            font-family: 'font_bold', sans-serif;
-                            font-size: 16px;
-                            line-height: 19px;
-                            color: #1b2533;
-                            margin: 0;
-                        }
-                    }
-
-                    &__message {
-                        font-size: 16px;
-                        line-height: 22px;
-                        color: #1b2533;
-                        margin: 8px 0 0;
-                    }
-                }
-
-                &__checkbox-area {
-                    display: flex;
-                    align-items: center;
-                    width: 100%;
-                    margin-top: 30px;
-
-                    &__msg-box {
-                        font-size: 14px;
-                        line-height: 20px;
-                        color: #354049;
-
-                        &__msg {
-                            position: relative;
-                            top: 2px;
-
-                            &__link {
-                                margin: 0 4px;
-                                font-family: 'font_bold', sans-serif;
-                                color: #000;
-                                text-decoration: underline !important;
-
-                                &:visited {
-                                    color: inherit;
-                                }
-
-                                &:focus {
-                                    color: var(--c-blue-3);
-                                }
-                            }
-                        }
-                    }
-                }
-
-                &__button {
-                    margin-top: 30px;
-                }
-
-            }
-
-            &__footer {
-                display: flex;
-                justify-content: center;
-                align-items: flex-start;
-                margin-top: 40px;
-                width: 100%;
-
-                &__copyright {
-                    font-size: 12px;
-                    line-height: 18px;
-                    color: #384b65;
-                    padding-bottom: 20px;
-                }
-
-                &__link {
-                    font-size: 12px;
-                    line-height: 18px;
-                    margin-left: 30px;
-                    text-decoration: none;
-                }
-            }
-
-            &__login-container {
-                width: 100%;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                margin: 30px 0;
-                text-align: center;
-                font-size: 14px;
-
-                &__link {
-                    font-family: 'font_bold', sans-serif;
-                    color: var(--c-blue-3);
-                    text-decoration: none;
-                    font-size: 14px;
-                    margin-left: 5px;
-                }
-
-                &__link:hover {
-                    color: var(--c-blue-5);
-                }
-
-                &__link:focus {
-                    text-decoration: underline !important;
-                }
-            }
-        }
-    }
-
-    .logo {
-        cursor: pointer;
-    }
-
-    .logo-with-partner {
-        cursor: pointer;
-        max-width: 100%;
-    }
-
-    .logo-no-partner {
-        cursor: pointer;
-        max-width: 100%;
-    }
-
-    .register-input {
-        position: relative;
-        width: 100%;
-    }
-
-    .input-wrap {
-        margin-top: 20px;
-    }
-
-    .checkmark-container {
-        display: block;
-        position: relative;
-        padding-left: 20px;
-        height: 21px;
-        width: 21px;
-        cursor: pointer;
-        font-size: 22px;
-        user-select: none;
-        outline: none;
-    }
-
-    .checkmark-container input {
-        position: absolute;
-        opacity: 0;
-        cursor: pointer;
-        height: 0;
-        width: 0;
-    }
-
-    .checkmark {
-        position: absolute;
-        top: 2px;
-        left: 0;
-        height: 20px;
-        width: 20px;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-        transition: border-color 90ms ease-in-out;
-
-        &:hover {
-            border-color: var(--c-blue-6);
-        }
-    }
-
-    .checkmark-container:hover input ~ .checkmark {
-        background-color: white;
-    }
-
-    .checkmark-container input:checked ~ .checkmark {
-        border: 1px solid #afb7c1;
-        background-color: transparent;
-    }
-
-    .checkmark:after {
-        content: '';
-        position: absolute;
-        display: none;
-    }
-
-    .checkmark.error {
-        border-color: red;
-    }
-
-    .checkmark-container .checkmark:after {
-        left: 6px;
-        top: 2px;
-        width: 5px;
-        height: 10px;
-        border: solid #354049;
-        border-width: 0 3px 3px 0;
-        transform: rotate(45deg);
-    }
-
-    .checkmark-container input:checked ~ .checkmark:after {
-        display: block;
-    }
-
-    :deep(.grecaptcha-badge) {
-        visibility: hidden;
-    }
-
-    @media screen and (width <= 1429px) {
-
-        .register-area {
-
-            &__intro-area {
-
-                &__width {
-                    width: 100%;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 1200px) {
-
-        .register-area {
-
-            &__intro-area {
-
-                &__width {
-                    width: 100%;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 1024px) {
-
-        .register-area {
-            display: block;
-            position: relative;
-            width: 100%;
-            padding: 10px;
-
-            &__container {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                overflow: visible;
-                width: 85%;
-                margin: 0 auto;
-            }
-
-            .register-area__logo-wrapper.bottom {
-                display: none;
-            }
-
-            &__intro-area {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                overflow: visible;
-                max-width: 100%;
-                margin: 0;
-
-                &__wrapper {
-                    text-align: center;
-                    margin: 0 auto;
-                }
-
-                &__title,
-                &__sub-title {
-                    text-align: center;
-                }
-
-                &__large-content {
-
-                    &__custom-html-container {
-                        display: none;
-                    }
-                }
-            }
-
-            &__input-area {
-                display: block;
-                width: 100%;
-            }
-        }
-    }
-
-    @media screen and (width <= 700px) {
-
-        .register-area {
-
-            &__container {
-                width: 90%;
-                padding: 80px 30px 30px;
-            }
-
-            &__intro-area {
-                margin: 0 auto;
-                padding-top: 0;
-
-                &__title {
-                    font-size: 36px;
-                    line-height: 40px;
-                }
-
-                &__sub-title {
-                    font-size: 16px;
-                    line-height: 23px;
-                }
-            }
-
-            &__input-area {
-                width: 100%;
-                min-width: 360px;
-                padding: 0;
-
-                &__container {
-                    padding: 30px 30px 0;
-                    width: calc(100% - 60px);
-
-                    &__checkbox-area {
-
-                        &__msg-box {
-
-                            &__msg {
-                                position: relative;
-                                top: 7px;
-                                text-align: left;
-                                left: 10px;
-                            }
-                        }
-                    }
-                }
-
-                &__info-button {
-                    display: none;
-                }
-
-                &__toggle {
-
-                    &__professional {
-                        right: 1px;
-                        position: relative;
-                    }
-                }
-
-                &__expand {
-
-                    &__dropdown {
-                        left: -200px;
-                    }
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 1024px) {
-
-        .register-area {
-
-            &__container {
-                padding: 40px 10px 20px;
-            }
-
-            &__logo-wrapper {
-                height: auto;
-                justify-content: center;
-
-                img {
-                    height: 62px;
-                    max-width: 100%;
-                }
-
-                &__container {
-
-                    a {
-                        width: 100%;
-                        height: 100%;
-                    }
-                }
-            }
-
-            &__intro-area {
-                flex-direction: column;
-                padding: 0 0 20px;
-                height: auto;
-
-                &__title {
-                    font-size: 28px;
-                }
-            }
-        }
-    }
-
-    @media screen and (width <= 414px) {
-
-        .register-area {
-
-            &__container {
-                width: 90%;
-            }
-
-            &__intro-area__title {
-                font-size: 36px;
-            }
-
-            &__input-area {
-                padding: 0;
-
-                &__container {
-                    padding: 30px 15px;
-                    width: calc(100% - 30px);
-
-                    &__title-area {
-
-                        &__title {
-                            font-size: 20px;
-                            line-height: 34px;
-                        }
-                    }
-                }
-
-                &__login-container {
-                    margin-top: 40px;
-                }
-            }
-        }
-    }
-</style>
diff --git a/web/satellite/static/favicon.ico b/web/satellite/static/favicon.ico
deleted file mode 100644
index 89981a1f812fa541476bf179d099a3d134b3212d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7406
zcmeHLc~q0f79SNA5EL{nl`0^J3j|RR0TD^mh#-QPS`{o93nHb~eThLZZr}={#tj4!
zTp=vBYW=MHLJKNxjSH<++lpw7xU{v_dG}@#k^pTv=e>8{`@=aW`DVFuXXeh#@BZ!(
z(u6c4R#pVQrX;pGA)bT~J3Ch1V@gOS)VaB7%dH6!!LKLCKo<gHntt%Xj6P}ev^0y*
zpRN*mD2dRAHwb<6JE1qeAarvOp{3c-c8$;@OQG%%q0b)?y4ar3OfjKn6oejKLFj4^
zLW}1S`u0ykA6F8ZXiMn#7eM|n$aaH1)gZf>(2c`Dwm+e&qaZ(@(EAq&UF${YvYv$Q
z|Af$ApAotR#{98@&@UDddbNnquVMWAmk3piAoQRN<l+fU^@aMKgl-EV^yGR%f4)xW
zVL74e2NRkEW7j++^z=qTzg$M>U6{wWFc10`<U>Ig)^~Ubp?|;{lk7ll6QLPnK;{Uc
zatA`I?-0tR5V}bOeJG)?o)Ws$iO}rvU=NtX1DK245#(T<YX(4D4``bJZGq5sna~5D
z5_+XjZ{v5lcNX|Rw}42KOx)Z|SdRTSYd@fwzC66gXg+^*kKvk{ZtVo2Aw26YypT|@
zA>Bl6!+M&z3;nFEc^%z-yN0#(Zes4`>oRI+e^=MOUgoCWA`b_fHt#pJcD8rwW98r>
z5_RhAZrNs}u%pn^$GvkaEc*?6uU~+>|6n@{EPJ%DY1-Vg_n5)r?lvtvMBb+69n5S;
zwrOo+Yu3TsRMgfn$jnb@(Z$+N=w}ub)>hPQh!@Vsninv_E4Z6xio;t5^7*|8o3Ey3
z;DGjS`t^uJu--we{O@iL;;bF~{NacAtVt&9qxsk2EaKng1BCwa1ECd4LZ3bWTm>vb
ze0uo=@M<~3##d^Fi8&J)7VnAzJUvh7pKl1gkjZcd@fxxD(mq0;d=J<Pcy&3SVIpGn
z3&32&G{ml*;h?V<q2HY)H0L8iSM_5Un=W8@eQ7`FxJ&5PV1}cJ^N5u%9uv9*unsY<
z@-$%PZ=mBG^mk`CxHp#2^BJJ)3gF>wLeqtWUfc^hzhgL#{$%SY<}=V2$iWvZ=}zcZ
zs|mexlHum@b)X;czw!*j<oo4>p4-N-G;I)}<+}mb{TVJJ{%#q`@cr0IhSyo+2)%tA
zbglv2u+}@L2;KcLp(|mH=wDI?5?U~w&@?|n%W?@-&H|l#7=ELFLEPQ~>#nI{e(l&Q
zhVNN`_qR_F`uj^lllg?+D<kxq9OiopW)NDX0)2Ua^{|hM07BId2z~Z5_%PTz^m(_w
zBJ>!n^S9@q2iE!)_Ac3#`6cu#_h6j|;t5^n!+dW3XP|!<=)DPNBcJ)7gA1A81Aju*
zKQdp7J}dJBLT_@+UvglFTd@99>4dIuVg4?667$9AThUKG{Fcysu))Tmpu2$i(Wm!e
z?y!E<m(0iAJO=t|2wmQr&|Q&m-e8|kZGbcP2k3?MzkLhm&J+B#H=MgHnEN!)onvsw
z-(~;F0&=5dH6_f-sKU5l*}GZxU`yjV!%{?g%a#k57}gl&1FS=uIQdw+8CBL6wt3DB
zPfkb(?l;q6TWzI2Gf!9~6}NQ{YAco&O*PTiLoP92z9%?3E>0k5H8#GLKoA$VCU}E9
zKT#_*t4SyC)~&<>NVf4qZ1F2@wNK*IBvT`>E;uYN!<LWLwe13atKz)*!ShgHzx$93
zm(Voh_OvxN2jhe6u-zdyEJPXqNf)tzALlwYew;K`D(&*YSmorfbO&q?m=o+YEX6#7
zj0^7<8R0X@Vy8z>o_WfL?St0_V7uHUS}Yy8*w5$VHbb`Tp8mdBvjKU2i$_Yu(Kec9
zxp_~2fjF+K--rnVou`TSPKz7rVk#92{A2Q1dmgk4q+6T5mnIg&GWh(0h+eU<#?glD
zv7IB5*ct_K7PHnv594;}(vVS7%^JmynL^AMx5stsv(jrb>W}r!Tn6g(<7?)}?>Rm{
zV)sXT#kLbVeA;Xf-(Y?&(f-mI3csAxxh2DMi*wsGH_h=oFheR1b<xb<a#xhMY}SJ0
zRbsJpVnmPCS#jcy(-+K=c}K0)95v7MDczNehPvVgisIu1@D;lbjaPOLGi!$m_B+7-
zMAzM)P@C!TL4C1(o+QkCdcFO%&BzOrX!cjW+^LDgUZcKt|HZEMl1|$5A(va_%QwuP
zE7qSc@!TjlU&c2jXUuk~xG)0G=k|>`IB=b`Eoeu0R6;^j_==#0&NoQA_3sY%Bk(Wo
z2MCPV1o!K+I(iL?mMyZgd$U7jP-~F23Y%{{YxzIn!+*OSc?yJxBnp1DJjDzOx}@VN
z7|ZFnN{N*5733=0MiIJww4SeIKn#enoFQMqcx<^d<1NTpPC*=oyai*#eN!2CK@Nlb
z1!FnnFhz6pJO<-J9go2n)R4=({6)`aPNV`~_?7V*<TP(yLo5hB5aZ6hQ&^mNemn4`
z9V~uDu5%ImKE|g-a|zu5z7RRj^@EJ}JO}@eF=SotgK^($-~h+h>Uq%42trS!F+TJL
z{3G(Ab6a8DSjLNVoTwc50mh_-vl%}^Zd3%eHRMM%z!{JuUH_c%B#ce#awUu}kt4l+
z1@i#Dq~l6wH|x35d9W$+rANRYlrtG;Lhgj|?8SX7p1xMX_|u`qj6+=q`_|=AzrSEy
z3VGCPuy0DAzvfbpZW;3_<Wk6~p8W*lB@%iKY>RINw}4w9ulf!61;);XyedxuW4N*S
ze0Ma9^>sW8ITms)<XMkyGoFQf3%S<SV)j0PoC{-qe2>s^FO1*o@~;(eCUc{Vd05_L
z_Ac>vd@L1gS^)M$UWRW1$j$IA0{PfguxCbCeO`u~4Bs-4mmw!ZZiep=$jk7(0pCfI
z!LG>9@V#K&Ks`?@SpfG9&L#4+O~WBZ(DF2V%RsJ%Zxu(A8|G}t({!BeZYkqz$kmXu
z;TuUK`5O11Nb302yOyaNttqIou;|gkN`7NI#3sdXT;Pb|jg|j)8JAVbg*<JfyvbKP
z4-qe3?ropObf^fs5S_x6lyI}1^HM7QsfYDumuQ(R*|esn`wW>()cT6`-}R_D@!=As
zL?TI#sHnD2hm3NG*UOr}>=E83TPXx7iEMmT!8{q}gv#Y3_Sf%VF(6!(Xcr;W$e_H1
zRvz*S-=-z1{R0a0z0?yUlOAsT(s>eU#AGNBCFgC04#j@!Yd1V<@<&|Y-u7DM_2ear
zkw5h21{F)SBW!WFuMQD#^Kqpt8S9rQ(=r4*)TNP$tiysb^~%$g+z$#x!}1D+9ha4T
zmRFX_<SXVo#!T$W2^QXB)-j&HP<iXJfb$tRRN$xEy_uf`a;gHJDt^UQoRd(Zyiipz
z{(w@cP)<_*axz}Ut5R`OKV7Y}P)w-TQNNbOd$_>v2|binORrj;8LF11-Ec_h^-Y3l
zZ?1G>iwQ?R4246hP1W}0plt2T3eM?y;o|R}wXIm-v8JTNBvoBi#Z|9ft57P-?RB$(
zK8Y7`9x}@(oB5n-Wz#N;%bG0hnBX?;^c*v8*%M1Nv@&079UOwm!?_u=hS%?fQ21CT
z6M{~eOm>8eE7w@fSU#WGUfDtY(^mbqfr8dNJB@f9{aSfhD3^oBvNn~Uta-}%D}OH0
zE*9sbm6zD51N6Hrktk+7TVVe;^0Ic^_XheE$FB!A({6f$`jrWro^{j@klum!;Bz6H
zoYK6Z`G|sf>(^TKU{g>$o@<?1u9I)bp31`xa?Y{OgNsVEr^rvvy?kGDK^wF`T<;=l
z&g7J5^VG=x+xuRex#eY7&iYDg5e{c$|7!mO%1N@klmf1*@|;4Ex3_vvd~V{Vl+)hN
ztGJ4kJlQ1W0fX}p<G!lh9N&lcxxh;wqcWNEsu<p)$@$JQS&t#D0=fHzzG+9qoodh9
z*nYh^m6KXEdir7QK3}M+@GaNmm50xaR`HxvTwuSk+6}9S6vPa^%b87n(eQnFF<HQw
z432ShsAe4&6l(6{ZXKE!-!Ir@#d+>k_E~jVIFsM<V=3PENc~3Dz3=lmK}b-kgYHC6
zOmgI`*Y{<+gxgt1Ue<nHAm^AgSUZ1?zi$4pvcenAwH=J*WzJs|mQ9KLx)!fEuIhtQ
zUP+gE3T+QVd6{DTY{0`=RXXkZZ|amgTD;v?WiejUSExKbtW+;iC#Uid-^5j?`xb2S
z*Wmf#Rqv_l2pJWpZU_*8zvxzzVVVs7qUWVRqvi$*7N_o6&P0FYX?ZWpq5*+=RX&|R
zQ`v&Q8#S(8Q^OTUc5pV&x%g`hx7M#6?h3OG9C5IIOT#t%%HpC$lWiK!2RQYPl&oV0
T+u5+%M%C)Vp?BZ^jRpP%;;Ff9

diff --git a/web/satellite/static/images/accessGrants/accessGrantsIcon.svg b/web/satellite/static/images/accessGrants/accessGrantsIcon.svg
deleted file mode 100644
index b7c85785fb12..000000000000
--- a/web/satellite/static/images/accessGrants/accessGrantsIcon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg  height="40" width="40" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M27.2464 0H38.4415C47.4202 0 50.9826 0.995175 54.4769 2.86391C57.9711 4.73264 60.7134 7.47492 62.5821 10.9691L62.7241 11.2382C64.4778 14.6047 65.421 18.1612 65.446 26.6619V37.857C65.446 46.8357 64.4508 50.3982 62.5821 53.8924C60.7134 57.3866 57.9711 60.1289 54.4769 61.9976L54.2079 62.1396C50.8413 63.8933 47.2848 64.8365 38.7841 64.8615H27.589C18.6103 64.8615 15.0478 63.8664 11.5536 61.9976C8.0594 60.1289 5.31711 57.3866 3.44838 53.8924L3.30636 53.6234C1.55265 50.2568 0.60948 46.7004 0.584473 38.1997V27.0046C0.584473 18.0258 1.57965 14.4634 3.44838 10.9691C5.31711 7.47492 8.0594 4.73264 11.5536 2.86391L11.8226 2.72188C15.1892 0.968178 18.7457 0.0250071 27.2464 0Z" fill="#0218A7"/>
-    <path d="M38.4286 14.4733V16.6081L46.155 23.6654C45.0198 23.6654 44.347 23.9514 44.2822 25.0721L46.155 32.5746L49.9006 40.5462C49.9035 41.6831 42.2267 38.1395 43.3459 38.2016L46.6231 43.3597L38.4095 47.6684L38.4149 49.8032L17.1872 49.8523C14.8863 49.8579 13.0065 48.037 12.9167 45.7508L12.9133 45.5906V18.743C12.9133 16.4385 14.7362 14.5604 17.0167 14.4762L17.1765 14.4733H38.4286Z" fill="#0149FF"/>
-    <path d="M34.4538 38.5268L34.4483 49.8523H48.6645C51.4194 49.8523 53.6528 47.5986 53.6528 44.8187V19.4962C53.6432 16.7092 51.402 14.4635 48.6469 14.4732L34.4671 14.5235L34.4538 25.9551L33.5143 25.4632C30.4505 23.861 26.6871 24.7398 24.6324 27.5373C22.6366 30.2546 22.5875 33.9464 24.4886 36.7122L24.6281 36.9086L24.7461 37.066C26.8225 39.757 30.5157 40.5841 33.5334 39.0071L34.4538 38.5268Z" fill="#00E366"/>
-</svg> 
diff --git a/web/satellite/static/images/accessGrants/cli.svg b/web/satellite/static/images/accessGrants/cli.svg
deleted file mode 100644
index 1bf710f3ded6..000000000000
--- a/web/satellite/static/images/accessGrants/cli.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg  height="40" width="40" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.3849 0.723083H38.58C47.5586 0.723083 51.1211 1.71826 54.6153 3.58699C58.1095 5.45572 60.8518 8.19801 62.7205 11.6922L62.8625 11.9612C64.6162 15.3278 65.5594 18.8843 65.5844 27.385V38.5801C65.5844 47.5588 64.5892 51.1212 62.7205 54.6155C60.8518 58.1097 58.1095 60.852 54.6153 62.7207L54.3463 62.8627C50.9797 64.6164 47.4233 65.5596 38.9226 65.5846H27.7276C18.7489 65.5846 15.1865 64.5895 11.6922 62.7207C8.19804 60.852 5.45576 58.1097 3.58704 54.6155L3.44502 54.3465C1.69132 50.9799 0.748152 47.4234 0.723145 38.9227V27.7276C0.723145 18.7489 1.71832 15.1865 3.58704 11.6922C5.45576 8.19801 8.19804 5.45572 11.6922 3.58699L11.9613 3.44497C15.3278 1.69126 18.8842 0.748091 27.3849 0.723083Z" fill="#0218A7"/>
-<path d="M11.5125 14.7725C12.8757 14.7725 13.9807 13.6674 13.9807 12.3042C13.9807 10.941 12.8757 9.83588 11.5125 9.83588C10.1493 9.83588 9.04419 10.941 9.04419 12.3042C9.04419 13.6674 10.1493 14.7725 11.5125 14.7725Z" fill="#FF458B"/>
-<path d="M18.9174 14.7725C20.2806 14.7725 21.3858 13.6674 21.3858 12.3042C21.3858 10.941 20.2806 9.83588 18.9174 9.83588C17.5542 9.83588 16.4491 10.941 16.4491 12.3042C16.4491 13.6674 17.5542 14.7725 18.9174 14.7725Z" fill="#FFC600"/>
-<path d="M26.3223 14.7725C27.6854 14.7725 28.7905 13.6674 28.7905 12.3042C28.7905 10.941 27.6854 9.83588 26.3223 9.83588C24.9591 9.83588 23.854 10.941 23.854 12.3042C23.854 13.6674 24.9591 14.7725 26.3223 14.7725Z" fill="#00E567"/>
-<path d="M34.241 23.4669H11.8391C10.4758 23.4669 9.37073 24.572 9.37073 25.9352C9.37073 27.2984 10.4758 28.4035 11.8391 28.4035H34.241C35.6042 28.4035 36.7093 27.2984 36.7093 25.9352C36.7093 24.572 35.6042 23.4669 34.241 23.4669Z" fill="#0149FF"/>
-<path d="M27.1889 32.047H21.4296C20.0664 32.047 18.9613 33.1521 18.9613 34.5153C18.9613 35.8785 20.0664 36.9836 21.4296 36.9836H27.1889C28.5521 36.9836 29.6572 35.8785 29.6572 34.5153C29.6572 33.1521 28.5521 32.047 27.1889 32.047Z" fill="#FF458B"/>
-<path d="M42.1161 32.047H36.3567C34.9935 32.047 33.8884 33.1521 33.8884 34.5153C33.8884 35.8785 34.9935 36.9836 36.3567 36.9836H42.1161C43.4793 36.9836 44.5844 35.8785 44.5844 34.5153C44.5844 33.1521 43.4793 32.047 42.1161 32.047Z" fill="#00E567"/>
-<path d="M57.0434 32.047H51.2842C49.921 32.047 48.8159 33.1521 48.8159 34.5153C48.8159 35.8785 49.921 36.9836 51.2842 36.9836H57.0434C58.4066 36.9836 59.5116 35.8785 59.5116 34.5153C59.5116 33.1521 58.4066 32.047 57.0434 32.047Z" fill="#00E567"/>
-<path d="M49.8735 23.4669H43.2913C41.9281 23.4669 40.823 24.572 40.823 25.9352C40.823 27.2984 41.9281 28.4035 43.2913 28.4035H49.8735C51.2368 28.4035 52.3419 27.2984 52.3419 25.9352C52.3419 24.572 51.2368 23.4669 49.8735 23.4669Z" fill="#0149FF"/>
-<path d="M42.1162 40.6276H28.8344C27.4712 40.6276 26.3661 41.7326 26.3661 43.0958C26.3661 44.459 27.4712 45.5641 28.8344 45.5641H42.1162C43.4794 45.5641 44.5845 44.459 44.5845 43.0958C44.5845 41.7326 43.4794 40.6276 42.1162 40.6276Z" fill="#0149FF"/>
-<path d="M34.241 49.2078H28.8343C27.4712 49.2078 26.3661 50.3128 26.3661 51.676C26.3661 53.0392 27.4712 54.1443 28.8343 54.1443H34.241C35.6042 54.1443 36.7092 53.0392 36.7092 51.676C36.7092 50.3128 35.6042 49.2078 34.241 49.2078Z" fill="#0149FF"/>
-<path d="M49.8735 49.2078H43.2913C41.9281 49.2078 40.823 50.3128 40.823 51.676C40.823 53.0392 41.9281 54.1443 43.2913 54.1443H49.8735C51.2368 54.1443 52.3419 53.0392 52.3419 51.676C52.3419 50.3128 51.2368 49.2078 49.8735 49.2078Z" fill="#FF458B"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/bucketsIcon.svg b/web/satellite/static/images/accessGrants/newCreateFlow/bucketsIcon.svg
deleted file mode 100644
index 79b5c0dfbb02..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/bucketsIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="20" cy="20.0005" r="20" fill="#EBEEF1"/>
-    <path d="M26.5378 18.7087C27.7885 19.9594 27.8 21.98 26.5581 23.2219C26.0549 23.7251 25.4239 24.0225 24.768 24.1151L24.5429 25.3906C24.5263 26.3913 22.4781 27.2005 19.954 27.2005C17.4449 27.2005 15.4062 26.401 15.3657 25.4086L15.3653 25.3906L13.6398 15.6147C13.6204 15.5456 13.6079 15.4756 13.6028 15.4049L13.6001 15.3891L13.6018 15.3892C13.6007 15.3696 13.6001 15.35 13.6001 15.3303C13.6001 13.9332 16.4448 12.8005 19.954 12.8005C23.4631 12.8005 26.3078 13.9332 26.3078 15.3303C26.3078 15.35 26.3072 15.3696 26.3061 15.3892L26.3078 15.3891L26.305 15.4059C26.2999 15.4758 26.2876 15.545 26.2685 15.6134L25.8445 18.0153L26.5378 18.7087ZM24.7078 17.0088C23.5438 17.531 21.8454 17.8601 19.954 17.8601C18.0626 17.8601 16.3642 17.5311 15.2002 17.0089L16.451 24.0963L16.6555 25.1815L16.6744 25.1962C16.7814 25.2764 16.9469 25.3668 17.1619 25.4539L17.2055 25.4713C17.8983 25.7422 18.8856 25.9062 19.954 25.9062C21.0285 25.9062 22.0208 25.7403 22.7137 25.4669C22.9634 25.3683 23.1496 25.2648 23.2588 25.1766L23.2677 25.1693L23.4685 24.0315C22.9635 23.8927 22.485 23.6283 22.0827 23.2387L22.0449 23.2015L19.4444 20.601C19.1917 20.3483 19.1917 19.9386 19.4444 19.6858C19.691 19.4393 20.087 19.4332 20.3409 19.6678L20.3597 19.6858L22.9601 22.2863C23.175 22.5011 23.4272 22.6548 23.6951 22.7473L24.7078 17.0088ZM25.5699 19.5712L25.0142 22.7203C25.2436 22.6294 25.4581 22.4915 25.6429 22.3067C26.3682 21.5814 26.3702 20.4 25.6489 19.6508L25.6226 19.6239L25.5699 19.5712ZM19.954 14.0948C18.4012 14.0948 16.9612 14.3373 15.9399 14.744C15.501 14.9187 15.1745 15.1112 14.9866 15.2881C14.9746 15.2993 14.9637 15.3101 14.9537 15.3202L14.9443 15.3302L14.9614 15.3481L14.9866 15.3726C15.1745 15.5495 15.501 15.7419 15.9399 15.9166C16.9612 16.3233 18.4012 16.5658 19.954 16.5658C21.5067 16.5658 22.9467 16.3233 23.968 15.9166C24.4069 15.7419 24.7334 15.5495 24.9213 15.3726C24.9333 15.3613 24.9443 15.3506 24.9542 15.3404L24.9637 15.3302L24.9465 15.3125L24.9213 15.2881C24.7334 15.1112 24.4069 14.9187 23.968 14.744C22.9467 14.3373 21.5067 14.0948 19.954 14.0948Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/chevron.svg b/web/satellite/static/images/accessGrants/newCreateFlow/chevron.svg
deleted file mode 100644
index 0551e15d5fc6..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/chevron.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.28014 11.4806C8.13058 11.6302 7.89117 11.6352 7.73562 11.4956L7.71983 11.4806L0.916032 4.67685C0.761306 4.52212 0.761306 4.27126 0.916032 4.11653C1.0656 3.96696 1.305 3.96198 1.46056 4.10158L1.47635 4.11653L7.99998 10.6402L14.5236 4.11653C14.6732 3.96696 14.9126 3.96198 15.0682 4.10158L15.0839 4.11653C15.2335 4.2661 15.2385 4.5055 15.0989 4.66106L15.0839 4.67685L8.28014 11.4806Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/close.svg b/web/satellite/static/images/accessGrants/newCreateFlow/close.svg
deleted file mode 100644
index eecb75e623a2..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.4547 2.54591C13.915 5.00621 13.915 8.99515 11.4547 11.4555C8.99442 13.9158 5.00548 13.9158 2.54518 11.4555C0.0848754 8.99515 0.0848754 5.00621 2.54518 2.54591C5.00548 0.0856078 8.99442 0.0856078 11.4547 2.54591ZM10.638 3.36262C8.62877 1.35337 5.37113 1.35337 3.36189 3.36262C1.35264 5.37187 1.35264 8.6295 3.36189 10.6387C5.37113 12.648 8.62877 12.648 10.638 10.6387C12.6473 8.6295 12.6473 5.37187 10.638 3.36262ZM8.90593 5.83673L8.89952 5.84347L7.7557 6.98725L8.86583 8.09737C9.09365 8.32519 9.09976 8.69263 8.87964 8.92789C8.66875 9.1533 8.31506 9.16507 8.08966 8.95418L8.08292 8.94777L6.939 7.80395L5.80162 8.94148C5.57609 9.16701 5.21044 9.16701 4.98491 8.94148C4.76488 8.72145 4.75952 8.36805 4.96881 8.14152L4.98491 8.12477L6.12229 6.98725L4.98491 5.84987C4.75938 5.62434 4.75938 5.25869 4.98491 5.03316C5.20494 4.81313 5.55834 4.80777 5.78487 5.01706L5.80162 5.03316L6.939 6.17054L8.04912 5.06056C8.27694 4.83274 8.64438 4.82663 8.87964 5.04675C9.10505 5.25764 9.11682 5.61133 8.90593 5.83673Z" fill="#929FB1"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/copy.svg b/web/satellite/static/images/accessGrants/newCreateFlow/copy.svg
deleted file mode 100644
index 7310c905abfe..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/copy.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.96896 3.46521C3.1732 3.70087 2.59436 4.41876 2.59436 5.26774V13.4991C2.59436 14.5398 3.46409 15.3834 4.53696 15.3834H10.5693C11.4445 15.3834 12.1846 14.8219 12.4275 14.05H11.1578C11.0091 14.1995 10.8004 14.2925 10.5693 14.2925H4.53696L4.51149 14.2921C4.07154 14.279 3.71903 13.929 3.71903 13.4991V5.26774L3.71941 5.24303C3.72617 5.02872 3.82055 4.83579 3.96896 4.69682V3.46521Z" fill="#56606D"/>
-    <path d="M10.117 1.38342C10.4424 1.38342 10.7545 1.5088 10.9846 1.73198L14.2144 4.86481C14.4445 5.088 14.5738 5.3907 14.5738 5.70634V11.4991C14.5738 12.5398 13.7041 13.3834 12.6312 13.3834H6.59891C5.52604 13.3834 4.65631 12.5398 4.65631 11.4991V3.26779C4.65631 2.22712 5.52604 1.38342 6.59891 1.38342H10.117ZM9.61496 2.47432H6.59891C6.15573 2.47432 5.79483 2.8163 5.78137 3.24307L5.78098 3.26779V11.4991C5.78098 11.929 6.13349 12.2791 6.57344 12.2921L6.59891 12.2925H12.6312C13.0744 12.2925 13.4353 11.9506 13.4488 11.5239L13.4491 11.4991V6.19331L10.1774 6.19339C9.8744 6.19339 9.62738 5.96095 9.61551 5.66987L9.61506 5.64794L9.61496 2.47432ZM12.8689 5.10241L10.7396 3.03713L10.7397 5.10249L12.8689 5.10241Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/encryptionPassphraseIcon.svg b/web/satellite/static/images/accessGrants/newCreateFlow/encryptionPassphraseIcon.svg
deleted file mode 100644
index 7ce49a4625e7..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/encryptionPassphraseIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="20" cy="20.0002" r="20" fill="#EBEEF1"/>
-    <path d="M19.8738 12.8003C22.7959 12.8003 25.1702 15.1454 25.2174 18.0562L25.2181 18.1446L25.2182 19.282C25.4792 19.4677 25.69 19.7079 25.8444 19.9967L25.8777 20.0608C26.0505 20.4041 26.1438 20.7766 26.1477 21.6882V24.2896C26.1477 25.3017 26.0423 25.6687 25.8444 26.0387C25.6465 26.4088 25.3562 26.6991 24.9861 26.897L24.922 26.9303C24.5788 27.1031 24.2063 27.1964 23.2947 27.2002L16.5107 27.2003C15.4986 27.2003 15.1315 27.0949 14.7615 26.897C14.3915 26.6991 14.1011 26.4088 13.9032 26.0387L13.8804 25.9952C13.7009 25.6461 13.6039 25.2771 13.6 24.3473V21.7458C13.6 20.7337 13.7054 20.3667 13.9032 19.9967C14.0577 19.7079 14.2685 19.4677 14.5295 19.282L14.5295 18.1446C14.5295 15.193 16.9223 12.8003 19.8738 12.8003ZM23.237 20.1497L16.4584 20.1498L16.3249 20.1509C15.7468 20.1581 15.5676 20.198 15.3815 20.2976C15.2405 20.373 15.1378 20.4757 15.0624 20.6166L15.0415 20.6576C14.9572 20.8315 14.9215 21.0282 14.9154 21.5647L14.9145 21.7458L14.9146 24.3419L14.9157 24.4754C14.9229 25.0535 14.9629 25.2327 15.0624 25.4188C15.1378 25.5597 15.2405 25.6625 15.3815 25.7379L15.4224 25.7588C15.5963 25.8431 15.793 25.8788 16.3296 25.8848L16.5107 25.8858L23.3305 25.8855C23.9792 25.8822 24.1712 25.8421 24.3662 25.7379C24.5071 25.6625 24.6099 25.5597 24.6853 25.4188L24.7062 25.3779C24.7905 25.204 24.8262 25.0073 24.8322 24.4707L24.8332 24.2896L24.8329 21.6523C24.8296 21.0037 24.7895 20.8116 24.6853 20.6166C24.6099 20.4757 24.5071 20.373 24.3662 20.2976L24.3253 20.2767C24.1514 20.1923 23.9547 20.1566 23.4181 20.1506L23.237 20.1497ZM19.9933 21.5837C20.5873 21.5837 21.0689 22.0652 21.0689 22.6592C21.0689 23.0057 20.9051 23.3138 20.6507 23.5105L20.6506 23.914C20.6506 24.277 20.3563 24.5712 19.9933 24.5712C19.6303 24.5712 19.3361 24.277 19.3361 23.914L19.3361 23.5106C19.0817 23.3139 18.9178 23.0057 18.9178 22.6592C18.9178 22.0652 19.3993 21.5837 19.9933 21.5837ZM19.8738 14.1148C17.6705 14.1148 15.8802 15.8831 15.8446 18.0779L15.8441 18.1446L15.844 18.856C16.0167 18.8432 16.2167 18.8362 16.453 18.8353L23.237 18.8351C23.4986 18.8351 23.7172 18.8422 23.9038 18.8561L23.9036 18.1446C23.9036 15.919 22.0994 14.1148 19.8738 14.1148Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/endDateIcon.svg b/web/satellite/static/images/accessGrants/newCreateFlow/endDateIcon.svg
deleted file mode 100644
index 0221317164f4..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/endDateIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="20" cy="20.0005" r="20" fill="#EBEEF1"/>
-    <path d="M23.6298 12.8005C23.9825 12.8005 24.27 13.0795 24.2838 13.4288L24.2843 13.4551L24.2845 13.951C24.7134 14.034 25.0125 14.157 25.3127 14.3176C25.9139 14.6392 26.3858 15.111 26.7073 15.7122L26.7349 15.7645L26.7754 15.8444C27.0529 16.4062 27.2 17.03 27.2 18.5543V22.1864C27.2 23.8309 27.0288 24.4272 26.7073 25.0284C26.3858 25.6296 25.9139 26.1015 25.3127 26.423L25.2604 26.4506L25.1805 26.4911C24.6187 26.7687 23.9949 26.9158 22.4706 26.9158H17.5295C15.8849 26.9158 15.2886 26.7445 14.6874 26.423C14.0862 26.1015 13.6143 25.6296 13.2928 25.0284L13.2644 24.9745L13.2239 24.8947C12.9512 24.342 12.8047 23.7287 12.8 22.2572V18.5543C12.8 16.9098 12.9713 16.3134 13.2928 15.7122C13.6143 15.111 14.0862 14.6392 14.6874 14.3176L14.7413 14.2892C15.0376 14.1353 15.3404 14.018 15.7752 13.9398L15.7753 13.4551C15.7753 13.0936 16.0683 12.8005 16.4298 12.8005C16.7825 12.8005 17.07 13.0795 17.0838 13.4288L17.0843 13.4551L17.0843 13.8295L17.2293 13.8268C17.3034 13.8258 17.3798 13.8251 17.4586 13.8249H22.4706C22.6511 13.8249 22.8189 13.8269 22.9755 13.831L22.9753 13.4551C22.9753 13.0936 23.2683 12.8005 23.6298 12.8005ZM25.8908 19.0612H14.109L14.1091 22.2532L14.1099 22.3779C14.1192 23.5366 14.2091 23.9659 14.4472 24.4111C14.6467 24.7841 14.9317 25.0691 15.3048 25.2686L15.3515 25.2931L15.3992 25.3169C15.814 25.5188 16.2642 25.5981 17.3404 25.606L17.5295 25.6067H22.4706C23.7724 25.6067 24.2277 25.5188 24.6953 25.2686C25.0684 25.0691 25.3534 24.7841 25.5529 24.4111L25.5774 24.3643L25.6012 24.3166C25.803 23.9018 25.8824 23.4516 25.8903 22.3754L25.891 22.1864L25.8908 19.0612ZM22.4707 15.1339H17.4626L17.3379 15.1347C17.2492 15.1354 17.1647 15.1366 17.0842 15.1383L17.0843 15.9798C17.0843 16.3413 16.7913 16.6343 16.4298 16.6343C16.0771 16.6343 15.7896 16.3554 15.7758 16.0061L15.7753 15.9798L15.7753 15.28C15.6015 15.329 15.454 15.3922 15.3048 15.472C14.9317 15.6715 14.6467 15.9565 14.4472 16.3296L14.4227 16.3763C14.2487 16.7164 14.1591 17.065 14.1253 17.7521H25.8748C25.8395 17.0335 25.7431 16.6851 25.5529 16.3296C25.3534 15.9565 25.0684 15.6715 24.6953 15.472L24.6486 15.4475C24.5326 15.3881 24.4155 15.3386 24.2844 15.2977L24.2843 15.9798C24.2843 16.3413 23.9913 16.6343 23.6298 16.6343C23.2771 16.6343 22.9896 16.3554 22.9758 16.0061L22.9753 15.9798L22.9754 15.1395C22.8765 15.137 22.7715 15.1354 22.6597 15.1346L22.4707 15.1339Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/info.svg b/web/satellite/static/images/accessGrants/newCreateFlow/info.svg
deleted file mode 100644
index fa469ba8d952..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00005 15.2C4.0236 15.2 0.800049 11.9764 0.800049 7.99999C0.800049 4.02354 4.0236 0.799988 8.00005 0.799988C11.9765 0.799988 15.2 4.02354 15.2 7.99999C15.2 11.9764 11.9765 15.2 8.00005 15.2ZM8.00005 13.88C11.2475 13.88 13.88 11.2474 13.88 7.99999C13.88 4.75255 11.2475 2.11999 8.00005 2.11999C4.75261 2.11999 2.12005 4.75255 2.12005 7.99999C2.12005 11.2474 4.75261 13.88 8.00005 13.88ZM7.40005 10.4596V8.34319C7.40005 7.97868 7.69554 7.68319 8.06005 7.68319C8.41567 7.68319 8.70559 7.96444 8.71952 8.31664L8.72005 8.34319V10.4157C8.72005 10.7839 8.42805 11.0858 8.06005 11.098C7.70747 11.1098 7.41213 10.8334 7.4004 10.4809C7.40017 10.4738 7.40005 10.4667 7.40005 10.4596ZM7.40005 5.53962V5.46319C7.40005 5.09868 7.69554 4.80319 8.06005 4.80319C8.41567 4.80319 8.70559 5.08444 8.71952 5.43664L8.72005 5.46319V5.4957C8.72005 5.86391 8.42805 6.16578 8.06005 6.17803C7.70747 6.18976 7.41213 5.91345 7.4004 5.56086C7.40017 5.55379 7.40005 5.5467 7.40005 5.53962Z" fill="#929FB1"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/learn.svg b/web/satellite/static/images/accessGrants/newCreateFlow/learn.svg
deleted file mode 100644
index e00b94e10cb2..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/learn.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M13.0583 3.20015C13.7772 3.20383 14.1541 3.27994 14.5459 3.48949C14.9171 3.68802 15.212 3.98295 15.4106 4.35418C15.6255 4.75604 15.7 5.14213 15.7 5.89774V10.5946C15.6962 11.3136 15.6201 11.6904 15.4106 12.0822C15.212 12.4534 14.9171 12.7484 14.5459 12.9469C14.1641 13.1511 13.7966 13.2286 13.1129 13.2358L13.0023 13.2364H3.99777C3.24216 13.2364 2.85608 13.1618 2.45422 12.9469C2.08299 12.7484 1.78806 12.4534 1.58952 12.0822C1.38535 11.7004 1.30786 11.3329 1.30062 10.6493L1.30005 10.5387V5.89774C1.30005 5.14213 1.3746 4.75604 1.58952 4.35418C1.78806 3.98295 2.08299 3.68802 2.45422 3.48949C2.85608 3.27457 3.24216 3.20001 3.99777 3.20001L13.0583 3.20015ZM7.8455 4.40001L3.95319 4.40009C3.44287 4.40197 3.24162 4.43706 3.05329 4.53055L3.02013 4.54766C2.85803 4.63436 2.73439 4.75799 2.6477 4.9201C2.53846 5.12435 2.50005 5.32328 2.50005 5.89774V10.5832C2.50201 11.0944 2.53721 11.2954 2.63104 11.484L2.6477 11.5163C2.73439 11.6784 2.85803 11.802 3.02013 11.8887C3.22439 11.998 3.42332 12.0364 3.99777 12.0364H7.8455V4.40001ZM13.0469 4.40009L9.0455 4.40001V12.0363L13.0469 12.0363C13.5426 12.0345 13.7466 12.0013 13.9305 11.9138L13.9477 11.9054L13.98 11.8887C14.1421 11.802 14.2657 11.6784 14.3524 11.5163C14.4616 11.312 14.5 11.1131 14.5 10.5387L14.5 5.85316C14.4981 5.34283 14.463 5.14158 14.3695 4.95326L14.3524 4.9201C14.2657 4.75799 14.1421 4.63436 13.98 4.54766L13.9623 4.53841L13.9477 4.531C13.9322 4.52328 13.9166 4.51596 13.9007 4.50901C13.8992 4.50835 13.8976 4.50765 13.896 4.50696L13.9007 4.50901C13.8964 4.50713 13.8921 4.50528 13.8878 4.50346L13.896 4.50696C13.889 4.50393 13.8819 4.50097 13.8747 4.49808L13.8878 4.50346C13.8816 4.50084 13.8753 4.49827 13.869 4.49577L13.8747 4.49808C13.871 4.49656 13.8672 4.49506 13.8634 4.49358L13.869 4.49577C13.8571 4.49106 13.845 4.48655 13.8327 4.48223C13.8306 4.48151 13.8285 4.48078 13.8264 4.48007L13.8327 4.48223C13.8253 4.47964 13.8178 4.47712 13.8102 4.47467C13.7868 4.46713 13.7624 4.46024 13.7366 4.45397C13.7331 4.45311 13.7295 4.45227 13.7259 4.45143L13.7366 4.45397C13.7289 4.45209 13.721 4.45027 13.713 4.4485L13.7259 4.45143C13.719 4.44982 13.712 4.44824 13.7048 4.44671L13.713 4.4485C13.7058 4.4469 13.6984 4.44534 13.6909 4.44382L13.7048 4.44671C13.6983 4.44531 13.6917 4.44395 13.685 4.44262L13.6909 4.44382C13.6693 4.43944 13.6467 4.43543 13.6229 4.43177C13.6184 4.43109 13.614 4.43042 13.6094 4.42976L13.6229 4.43177C13.6154 4.43062 13.6078 4.42951 13.6001 4.42843L13.6094 4.42976C13.5886 4.42673 13.5669 4.42396 13.5441 4.42143C13.5364 4.42058 13.5285 4.41974 13.5205 4.41894C13.5094 4.41782 13.4981 4.41676 13.4866 4.41576C13.4723 4.41451 13.4576 4.41335 13.4425 4.41226C13.438 4.41193 13.4334 4.41161 13.4288 4.4113L13.4425 4.41226C13.4316 4.41147 13.4204 4.41072 13.409 4.41001L13.4288 4.4113C13.4186 4.4106 13.4081 4.40994 13.3974 4.40931L13.409 4.41001C13.3993 4.40941 13.3895 4.40884 13.3795 4.40829L13.3974 4.40931C13.3727 4.40785 13.347 4.40658 13.3201 4.40548C13.3191 4.40544 13.318 4.40539 13.3168 4.40535L13.3201 4.40548C13.3097 4.40505 13.2992 4.40465 13.2885 4.40428L13.3168 4.40535C13.2777 4.40377 13.2362 4.40256 13.192 4.4017C13.1723 4.40131 13.1522 4.401 13.1315 4.40075L13.0469 4.40009ZM6.10005 9.58183C6.43142 9.58183 6.70005 9.85046 6.70005 10.1818C6.70005 10.5051 6.44436 10.7687 6.12418 10.7814L6.10005 10.7818H4.13641C3.80504 10.7818 3.53641 10.5132 3.53641 10.1818C3.53641 9.85854 3.7921 9.59497 4.11228 9.58231L4.13641 9.58183H6.10005ZM12.1546 9.58183C12.486 9.58183 12.7546 9.85046 12.7546 10.1818C12.7546 10.5051 12.4989 10.7687 12.1787 10.7814L12.1546 10.7818H10.7364C10.405 10.7818 10.1364 10.5132 10.1364 10.1818C10.1364 9.85854 10.3921 9.59497 10.7123 9.58231L10.7364 9.58183H12.1546ZM6.10005 7.61819C6.43142 7.61819 6.70005 7.88682 6.70005 8.21819C6.70005 8.54148 6.44436 8.80505 6.12418 8.81772L6.10005 8.81819H4.13641C3.80504 8.81819 3.53641 8.54957 3.53641 8.21819C3.53641 7.89491 3.7921 7.63134 4.11228 7.61867L4.13641 7.61819H6.10005ZM12.7 7.61819C13.0314 7.61819 13.3 7.88682 13.3 8.21819C13.3 8.54148 13.0444 8.80505 12.7242 8.81772L12.7 8.81819H10.7364C10.405 8.81819 10.1364 8.54957 10.1364 8.21819C10.1364 7.89491 10.3921 7.63134 10.7123 7.61867L10.7364 7.61819H12.7ZM6.10005 5.65456C6.43142 5.65456 6.70005 5.92319 6.70005 6.25456C6.70005 6.57785 6.44436 6.84142 6.12418 6.85408L6.10005 6.85456H4.13641C3.80504 6.85456 3.53641 6.58593 3.53641 6.25456C3.53641 5.93127 3.7921 5.6677 4.11228 5.65503L4.13641 5.65456H6.10005ZM12.7 5.65456C13.0314 5.65456 13.3 5.92319 13.3 6.25456C13.3 6.57785 13.0444 6.84142 12.7242 6.85408L12.7 6.85456H10.7364C10.405 6.85456 10.1364 6.58593 10.1364 6.25456C10.1364 5.93127 10.3921 5.6677 10.7123 5.65503L10.7364 5.65456H12.7Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/nameIcon.svg b/web/satellite/static/images/accessGrants/newCreateFlow/nameIcon.svg
deleted file mode 100644
index d5103ebf91f9..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/nameIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="20" cy="20" r="20" fill="#EBEEF1"/>
-    <path d="M20 12.8C23.9765 12.8 27.2 16.0236 27.2 20C27.2 23.9765 23.9765 27.2 20 27.2C16.0236 27.2 12.8 23.9765 12.8 20C12.8 16.0236 16.0236 12.8 20 12.8ZM20.5952 14.1388L20.5951 20.0596L20.5952 20.064C20.5945 20.1825 20.5616 20.3022 20.4936 20.4097C20.4882 20.4182 20.4826 20.4266 20.4769 20.4348C20.4751 20.4373 20.4733 20.4398 20.4715 20.4424C20.4671 20.4484 20.4627 20.4543 20.4583 20.4601C20.4571 20.4616 20.456 20.463 20.4549 20.4644C20.4499 20.4708 20.4448 20.4771 20.4395 20.4833C20.4383 20.4847 20.437 20.4861 20.4357 20.4876C20.4136 20.5134 20.3898 20.5369 20.3646 20.5584L16.034 24.3559C17.0807 25.3095 18.4725 25.891 20 25.891C23.2535 25.891 25.891 23.2535 25.891 20C25.891 16.9475 23.5691 14.4372 20.5952 14.1388ZM14.1091 20C14.1091 21.2545 14.5012 22.4173 15.1695 23.3727L18.8508 20.1444L14.6666 17.4954C14.309 18.2555 14.1091 19.1044 14.1091 20ZM15.3523 16.3801L19.286 18.8704L19.2861 14.152C17.691 14.3447 16.2923 15.1748 15.3523 16.3801Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/orangeWarning.svg b/web/satellite/static/images/accessGrants/newCreateFlow/orangeWarning.svg
deleted file mode 100644
index 03023e489ed2..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/orangeWarning.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.0001 1.6001C23.9529 1.6001 30.4 8.0472 30.4 16.0001C30.4 23.953 23.9529 30.4001 16.0001 30.4001C8.04718 30.4001 1.6001 23.953 1.6001 16.0001C1.6001 8.0472 8.04718 1.6001 16.0001 1.6001ZM16.0001 4.2401C9.5052 4.2401 4.24009 9.50523 4.24009 16.0001C4.24009 22.495 9.5052 27.7601 16.0001 27.7601C22.4949 27.7601 27.76 22.495 27.76 16.0001C27.76 9.50523 22.4949 4.2401 16.0001 4.2401ZM17.2 9.40083V16.9937C17.2 17.7227 16.6091 18.3137 15.8801 18.3137C15.1688 18.3137 14.589 17.7512 14.5611 17.0468L14.5601 16.9937V9.48867C14.5601 8.75225 15.144 8.14851 15.8801 8.12402C16.5852 8.10055 17.1759 8.65318 17.1993 9.35835C17.1998 9.3725 17.2 9.38666 17.2 9.40083ZM17.2 22.1208V22.2737C17.2 23.0027 16.6091 23.5937 15.8801 23.5937C15.1688 23.5937 14.589 23.0312 14.5611 22.3268L14.5601 22.2737V22.2087C14.5601 21.4722 15.144 20.8685 15.8801 20.844C16.5852 20.8206 17.1759 21.3732 17.1993 22.0783C17.1998 22.0925 17.2 22.1067 17.2 22.1208Z" fill="#FF8A00"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/permissionsIcon.svg b/web/satellite/static/images/accessGrants/newCreateFlow/permissionsIcon.svg
deleted file mode 100644
index aa91d851447d..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/permissionsIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="20" cy="20.0002" r="20" fill="#EBEEF1"/>
-    <path d="M21.248 12.8003C21.9053 12.8003 22.4381 13.3331 22.4381 13.9903L22.4381 14.1844C22.4381 14.6258 22.7958 14.9835 23.2372 14.9835C23.3774 14.9836 23.5152 14.9466 23.6367 14.8765L23.8048 14.7794C24.374 14.4508 25.1019 14.6459 25.4305 15.2151L26.8586 17.6886C27.1815 18.2478 26.9989 18.9601 26.4526 19.2966L26.423 19.3143L26.2549 19.4113C25.8917 19.621 25.7672 20.0854 25.9769 20.4487C26.0436 20.5641 26.1395 20.66 26.2549 20.7267L26.3635 20.7894C26.9327 21.118 27.1277 21.8458 26.7991 22.4151L25.4305 24.7855C25.1077 25.3448 24.3995 25.5428 23.8349 25.238L23.8048 25.2211L23.6367 25.124C23.2545 24.9034 22.7658 25.0343 22.5451 25.4165C22.475 25.538 22.4381 25.6758 22.4381 25.8161L22.4381 26.0102C22.4381 26.6563 21.9232 27.1822 21.2813 27.1999L21.248 27.2003H18.3918C17.7346 27.2003 17.2017 26.6675 17.2017 26.0102L17.2017 25.9192C17.2017 25.5107 16.8705 25.1796 16.4621 25.1796C16.3322 25.1796 16.2047 25.2138 16.0923 25.2787L16.0135 25.3242C15.4543 25.6471 14.742 25.4645 14.4055 24.9182L14.3878 24.8886L12.9597 22.4151C12.6311 21.8458 12.8261 21.118 13.3953 20.7893L13.5635 20.6923C13.9457 20.4716 14.0766 19.9829 13.8559 19.6007C13.7858 19.4792 13.6849 19.3783 13.5634 19.3082L13.3954 19.2112C12.8361 18.8884 12.638 18.1802 12.9428 17.6157L12.9597 17.5855L14.3283 15.2151C14.657 14.6459 15.3848 14.4508 15.954 14.7794L16.0625 14.8421C16.4258 15.0518 16.8902 14.9273 17.1 14.5641C17.1666 14.4486 17.2017 14.3177 17.2017 14.1844L17.2017 13.9904C17.2017 13.3331 17.7346 12.8003 18.3918 12.8003H21.248ZM18.5109 14.1093L18.5108 14.1844C18.5108 14.5475 18.4152 14.9042 18.2337 15.2186C17.6693 16.1962 16.4274 16.5388 15.4434 15.9958L15.4026 15.9726L14.153 18.1369L14.2179 18.1744C14.5224 18.3502 14.7778 18.5992 14.9612 18.8984L14.9896 18.9461C15.5649 19.9425 15.2343 21.2135 14.2533 21.8051L14.218 21.826L14.153 21.8635L15.4622 24.1312L15.4872 24.1173C15.7697 23.9645 16.0842 23.8802 16.4053 23.8713L16.462 23.8705C17.5675 23.8705 18.4685 24.746 18.5093 25.8415L18.5106 25.8912H21.1291L21.129 25.8161C21.129 25.4645 21.2169 25.1188 21.3843 24.8103L21.4114 24.7619C21.9868 23.7655 23.2528 23.4164 24.2556 23.9702L24.2913 23.9904L24.3563 24.0278L25.6059 21.8635L25.6004 21.8604C25.3016 21.6879 25.051 21.4436 24.871 21.15L24.8432 21.1032C24.2788 20.1256 24.6031 18.8788 25.5654 18.2982L25.6004 18.2775L25.6654 18.24L24.3563 15.9726L24.2913 16.0102C23.9868 16.186 23.6435 16.2827 23.2926 16.2919L23.2371 16.2926C22.0859 16.2926 21.1502 15.3698 21.1293 14.2234L21.129 14.1842L21.1291 14.1094L18.5109 14.1093ZM19.9217 16.7276C21.7292 16.7276 23.1944 18.1928 23.1944 20.0003C23.1944 21.8078 21.7292 23.273 19.9217 23.273C18.1142 23.273 16.649 21.8078 16.649 20.0003C16.649 18.1928 18.1142 16.7276 19.9217 16.7276ZM19.9217 18.0367C18.8372 18.0367 17.9581 18.9158 17.9581 20.0003C17.9581 21.0848 18.8372 21.9639 19.9217 21.9639C21.0062 21.9639 21.8854 21.0848 21.8854 20.0003C21.8854 18.9158 21.0062 18.0367 19.9217 18.0367Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/newCreateFlow/typeIcon.svg b/web/satellite/static/images/accessGrants/newCreateFlow/typeIcon.svg
deleted file mode 100644
index e9902abef731..000000000000
--- a/web/satellite/static/images/accessGrants/newCreateFlow/typeIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="20" cy="20" r="20" fill="#EBEEF1"/>
-    <path d="M20.0099 12.8L21.5815 13.9002C22.8592 14.7945 24.3766 15.2816 25.9348 15.2988L26.0198 15.2992V21.0188C26.0198 23.1183 24.793 25.0242 22.882 25.8935L20.0099 27.2L17.1378 25.8935C15.2268 25.0242 14 23.1183 14 21.0188V15.2992C15.5502 15.2992 17.0638 14.8285 18.3406 13.9494L20.0099 12.8ZM19.3554 14.8401L19.083 15.0277C17.9679 15.7954 16.6986 16.2971 15.3724 16.5026L15.3091 16.5122V21.0188C15.3091 22.5871 16.2151 24.0123 17.6309 24.6792L17.6799 24.7019L19.3554 25.4642V14.8401ZM20.6645 14.8562V25.4641L22.3399 24.7019C23.7674 24.0525 24.6896 22.6377 24.7104 21.0729L24.7107 21.0188V16.5132L24.6345 16.5016C23.3023 16.2952 22.0277 15.7929 20.907 15.0254L20.8308 14.9726L20.6645 14.8562Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/s3.svg b/web/satellite/static/images/accessGrants/s3.svg
deleted file mode 100644
index 936835808d22..000000000000
--- a/web/satellite/static/images/accessGrants/s3.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.3849 0.861511H38.58C47.5586 0.861511 51.1211 1.85669 54.6153 3.72542C58.1095 5.59415 60.8518 8.33644 62.7205 11.8307L62.8625 12.0997C64.6162 15.4663 65.5594 19.0227 65.5844 27.5234V38.7185C65.5844 47.6972 64.5892 51.2597 62.7205 54.7539C60.8518 58.2481 58.1095 60.9904 54.6153 62.8592L54.3463 63.0012C50.9797 64.7549 47.4233 65.6981 38.9226 65.7231H27.7276C18.7489 65.7231 15.1865 64.7279 11.6922 62.8592C8.19804 60.9904 5.45576 58.2481 3.58704 54.7539L3.44502 54.4849C1.69132 51.1183 0.748152 47.5619 0.723145 39.0612V27.8661C0.723145 18.8873 1.71832 15.3249 3.58704 11.8307C5.45576 8.33644 8.19804 5.59415 11.6922 3.72542L11.9613 3.5834C15.3278 1.82969 18.8842 0.886518 27.3849 0.861511Z" fill="#FF458B"/>
-<path d="M22.2797 46.0462C28.4305 46.0462 32.0727 43.2602 32.0969 38.5687C32.0727 34.625 29.4074 32.2129 24.535 31.1395L22.4124 30.6571C20.1691 30.1747 18.746 29.4269 18.7942 27.9556C18.8063 26.6048 19.9641 25.6279 22.2797 25.6279C24.6073 25.6279 25.8858 26.6772 26.0425 28.438H31.7592C31.7109 23.8188 28.0325 20.6952 22.2918 20.6952C16.6475 20.6952 12.5831 23.7706 12.6193 28.3656C12.6072 32.1164 15.2364 34.227 19.5058 35.2039L22.0867 35.8069C24.8003 36.434 26.0184 37.1697 26.0425 38.5567C26.0184 40.0642 24.6073 41.1135 22.2073 41.1135C19.5661 41.1135 17.8294 39.8833 17.6967 37.5074H11.9801C12.0525 43.2843 16.0686 46.0462 22.2797 46.0462ZM44.4709 46.0703C50.2599 46.0703 54.3725 43.007 54.3605 38.7134C54.3725 35.6742 52.3825 33.5033 48.5714 33.0571V32.8641C51.4297 32.4541 53.4559 30.5365 53.4438 27.7626C53.4559 23.7344 49.8136 20.6952 44.5191 20.6952C39.1884 20.6952 35.305 23.7827 35.2567 28.1726H40.9613C41.0095 26.4842 42.5291 25.3505 44.5191 25.3505C46.4126 25.3505 47.7031 26.4962 47.691 28.1485C47.7031 29.8611 46.1834 31.043 43.9884 31.043H41.5884V35.2883H43.9884C46.4849 35.2883 48.1131 36.5184 48.089 38.2551C48.1131 40.0039 46.6176 41.222 44.495 41.222C42.3844 41.222 40.8286 40.1004 40.7683 38.4722H34.7622C34.8105 42.9346 38.8266 46.0703 44.4709 46.0703Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/selection.svg b/web/satellite/static/images/accessGrants/selection.svg
deleted file mode 100644
index 1e607f3eea34..000000000000
--- a/web/satellite/static/images/accessGrants/selection.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="bucket-name-selection-path" d="M12 2L5.13714 8.86973L2 5.7326" stroke="#0149ff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/trashIcon.svg b/web/satellite/static/images/accessGrants/trashIcon.svg
deleted file mode 100644
index f67f8326be3e..000000000000
--- a/web/satellite/static/images/accessGrants/trashIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5762 3.86476C14.9206 3.86476 15.1998 4.14397 15.1998 4.48838C15.1998 4.8244 14.9341 5.09835 14.6013 5.11151L14.5762 5.11201H13.2896L12.3256 12.9845C12.1864 14.1218 11.2206 14.9766 10.0747 14.9766H6.01806C4.8809 14.9766 3.91958 14.1344 3.77004 13.0071L2.72271 5.11201H1.42343C1.07901 5.11201 0.799805 4.8328 0.799805 4.48838C0.799805 4.15237 1.06556 3.87842 1.39834 3.86526L1.42343 3.86476H14.5762ZM12.0331 5.11201H3.98096L5.00645 12.8431C5.07242 13.3404 5.48952 13.7144 5.98806 13.7289L6.01806 13.7293H10.0747C10.5802 13.7293 11.0079 13.3596 11.0835 12.8628L11.0876 12.8329L12.0331 5.11201ZM7.05993 7.32448L7.06398 7.34966L7.06697 7.37457L7.46392 11.3441C7.49819 11.6868 7.24815 11.9924 6.90544 12.0266C6.57109 12.0601 6.27206 11.8229 6.22585 11.4931L6.22286 11.4682L5.82591 7.49868C5.79164 7.15597 6.04168 6.85037 6.38439 6.8161C6.71016 6.78352 7.00241 7.00785 7.05993 7.32448ZM9.84197 6.81634C10.1763 6.84978 10.4225 7.14147 10.4024 7.47391L10.4004 7.49892L10.0038 11.4654C9.96952 11.8081 9.66392 12.0582 9.32121 12.0239C8.98686 11.9905 8.74072 11.6988 8.76074 11.3663L8.76274 11.3413L9.15939 7.37482C9.19366 7.03211 9.49926 6.78207 9.84197 6.81634ZM10.0407 1.2002C10.3852 1.2002 10.6644 1.4794 10.6644 1.82382C10.6644 2.15983 10.3986 2.43378 10.0658 2.44694L10.0407 2.44744H5.95886C5.61444 2.44744 5.33524 2.16823 5.33524 1.82382C5.33524 1.4878 5.60099 1.21385 5.93378 1.20069L5.95886 1.2002H10.0407Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/unselect.svg b/web/satellite/static/images/accessGrants/unselect.svg
deleted file mode 100644
index 1e7a7f57fd87..000000000000
--- a/web/satellite/static/images/accessGrants/unselect.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="7" cy="7" r="7" fill="white"/>
-    <path d="M9 5L5 9M5 5L9 9" stroke="#1B2533" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/accessGrants/warning.svg b/web/satellite/static/images/accessGrants/warning.svg
deleted file mode 100644
index d83eb4a449bc..000000000000
--- a/web/satellite/static/images/accessGrants/warning.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="18" y="18" width="18" height="18" rx="9" transform="rotate(-180 18 18)" fill="#F84B00"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99707 4.66675C8.44478 4.66675 7.99707 5.11446 7.99707 5.66675L7.99707 9.00008C7.99707 9.55237 8.44478 10.0001 8.99707 10.0001C9.54935 10.0001 9.99707 9.55237 9.99707 9.00008L9.99707 5.66675C9.99707 5.11446 9.54935 4.66675 8.99707 4.66675ZM9.00098 11C8.31062 11 7.75098 11.5596 7.75098 12.25C7.75098 12.9404 8.31062 13.5 9.00098 13.5C9.69133 13.5 10.251 12.9404 10.251 12.25C10.251 11.5596 9.69133 11 9.00098 11Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/account/billing/availableBalanceIcon.svg b/web/satellite/static/images/account/billing/availableBalanceIcon.svg
deleted file mode 100644
index a6712025c36b..000000000000
--- a/web/satellite/static/images/account/billing/availableBalanceIcon.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg width="55" height="54" viewBox="0 0 55 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="55" height="54" fill="#E5E5E5"/>
-<g clip-path="url(#clip0_11080_68109)">
-<rect width="1440" height="1247" transform="translate(-892 -250)" fill="#FAFAFB"/>
-<g filter="url(#filter0_d_11080_68109)">
-<rect x="-24" y="-24" width="524" height="208" rx="10" fill="white"/>
-<rect width="54.3028" height="54" rx="20" fill="#FFA800" fill-opacity="0.1"/>
-<path d="M31.7726 15C29.9695 15 28.3354 15.336 27.0583 15.969C25.7822 16.602 24.7333 17.633 24.7333 19V23C24.7333 23.129 24.7766 23.254 24.7967 23.375C23.7901 23.1206 22.7551 22.9946 21.7165 23C19.9134 23 18.2793 23.336 17.0022 23.969C15.7261 24.602 14.6772 25.633 14.6772 27V35C14.6772 36.367 15.7261 37.398 17.0032 38.031C18.2793 38.664 19.9134 39 21.7165 39C23.5196 39 25.1537 38.664 26.4308 38.031C27.7059 37.398 28.7557 36.367 28.7557 35V34.594C29.7395 34.8585 30.7535 34.9949 31.7726 35C33.5756 35 35.2097 34.664 36.4869 34.031C37.762 33.398 38.8118 32.367 38.8118 31V19C38.8118 17.633 37.763 16.602 36.4859 15.969C35.2107 15.336 33.5766 15 31.7726 15ZM31.7726 17C33.3041 17 34.6677 17.328 35.5748 17.781C36.4828 18.234 36.8006 18.711 36.8006 19C36.8006 19.29 36.4828 19.766 35.5748 20.219C34.6687 20.672 33.3041 21 31.7726 21C30.241 21 28.8774 20.672 27.9704 20.219C27.0623 19.766 26.7445 19.289 26.7445 19C26.7445 18.71 27.0623 18.234 27.9704 17.781C28.8764 17.328 30.241 17 31.7726 17ZM26.7445 21.844C26.8501 21.902 26.9487 21.977 27.0593 22.031C28.3354 22.664 29.9695 23 31.7726 23C33.5756 23 35.2097 22.664 36.4869 22.031C36.5965 21.977 36.695 21.902 36.8006 21.844V23C36.8006 23.29 36.4828 23.766 35.5748 24.219C34.6677 24.672 33.3041 25 31.7726 25C30.241 25 28.8774 24.672 27.9704 24.219C27.0623 23.766 26.7445 23.289 26.7445 23V21.844ZM21.7165 25C23.248 25 24.6116 25.328 25.5187 25.781C26.4268 26.234 26.7445 26.711 26.7445 27C26.7445 27.29 26.4268 27.766 25.5187 28.219C24.6116 28.672 23.248 29 21.7165 29C20.185 29 18.8214 28.672 17.9143 28.219C17.0062 27.766 16.6885 27.289 16.6885 27C16.6885 26.71 17.0062 26.234 17.9143 25.781C18.8203 25.328 20.185 25 21.7165 25ZM36.8006 25.844V27C36.8006 27.29 36.4828 27.766 35.5748 28.219C34.6677 28.672 33.3041 29 31.7726 29C30.7482 29.0055 29.7296 28.8472 28.7557 28.531V27C28.7557 26.871 28.7125 26.746 28.6924 26.625C29.6276 26.867 30.6644 27 31.7726 27C33.5756 27 35.2097 26.664 36.4869 26.031C36.5965 25.977 36.695 25.902 36.8006 25.844ZM16.6885 29.844C16.794 29.902 16.8926 29.977 17.0032 30.031C18.2793 30.664 19.9134 31 21.7165 31C23.5196 31 25.1537 30.664 26.4308 30.031C26.5404 29.977 26.6389 29.902 26.7445 29.844V31C26.7445 31.29 26.4268 31.766 25.5187 32.219C24.6116 32.672 23.248 33 21.7165 33C20.185 33 18.8214 32.672 17.9143 32.219C17.0062 31.766 16.6885 31.289 16.6885 31V29.844ZM36.8006 29.844V31C36.8006 31.29 36.4828 31.766 35.5748 32.219C34.6677 32.672 33.3041 33 31.7726 33C30.6292 33 29.5964 32.84 28.7557 32.562V30.625C29.6789 30.867 30.6845 31 31.7726 31C33.5756 31 35.2097 30.664 36.4869 30.031C36.5965 29.977 36.695 29.902 36.8006 29.844ZM16.6885 33.844C16.794 33.902 16.8926 33.977 17.0032 34.031C18.2793 34.664 19.9134 35 21.7165 35C23.5196 35 25.1537 34.664 26.4308 34.031C26.5404 33.977 26.6389 33.902 26.7445 33.844V35C26.7445 35.29 26.4268 35.766 25.5187 36.219C24.6116 36.672 23.248 37 21.7165 37C20.185 37 18.8214 36.672 17.9143 36.219C17.0062 35.766 16.6885 35.289 16.6885 35V33.844Z" fill="#FFA800"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_d_11080_68109" x="-44" y="-44" width="564" height="248" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="10"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11080_68109"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11080_68109" result="shape"/>
-</filter>
-<clipPath id="clip0_11080_68109">
-<rect width="1440" height="1247" fill="white" transform="translate(-892 -250)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/web/satellite/static/images/account/billing/calendar-icon.svg b/web/satellite/static/images/account/billing/calendar-icon.svg
deleted file mode 100644
index 7391d7536658..000000000000
--- a/web/satellite/static/images/account/billing/calendar-icon.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="16" height="15" fill="#E5E5E5"/>
-<g clip-path="url(#clip0_11080_68109)">
-<rect width="1440" height="1134" transform="translate(-1289 -182)" fill="#FAFAFB"/>
-<g filter="url(#filter0_d_11080_68109)">
-<path d="M-16 -4C-16 -8.41828 -12.4183 -12 -8 -12H94C98.4183 -12 102 -8.41828 102 -4V20C102 24.4183 98.4183 28 94 28H-8C-12.4183 28 -16 24.4183 -16 20V-4Z" fill="white"/>
-<path d="M11.6298 0.799805C11.9825 0.799805 12.27 1.07873 12.2838 1.42802L12.2843 1.45435L12.2845 1.95023C12.7134 2.03323 13.0125 2.15631 13.3127 2.31689C13.9139 2.63842 14.3858 3.11025 14.7073 3.71147L14.7349 3.76376L14.7754 3.84369C15.0529 4.40549 15.2 5.02927 15.2 6.55354V10.1856C15.2 11.8301 15.0288 12.4265 14.7073 13.0277C14.3858 13.6289 13.9139 14.1007 13.3127 14.4223L13.2604 14.4499L13.1805 14.4904C12.6187 14.7679 11.9949 14.915 10.4706 14.915H5.52946C3.88494 14.915 3.2886 14.7438 2.68739 14.4223C2.08618 14.1007 1.61434 13.6289 1.29281 13.0277L1.26441 12.9738L1.22393 12.8939C0.951218 12.3413 0.804672 11.728 0.800049 10.2565V6.55354C0.800049 4.90902 0.971278 4.31268 1.29281 3.71147C1.61434 3.11025 2.08618 2.63842 2.68739 2.31689L2.74127 2.28848C3.03759 2.13461 3.34035 2.01732 3.77524 1.9391L3.77526 1.45435C3.77526 1.09285 4.06831 0.799805 4.4298 0.799805C4.78248 0.799805 5.07001 1.07873 5.08383 1.42802L5.08435 1.45435L5.08426 1.82875L5.22929 1.82609C5.30335 1.82503 5.37975 1.82437 5.45862 1.82413H10.4706C10.6511 1.82413 10.8189 1.82619 10.9755 1.83028L10.9753 1.45435C10.9753 1.09285 11.2683 0.799805 11.6298 0.799805ZM13.8908 7.06047H2.10902L2.10914 10.2524L2.10992 10.3771C2.11922 11.5359 2.20912 11.9652 2.44718 12.4103C2.64671 12.7834 2.93167 13.0684 3.30475 13.2679L3.35151 13.2924L3.39925 13.3162C3.81404 13.518 4.26422 13.5974 5.34045 13.6053L5.52946 13.6059H10.4706C11.7724 13.6059 12.2277 13.518 12.6953 13.2679C13.0684 13.0684 13.3534 12.7834 13.5529 12.4103L13.5774 12.3636L13.6012 12.3158C13.803 11.901 13.8824 11.4509 13.8903 10.3746L13.891 10.1856L13.8908 7.06047ZM10.4707 3.13322H5.46264L5.33794 3.134C5.2492 3.13471 5.16474 3.1359 5.08422 3.13759L5.08435 3.97903C5.08435 4.34052 4.7913 4.63357 4.4298 4.63357C4.07712 4.63357 3.78959 4.35464 3.77578 4.00535L3.77526 3.97903L3.77526 3.27922C3.60148 3.32828 3.454 3.39144 3.30475 3.47126C2.93167 3.67078 2.64671 3.95575 2.44718 4.32883L2.42271 4.37559C2.2487 4.71564 2.15908 5.06428 2.12533 5.75134H13.8748C13.8395 5.03277 13.7431 4.68437 13.5529 4.32883C13.3534 3.95575 13.0684 3.67078 12.6953 3.47126L12.6486 3.44679C12.5326 3.38741 12.4155 3.33787 12.2844 3.29701L12.2843 3.97903C12.2843 4.34052 11.9913 4.63357 11.6298 4.63357C11.2771 4.63357 10.9896 4.35464 10.9758 4.00535L10.9753 3.97903L10.9754 3.13872C10.8765 3.1363 10.7715 3.13471 10.6597 3.13389L10.4707 3.13322Z" fill="#56606D"/>
-<path d="M-8 -11H94V-13H-8V-11ZM101 -4V20H103V-4H101ZM94 27H-8V29H94V27ZM-15 20V-4H-17V20H-15ZM-8 27C-11.866 27 -15 23.866 -15 20H-17C-17 24.9706 -12.9706 29 -8 29V27ZM101 20C101 23.866 97.866 27 94 27V29C98.9706 29 103 24.9706 103 20H101ZM94 -11C97.866 -11 101 -7.86599 101 -4H103C103 -8.97056 98.9706 -13 94 -13V-11ZM-8 -13C-12.9706 -13 -17 -8.97056 -17 -4H-15C-15 -7.86599 -11.866 -11 -8 -11V-13Z" fill="#D8DEE3"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_d_11080_68109" x="-19" y="-15" width="124" height="46" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="1.5"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11080_68109"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11080_68109" result="shape"/>
-</filter>
-<clipPath id="clip0_11080_68109">
-<rect width="1440" height="1134" fill="white" transform="translate(-1289 -182)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/web/satellite/static/images/account/billing/coupon.png b/web/satellite/static/images/account/billing/coupon.png
deleted file mode 100644
index 1945cda07ef4d3f200898386abb869e25b655ad0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 315
zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)o!3HD`_wL~ZQk(@Ik;M!Q+`=Ht$S`Y;1W=H%
zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK>h_!7srqa#-mdn@-`U=w65o^?vVb$>@ma5
zY=Y<<hq(^1?GCGiPssU3$Itd?>5zK*<@ZJJ+fU-&7u7DxoYh^dr=~Vxx9{Z=Jxf;`
zr;Z!PGb$#kbS}_e`T7>`d6mB%8E+n4Tpjmujr66cYL&P$M~%~)9&MW`#dC-;beiJ{
z{ixTvh6z0{xj39E=WRd2u&eYHXK3hF1-2<ch5j5<jxez0UgbR4WEONv)sW%3=EQpW
zmOpJ0j{goFzsPUhDth;`J@>C8RriFP_^(T}Ng6huwEkVe`X}D!R=`D%8$iD?c)I$z
JtaD0e0sy;2cN72s

diff --git a/web/satellite/static/images/account/billing/paidTier/prompt.png b/web/satellite/static/images/account/billing/paidTier/prompt.png
deleted file mode 100644
index 1ef13b5b6e30d26e2a5da839e0e32f861eb81b77..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9084
zcmV-?BZJ(DP)<h;3K|Lk000e1NJLTq008U&00A@z0{{R37#A<l0008tP)t-sM{rDb
zruE<L?D^+z-}Un8_2=aE@ACZmr_A)c+4<h>==Ai$^ytv{?ScQNz5kZ4#p?0_-kxcp
z`@`V*^7FX*<YU0*^PtE3N{;{ke4#mm|M%>G|AnoSzy5)-{PymOpT+$0-{fTI#kuA3
zG;8gCvHU-F?)37Tb?MB3?a)hu@wL?YT$=r>()qa8`~Q)&aGv=5uF3tO!280@|AdtI
z=yHp;`HQ#u^z)<k#@zSod-e6GN93)H>C&^}^7zu-`o7gyjr5rD+x?xw9^k0-@|Z8-
zwpr%Hy0&`%oul*guKcmi^zxm*-2MB;+Ck%|`o7Eg%i#UDwg0!Q`Q)aZ&9Ccx#{d8S
z_~YvTa!(uB;Qwon8)pCg*hddB-~ix<{MbkjG2t6z|Nm=^0N{rF*hUXA<PI_74Kd*V
zYK{QkhXCM(4l>~sPX8ie>mpj|`_n}H+e-gukQizI{ET7y*G3FF<P0|8{M=3tH0S<Y
zo)0+e8e#wcp<?&dMHf~7|6!DUL&^Z%kQFoGdEQ?D)`%Z&|Ne4|sG5fmKJ*z~{~<Hs
z`;b}xa+v$zSQ141=1;3XHr*(8{s}+YaAWfHRiyFIMF7x~WjfX{HQ=aX-4sgy|7MvK
zaQ~Y?$t-98i9XI$INSevf7Zuay+ytdM&<xg(*Ve-v|-WZ%Si%!{Q#t={IgZoO|bxO
z#?45#bv)8QWd9C7<^PCtu0+G^V6_0gnKxj#`@l^Ah_~v^PRF)Y0I|pH*GAdEOZv%2
z|I$YqNzaU6>|A2|&|k>_;B~{>N9lZu0F3ZBbM~vJkbkm;D}U_$lx&^2f?d0WQ<lP(
zpo7bbhX9}4eww#$g^(3b>73n9Y=+N;k%G{=Z<U>*Pk!Y@iq_kPhb2_TNo}dy+C>21
zf4#zKUwWQK-(<0>Ww?`u7*ps{pSUc_hM}QxM8t(3R_b!7qm8MV9pG$!u$dFhg%2>|
zlC5!jb>=nz003EZQchC<wG;6K4F~~1p&u74+<?Cs{^2u0`6+Jp{{6@OpT4h%J-R#m
z)%Sy;h4NVNdQI@m$?J>$=9aN;UF2TWXhu|<=Tz4ElI-37@ldU#XL0wqe&5Eww)aLz
zApskG001BJNkl<Zc-rNiiGLJTw#S>$N%3MF0w|jxC;}=XAh?U*uH(4Rdmlfa?o_&}
z(p^>E1wzLr5FkJ>37CfpNN{0CB`WTsh&s5hIN~zuIO@#k%;-2XI?MY5-Z|%1cd9#8
z-PKF=QeFZ51c>$RbI(2Jp7Xo6Jf5PD>X}!}x?*OP=O-{~=G-vL=ks-4e|EKdAvuo2
zpT}K4OY-?7N%GCQ;YJS!U#H)38!Y~;n|Vc-q)I-<d&RYN9KpKLxah2aNvJ**XuGcX
z*%9uX#-5{YKvdO7yeit(C(XKkj@MnLrMX&n?JNl~^%4J1Y1R#OE}O<&6*{ZWbaY)Y
zx6WPh=9jZ@0XD@|!MLspx>ZN+eX7f6VcDnl4m`qLuz{EMK4oTDY1iJD8r%h2ePkdQ
zJGgw8MCpX8|AZ;LYx%)oAmBFGU?A8K*#BM^g&kF8Sw+`-`{C<BcfoRC*#KhETxPQw
z5~-*5z653sxY4p~ytH>0B~X&IYxzqJ_z}Qo;5N$!1B4q4G?451b}irEz&?Nm_gOa3
zpbuE7_P@6aW-wtkz&|eZ*@gry%;o(r!LmeO3N&P~KylS<_f#>KZ3x5wlV)&supBr1
z#LG^qD*IhSs$~OgWy%h={-kT#BkkwSuBjx;GF+Y2Hf;6m^V*vtO-+&Z<0p74$Fj-8
z9&F8p$G3;WO-+q3nueS>+*>)8%^J4$#EZj`Cip?H;qWyl)w|WQRVQ5ooC(-Q_|Nw9
zF67*3S?`7CwTByF1~)Z^b=C-gw;z9gIp@ZdK_r6)5Eg#pbj!^<H{tjpU{SCtj7Bz^
zXncL~iM3^EU5-2In8op!lVD|eMIf;FoTIFsx{92&(R4(@*UT={l3Ud!0~eEN4c4X1
zV&Tz~kFa#s^V%a#7OXJB;JRfPb-h?1A9wUZ46sS@cHwQ~>bzFr2AmaFB}>|HI6UO|
z^J~h@t~irD-nt`iGfrc$>}|*V+yWJH!yyn@VJWh<EG*F&hN{XAmfAYrv(8x@rv<Yv
z9yqz$GO_>fjxbw^(oAFY=kWKl%XC@x)J_K1rCc$%aNsX$(_}(}zk0VLVhzgTZBw}8
zgExOxw&?}AF0M>Rk2@;u24=8N`ta`<S<QjNjbWI?9q)fA`N|d+eHX$Igqw4@^n266
zP`v3{(-CeoH*Xm8#(#f{C7$wyrI7NAV<uN;%H;=Bx1j6Y4vQ5k3^TY(#XnTuu(qlV
zgIV)S{p$S=J!wiLP_!H9c=t_KdoFiak3CquXYlR!VakUoH>PO~8=v>TO7s_81dGjs
z4?1u)!ojw9;qSjSv{GCH%Nq6So8Y=(mNUUG;H>1(#fRlQ^;3s&j#*Z>p!DJU9XOAH
z7MwM?`B_9*@9gu2T$)SefV1hddKb6r+rML7CXA8QXxAdb(tZ=R(wAnn{orc2Y+<pH
z`$0$K-)p+m)UOu_maB*TCajc@whcLckliX6SAE^}ldCvSmayo$Ca6V%<?2tmw4HV)
zxDji=_{3qhCU5oG7md1k@sVfMWCv@Z$S4jhS3Uc(Ay^Os*a#W7-G=LO+>JBF_<T1n
zXt-_MQQmY@x&Jhl)RMuHvjQWQhv?t1cnrDh!VG_F_{=fbg$7tCQT*bFEG;XQ1{Ny0
z?I}4c?X-tnHX)6*s;-{4j-C%-VJtp<a+RfV2m9;}r(szyA|*3#!q5P&JKQSL+&Flh
zFWLu-+xK&R?kR6rZqQ{ggQ2>YYT0lEv%2<6XPb#@xw<PyB^-}ngP^j28kEJhwme{m
zQzf^tf4wBa)+wCJ{i|SAbH|WEMoO|Q)GWYtP3ynq09%dW2CE1CVc9;6tyISk*DFtq
z!+Z5b>wLQKw$Eo9SnqQ2=@5oEGgwI~C9IcFGYy~x*R5x;hzpT5n)G}+tX_DFL6Na0
zHKiJ?s**1=EV#wb9BB+d<8Vm0sWCGw%;#|XWwTk-^&WTSnAAs1h7D3h%FCtJpzN4c
za;65wfwMw^K4Jrw@(hf+Aib@fJ8fM*6ZOF&D=MU*tePBk2TPLA7OxXEs9MSm``SzC
zX^|IQcf#4Hk+VwaEX#U8i%&n-m|b7FPO`T?jk>z<c0F+qrb=mx)`^IlNU1h|Jj(O|
z4X}OC3z_Tc|Gy(<PD|O!rA%Lv1p3yUcC`biNCrIma7P6D-;Fk4;d8+s&pfxv{9#RC
zu^Y1R=yA22zEHtIkr|^*CPiXh!Z@~W+Lg6Vc<g{h8=rdy3G6LUFg8E@fV@gF4IgH(
zs274Z!Q^T#vA3Ud(Wu0!f>cR1&EOd~I@6*Zuqf2>z;l~zEl`+qbUge(3$Lt_d|6l)
z7v{z1oYm*LRo8*bOBSo}y3^)3)xjIENZ|RF2OjRQ5oe*Q`^=*o1%cOAnLnxpEViey
zwP$Ef*UcTX&eXK)rp<It1UO(34^J<&Jo-#W6Wg#inM9l>`g(Zta~t8Kfgh`U_ART6
z8DXUwcu8Ld$y^uf6zHZZg(Fy-#$4;<DGIPGJUq`U=(@nuF9?x8W6LyxGnoD1tY8f`
zUTBQEHP@l*GT&#1y}((I^KwOi<^O}OYZP=C_p|U%$HR}dD1yT00~-k3c8)O&&7HPR
z?}pF}KF#SviwRf-=Q6l%q^bWF4{*U*TX;d{^MR#I<LGg930zD$*O7502sd*bKlYS>
z1y@vrjgLN)N=vYtpL?K1*8g1YuuMh-(vrR)>Ya1_D4N7$W*p~y&8ZI-ho)_Wx!lC^
zLfY4XQNt8&*yoWSY>-qn0owc}T=!}SL!)NQDTZz_8CDPk2t$aAIV4mqz+1^#`Q(w~
zG)_=2KJw>%D^b<l8P^r(gmDTiugT=Py2v9EVUe}au)&2WM<{w%Eg2S;AR#0u8!75S
zz=6p6fTk5577G~zFR3amtRm1<7BCFKJVs{?37RbPg@p|USPk-AuDE9dQY_0BA%(f_
zGmo~&d_T|vz*0(uQTNEByd{NA7`f$vjT$eT|8BmpiJVz)A8@6GmGull<DG(qKm;Y`
z#RJc(F1cl84JI?JO|tA9EYrk+>sFT<R)&QMB2iA3h52a<mf;4DKIW+69P6=y6);=I
zr8zrTs<QR``meu!F&0NjyG*eHGqextO1eO$9qC}(cK>y&zxnVtZ5d$=VHYyU>dJ$S
z?fzkdU-bK%xBhi^ED*2<3#~8=L!8rLx4^ImetoD}^oub3{zLydK!;5;2ce+eKB(g=
z1Qs@>(VM?H-0Y_z;xEl#qU$yU^z$HTrg4zf(+6Hs=i$m8mdYy8eV>7|`VFIb>)~%=
z`e|Z26B^qGHRTQ)#k$#+d$#+N2h3%0>kkjcg27<&k%=_XD5(Znj<8t7-_rYppFGtF
zi@eQ;{`Dg3>Dk*2LDRmrtSzf<dF|Cs(Qh(vu>#lavAZtg1X$?U=8wTDS;HpPxA(o$
zEb5C=KUn+;VW=%=ZyE=2hp_laXEI1AlFN|tYqDMY!uDQ}SM^B+Bp*7fsaXx<p&xeJ
zaoTt!3WDo8(4L*%EkL#}*f*^J8zOC6AMBRiSDXD}23XPGeCXW+b~gw}yAY#pAvb?q
z{dE^@xo;=zZFu{J6$I_>ZLRSxp48R*P%~S2)55~<KlH9`%hKWv8RQWKT$tyaHVT49
z>$baP#e64cwx<`mAHTyO8<E!R`Dm+{*|J+d+H;HTG6vZeGstrbM9bC9KnW8(ZgkU*
z)x14eg<pNwBP)&S9%)Tec+XqS#%N=*NHxE;r#*5@79|YYK?K2d3t?QY9@_m;{gKs`
zkKDCdL1)C$qF_3Cp+cj<=63zlD^;IS0-~+~!QbW=-fCvn#XKS<&;sg1FF+Tm>6V5p
z2WrO#UUFQ%7dTdf07Nw=1+Dk32U1*>t=C{)yL-nbRicZKd`Ym-ANlAZzs@NpWl%64
z`e+YHwX=uCu03?Ia}PuKDKS|?pRNIJa*DQY>xNRIqM3TH5(4AOcij<XR}HEuuqZ0o
z^HDQPp~U2z0%mZSG)0ZMSQZC`p<Jyy{7R-b^d*E5B>IhRdc2$06v5oKin8;ul{A5q
zr6am!QG~sR&E+JYg&EwALQiZRWerPu3~YtnHtx9GSZilaTc<aG69-Oo?3Iu01ltOR
zd@BB55N@7s)juA!zhz0_8EI^P;i2XvyXwvwY0ME;U#J4fU2Ge(R~M_yIc=S#PEzu%
z1lNU-3wefKPnAQkFe!5Pj!jYXzlN}hGlPxfx}v^TLAcq>PGhl=J*;8C=8rD5v=0kP
z{!!^wq0!bI-5S&s6}Botkx>D7a8{p`5th!F?Rkr$F8m~CZ8Y@p^MFMIL*2$>ub@uL
z_pocnMAfwVSKNZ%fni8aq=qt&&T6UTPl1g@&~<UE1J2q+r<@A`iv{&S!)?E;<2<(3
zDz17aDHznWI!WAxgX^x22U|@6XI0Z2TS$S$=JjT9UFNLh%msm^u@ItewVjDv1L9zP
zP0FBc2BA*tw)J{+?cQ-mRPxz|W%BIEo)>TiH!@XrL3~!H4J<w;bKS;U2jRx1927qc
z$RN96om#z<a>H~Z1vY+*h?#^euLUYG;&mIVyCFavJjN&4hNTOc(RJ6~w^CJefi)im
zfyI*RCAHSeR6UA=CEKX_6`;PAk8H9bgDy5~fZ7L>EnFAR$gyioZNp-ikrG<FGJ~bA
zy-~t!7<Jdi&!S{8i`95AmQ<<CU}>uhllkalQY2y=S3h@J)aU3ZHf*AWfH$4QCCv2i
zv#n&k6%UI$d}!Kx`@#)IR)<+j0~-u55p!SrVA%getq-SGx@GmzbNLiTJLrUMn^dP+
zeZDoBPL9Nnw}lG_+rUaxZO{K<{(mvc4w|p6zpqvGS?yN}XIT_;ra3gyM1LS0DX3+G
zf!MEp^K#2g30PU6TA<|UBK09&i4#tH&Wj2ak=H*hoM9V+u?IhRwnfm4urlBM_$Eh#
zkEFhdSK>4_rK5%Y&)0u`qpg6`xaaw2TlkP58(<Y#3-M6Dk2<<0<84;qNctmu|NQht
zJ6$}RqwQCJ+6c;b&}#L;;@%qyq?pj>fx=$alJ=H`t~KAoTy4Y?BFU>26{o_H*Khe_
zEUnNWn+OZe`rDT^l#@a^#RyA<BmrFaj%co{R6I$Rd})$Sx)O)V5)p&yo;L3hKz$=t
zuw^M2==s~TEs2U?3ao$yL#=y9t0eiP+}0}g7k5e4%Q|fMzj~jJiyL?A>{uo^YcNnK
zSPVBC4ej$(%ko-CQDh#<D|AdK7g88c?Om|{sV>#Z`0%3(T$ics`^s+-a@Jt1P_Phg
zHY&!#b_y(LhhbHQlIUtEoT)iEExsJ!AZ#}l(8~hS;Qrt1N#}x^n6pCoFU%4gd+@iv
zhl7B|GJZeH>g6P;vOK;i{vIqTi#$^8dhcM6)J(x1dRYKF<Z42E^B-^dnpMoHBLd+j
ze&ECG%u5zq9NNgX{pHz~)OLkAEb=OR_qNuAY{{NYqwp@8{cVZsGGhnfJs+x1l}xu7
zH!o;=<Ii7**(n)xRtwok`~v<gmZbnWD=*lE#S;J+hN84isdi`Z-h;Z!k(4FSwx3?n
zV{ytd7<=*4e}2spCKRRyO)Y3oI%B-oJ@%_Vz1#w|d(F0GAqvZSH(9l}`IEYqAB^=~
zA<y3FL9T1+1^^2=>mP4<9i6p}wQ0<2D>2))rQKZ52fuHD4kIo<Heq2I!#<9jtP@C!
z`riInAR%GWkL(9y`YU=Y^~QlWKE)Xvv=Z?J7VLiKbK9Xe5bGglg^;2Nwk@mZ@kvl1
zgY;#Jx+=blW&vXj2Kw&bChNx7D|$?n<U~hriwNl2+N6ycmdj!Xe)o3s+rR6H>GvI&
z+Bguu4*?=8=7zi?B=r?D`fMMzh9zN1O1Jrwq&IiR;Q8p0g2~$8KrHs)S6QDCpc4?m
zhMsr6psw|#ciLi@CYS~$_8uVk^R$r*St^%oz=HfAT{m6n5Pqlk(2oZUv)Hg+#Ck6O
z^3G^3r!0d#pMOSr1fbpi+2?JRYZbWwL{`WRAxp>yR>Ouf_FUC8>A%zqs>93MV*Own
z+P*ow)t@~qe4hooKkj6tM7-f+l&l8Km0$SD{N)cVnDJXnd2GPS{{iWQqEH5Dne6&{
z;dwd_@9tZT^@a4oA3CAeoP%Y92i|!*p=V@2-hQXYVp$Fb+Auf7Q@v>vX*OV)n+xQ+
zK8uW5l6pxhfS-Omuw#L`=f^|zxOQRL3Wv_xcKH_xJ&l;q(|mDxTcUmzh#M8xzz2W(
zvXW6TYX>%NVI{u#GxOeFT?2B66tqlZ*LL}r&0<!tam`EY^UpfXlyG9_XP?K|cW3LM
zUN<yu<O%@`b6HTjQQKs?QuW3^{pK&f!IcC8?C!&zB6B(Wu-L2!Vz@Dt=;9Z*|L#D{
zu;>Fg=7usa6b@Dn;W7o@fA`bog^b>Wa?8K<@a{I4SU+xHn#-)FF{K6QtfGlfSGP5|
zZjgzMX?Fw8ipgF9VR@8y(K$-o{8>+9hP&a%-FS*6Zr7|9s0EjQ(J5L;S4Dj;lj{;}
z5I1t5f0h-waIgxmS2A!nv?E@(k@~~xnx;d^QrnEM@kJ-L`{V6KFpIJM<K47UVQxqZ
zlPytj77LW&d@yYO)D*!*Z(3DtCRqKo0^qD0GHS1BEPESVmvTcv;O#zo4zL<Hh=O4V
z+9hg%VA<BJ=bcG@d#vayU#x-L5I1MG&uC;1OEVg4kdH)-o%VcS*=Dc}b3@T4tSBy<
zx3q-{q=Id&cMg`NZw~*H#O6=R4fcPHcen+av-VS}TG@5kinSrCgvz`iJ80Ryp|=lc
z|JQ426jUc>fW=w--m6S-oK98GeiMGV_4XyQ68BZx2Q>16Rls$ldYP)%(j@qRnP4Gv
zTE69;C;VcD;}T5Nx$NGhg3M?C!1=&}993IQvP{g4MZcv@GQ&bLyd1Q0uWa|Hvn;ba
z%wSCp$+kVUFtCcIz$Rn$4($AqWi4zA5BQ2NEi9HKmZMf~-<@JQm&Ffs#o8rs!XEY|
zN>O2HuPgH*-2Bm5LaTYa{hlqp3_gpNmFS$_6KR(wa8_J?;UtDobXa|?2i>jO%6u+)
z8e)y%m3^iqyFOT|sw~&T7<?OjnMyf70N?A@dzZ?2JZ52F6%0dCbl)r6`yNu%gXW#D
zZ82{On!?gt*1wG?8q#e&+=K+7)Ua^wrF$D_<>9cXXxtF^{jc_Jv65++TNW3)=xcYT
zoD0DL&dT;9rG|y=kaqWdD<!G5_X$J9ff-Eq%bDU@S(Y@+y-yfI8KS}rrjD{u`e{rj
zxK@*79(|5I;PyNBMSbyC*W314YGO;O{%v%BfZPx&{2+r6w35S8#td6ZbX|4JzB{+0
zSzdi@OZ;{2*}%rf7I0lXno(|8fKf15R$vy^!{!fNcl#6fv}S1kWq|eRD*($4`ErBB
z<7$Gi9t#<*uWhnuRAvDS-v(S4os|!j8!VFInZwmP6Rog3VD&2IzE_vx@noUgV4;wX
z>m}A8K|6+h%JhBCjFyEHe~;{hb{zgFyJ>8wWpq>LPfgqWO9M-xN>cB5e6<oP+;ces
zi;Z1n{bO4U=Owa&)z5UoiE}}bWxl*&;R!MPv&~;_(^yjBRHG8Y?M=B`mdEWT%w@~=
zK}O3);ix$tC(q*Mgi`q|JSEorppXGa^DJdWX0S|*gh#;W%0D5CnoG$no0!m$K}PMv
zGJTxd`t;qr?7-7F3`@5+Sjj#uU{^l2UJx8%bs82{D&g)O&^|CZf6yNmLKU9s!%9S6
z34du|SsPq{(+AQ1y0M#6VI?)XX<IiQu7(Y=R)Ln)Fw?^fa%I1{oUm*_hox`>?F<EX
z$3o@7CI-kp)s!Sdw``DI`r5EuePk!EIQkI9g5^;=rY1H164RJu5p7>R&StP1V4-@n
z{;`$DR#^NUTVPuffM~qak5DXFx_C#p%cz6Y-=0RIn!kaxQV;}%cZp@uZrDDEUyz_O
zp(fs!`uwvSWxV#mEtXAm5TJb!#e`V`SW@`Fv746_z9^%}u$V2N00k3fycjk>N`9Gl
zBP?tWLMZ#h>ntRMJ@6NlRw{0U#ilB1$7I_4!5INiYvJ(>&5f`MyNMqa8L;`g`T5_x
ztWZCWcjYvWM<KjdY3Hin<CX1v5l8W11v2K6+gHpBIUZO`4vTqyXzdD7oCnSua=B$;
z1}~kr3|ctzLUdoDi(wUBS#tZW)SsItQxfSySny5-tH5&T_7!?7a$ZqEiwO%Y3~Y_a
zYga6bi+|h;ORx5km)?78pJ30$uyC0GIjiV*H!PE7W4KAW4A!NV#dmR`vnC6;+zAUJ
zICNJ3PXSgAEx~Z}(|{#sH4&S-36@Gqpgdr?p@|yVO|XK7ax`*Q^Wmy#3`;QPhT=~F
zR$$I*t(A6_&n}&JYuaNgE`VjHeiTj54P6Zj4M&8fQbdOHIh79!$`OjJ%fyTa%_<)j
z%7sdNBbR~J4Y15v#mvV-D-~8@Z{3YMtKZhBR9Fy>LJpzGA;=9y*TZUbL&Va1m)SfL
zTEVa=G*+<4pL86@t(L`N8iX6;l>@GXC9woKt3S(8fv_kDmX}y><lHrlsUw#?YGqDi
z%nkjb|EFMC3O8aF%Tgu63M38?;vKmh3|l#{*gaR|C2MnX)(W&NFRz`qEDzQSvMjH$
zBEPFGt1CXpSw)w_3b4I_dN7qD@|nUF04vjRZ>$?G6LX2Im1Wrw-dnTe-evy$CU8Z-
z!qs6^A{FDeA-WG%F~pm=v*vBqvV|2`g$d-dOY@7Yl`xG_SBbDoZ@*O(-3|+dG&nIv
zRTqB&M_IxO*wYBDrBa0Gce`czkU|?d(O-~|Q?9Uhj{w}-p4iCw-8_v^=&da&L~d9K
z(^$x^$Y0r(<(aeo1YluzL%E^f5!SMSrTgIIkVDQ|Ua$ha8-j8}_rr!z$<L}T&asw_
zWtDhG&hK}vW#hb5<ad^|#IQ2m<$^kB2si#BjFMUwH4z#UfQX{AMlHQ%;ikxttc!!)
zZdrP38mYBJ_rnTGNLOn)y)u;ntV0{Q@`06=KG?M@#G<km7ZwCPA+jvK4Sdk(W&Wb9
z!6kx4?UHta4qJ7`$j)M|OeLAdvUdN;XVk}Eet!P3qy2>`^_LH<!UUDLiCc8SvBMKD
zdWToNPno{KFBZ?dMS!K3y<lmn<)(>KIL>1j-ue+kJN-qQ%Eg$**v5dy<NX&*tum5&
z5S$x6cBJ1$mgN<AXGZABNoUk1n>9WL9lN2~MGKTHESf)Y0@~6H)>AWO=mvi=!jR*z
zurA5+chjfTc+!lj@gqC++w3bB7VmBpl>1K}QEy??#29|;=w_!`orZ;N&7u>|to39b
z-cu)zuJmc#GJoRvUM@2$<W$uohHj|jX{>!RbV@bn_1GI+)!31peg_jOM_~1r=4wx#
zJieauWHW}HiLUEV_robzxCdUt+%P*-${;6h@H>@4IsyytOOjh|8gRbXlf$T`46<^j
zu`IWIa>0ly50?up=cyk%vbl1mv3CEYvBPphWjXVp0i&D6!q4Rb!fJ7`)}j*z4C6ex
z!@^&!zG`S^TpM4W0un5F!`&a>4ZX_i$#ZaA)zniu3te|CAS@h?gG%uIr%bK!<YiXf
zb3HX@jBGA!%q^s4!K$#4tLO3s)nPdfGRT7Nbqi@(S(|_C1h1zcL;t{V^H)YXD15~(
zPw!RGz8iXKfl&LH>&KJpmWe7A-^h+{w~_D1$m+ltcIL?D0xik;TQ-E-a~_;^n8%q>
zGYB)tvVg_fp|I$t=>?y`2Is9AaY|=-z=GKOlMAL+7a-hNugjj{XVB&^PlZ%|u;8j#
z<R4q>ae8<sK;1_4m+o8-T$0R(FgNr%&I-n@Ie+Me5>8|2YH0s}aKm|uGpfd)vNf-D
zIUiUJiu@yrMT-3cY9ExyvWq62fu#tqr-)-1>->p1)tIw~RY1CgcR}kLx#AA6?p3UP
zAQlA{GbX6Jd@}S@r-Dsp*X_)0W1q`32D9FO!T4&{g)2HM$8p1;<XRk9IP?g)A@r0v
zkEcYoh4#U8in>{ze$T;Y7tLpFs?u=A6J}^1h}lZ0?7|B8awa@7CVV$^M0E*`npmlz
z^Vb}|IJ3}q%fP!a0a$tR<Po);hbt*)+_<p$OT4(du&^?|F=NrBGl!J}XMCwTm9-BF
z?z2#dXn~EKr>q9YjX0&*i3JM6&4`+W@S|)-EwvBq^};g1g3JZ4<A=HncH}%|IVMar
zgrPiO;Z|7?^{|fI1kO{YgEGkcVR?e(v2MtfEh~(AY#-$Bv+x3C5P&eXR=MJW9lXQF
z>UEnuZovh;)}oUkH!Nqf#-r|l(f$k>l{GBBqf}N}ic@tdNCROi%OJ%ZVDYus@=eo6
z)OadpRE>{!{<4P!0m#%Uu0lZBb7IrppTnKx+LMz|t;JOcDyNs2r%WH6*!N|+T0ef%
z2}mmkoXUABa8#iH#V^`{rPt;OO3Qax<gZ9rkGFPwT!51Pbr_H>f!<Jla#FeGhBjDX
zE;H>|zdBW_WucuRgS2v3rK0M->%Gcs^Vi>J<(mdfsqs`aEF~F`L8c~D23T5~Kmd}f
zTC41GDm@H|sjzS>99$-V(#o;*9+wQx3kQdi5-J@wgatLB<%DAgaUK_qni11C^qa;q
zy{GjbLo3-?&AgZMRO=FE11wx@2tDQTRUX$3Xxfh@9VEK$JdNq_pl(>pd0aWT^GSdL
z&O0xJv$$pcfC(-|)iX${+u$o%TmCWqs%np`N7dL1AnMMOWpY-|<MIKn3-6yj;mmrE
u$L+9QtlLZ+Ju&XAuD2~$b5&^~>;D6#+g%X!VZZPI0000<MNUMnLSTYRIU#`n

diff --git a/web/satellite/static/images/account/billing/totalEstimatedChargesIcon.svg b/web/satellite/static/images/account/billing/totalEstimatedChargesIcon.svg
deleted file mode 100644
index 569275e44342..000000000000
--- a/web/satellite/static/images/account/billing/totalEstimatedChargesIcon.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<svg width="55" height="54" viewBox="0 0 55 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="55" height="54" fill="#E5E5E5"/>
-<g clip-path="url(#clip0_11080_68109)">
-<rect width="1440" height="1247" transform="translate(-344 -250)" fill="#FAFAFB"/>
-<g filter="url(#filter0_d_11080_68109)">
-<rect x="-24" y="-24" width="524" height="208" rx="10" fill="white"/>
-<rect width="54.3028" height="54" rx="20" transform="matrix(-1 0 0 1 54.3027 0)" fill="#003DC1" fill-opacity="0.1"/>
-<path d="M32.2699 18C31.727 18 31.2843 18.4111 31.2631 18.9259L31.2623 18.9647L31.2623 34.5321H29.8375L29.8374 24.7532C29.8374 24.2333 29.408 23.8095 28.8702 23.7892L28.8297 23.7884H24.8501C24.3071 23.7884 23.8645 24.1995 23.8432 24.7144L23.8424 24.7532L23.8425 34.5321H22.3259V30.717C22.3259 30.1972 21.8965 29.7734 21.3588 29.753L21.3183 29.7522H17.3386C16.7957 29.7522 16.353 30.1634 16.3318 30.6782L16.331 30.717L16.331 34.5321H15.8221C15.2656 34.5321 14.8145 34.964 14.8145 35.4968C14.8145 36.0166 15.2438 36.4404 15.7816 36.4608L15.8221 36.4615H37.8068C38.3633 36.4615 38.8145 36.0296 38.8145 35.4968C38.8145 34.977 38.3851 34.5532 37.8473 34.5328L37.8068 34.5321H37.2572V18.9647C37.2572 18.4449 36.8278 18.0211 36.2901 18.0008L36.2496 18H32.2699ZM18.3463 34.5321V31.6817H20.3106V34.5321H18.3463ZM25.8578 25.7179H27.8221L27.8223 34.5321H25.8578V25.7179ZM33.2776 19.9295H35.2419V34.5321H33.2776V19.9295Z" fill="#003DC1"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_d_11080_68109" x="-44" y="-44" width="564" height="248" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="10"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11080_68109"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11080_68109" result="shape"/>
-</filter>
-<clipPath id="clip0_11080_68109">
-<rect width="1440" height="1247" fill="white" transform="translate(-344 -250)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/web/satellite/static/images/account/billing/trash.svg b/web/satellite/static/images/account/billing/trash.svg
deleted file mode 100644
index 49671757186c..000000000000
--- a/web/satellite/static/images/account/billing/trash.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5772 2.86476C14.9216 2.86476 15.2008 3.14397 15.2008 3.48838C15.2008 3.8244 14.935 4.09835 14.6022 4.11151L14.5772 4.11201H13.2906L12.3266 11.9845C12.1873 13.1218 11.2215 13.9766 10.0757 13.9766H6.01904C4.88188 13.9766 3.92055 13.1344 3.77102 12.0071L2.72369 4.11201H1.4244C1.07999 4.11201 0.800781 3.8328 0.800781 3.48838C0.800781 3.15237 1.06653 2.87842 1.39932 2.86526L1.4244 2.86476H14.5772ZM12.034 4.11201H3.98193L5.00743 11.8431C5.0734 12.3404 5.49049 12.7144 5.98903 12.7289L6.01904 12.7293H10.0757C10.5812 12.7293 11.0089 12.3596 11.0845 11.8628L11.0886 11.8329L12.034 4.11201ZM7.0609 6.32448L7.06495 6.34966L7.06794 6.37457L7.46489 10.3441C7.49916 10.6868 7.24913 10.9924 6.90642 11.0266C6.57207 11.0601 6.27304 10.8229 6.22683 10.4931L6.22384 10.4682L5.82689 6.49868C5.79262 6.15597 6.04266 5.85037 6.38536 5.8161C6.71114 5.78352 7.00339 6.00785 7.0609 6.32448ZM9.84295 5.81634C10.1773 5.84978 10.4234 6.14147 10.4034 6.47391L10.4014 6.49892L10.0048 10.4654C9.9705 10.8081 9.6649 11.0582 9.32219 11.0239C8.98784 10.9905 8.7417 10.6988 8.76171 10.3663L8.76372 10.3413L9.16037 6.37482C9.19464 6.03211 9.50024 5.78207 9.84295 5.81634ZM10.0417 0.200195C10.3861 0.200195 10.6653 0.4794 10.6653 0.823817C10.6653 1.15983 10.3996 1.43378 10.0668 1.44694L10.0417 1.44744H5.95984C5.61542 1.44744 5.33621 1.16823 5.33621 0.823817C5.33621 0.487801 5.60197 0.213854 5.93475 0.20069L5.95984 0.200195H10.0417Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/account/changePasswordPopup/changePassword.svg b/web/satellite/static/images/account/changePasswordPopup/changePassword.svg
deleted file mode 100644
index 34b4ae4b2019..000000000000
--- a/web/satellite/static/images/account/changePasswordPopup/changePassword.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M30 60C46.5685 60 60 46.5685 60 30C60 13.4315 46.5685 0 30 0C13.4315 0 0 13.4315 0 30C0 46.5685 13.4315 60 30 60Z" fill="#2683FF"/>
-    <path d="M29.5001 34.5196C30.1001 34.5196 30.5865 34.0452 30.5865 33.46C30.5865 32.8748 30.1001 32.4004 29.5001 32.4004C28.9 32.4004 28.4136 32.8748 28.4136 33.46C28.4136 34.0452 28.9 34.5196 29.5001 34.5196Z" fill="#FEFEFF"/>
-    <path d="M39.9405 40.2152C40.1781 40 40.3139 39.6854 40.3139 39.3709V25.5464C40.3139 24.9007 39.7707 24.3709 39.1086 24.3709H35.7473V21.0927C35.7473 17.7318 32.9462 15 29.5 15C26.0538 15 23.2527 17.7318 23.2527 21.0927V24.3709H19.8914C19.2293 24.3709 18.686 24.9007 18.686 25.5464V39.3709C18.686 39.6854 18.8218 40 19.0595 40.2152L23.7959 44.6689C24.0166 44.8841 24.3222 45 24.6278 45H34.3552C34.6608 45 34.9664 44.8841 35.1871 44.6689L39.9405 40.2152ZM30.7053 36.6391V38.1291C30.7053 38.7748 30.1621 39.3046 29.5 39.3046C28.8379 39.3046 28.2947 38.7748 28.2947 38.1291V36.6391C26.9705 36.1589 26.0198 34.9172 26.0198 33.4437C26.0198 31.5728 27.5817 30.0497 29.5 30.0497C31.4183 30.0497 32.9801 31.5728 32.9801 33.4437C32.9801 34.9172 32.0295 36.1589 30.7053 36.6391ZM33.3367 24.3709H25.6464V21.0927C25.6464 19.0232 27.3779 17.351 29.483 17.351C31.5881 17.351 33.3197 19.0397 33.3197 21.0927V24.3709H33.3367Z" fill="#FEFEFF"/>
-</svg>
diff --git a/web/satellite/static/images/allDashboard/menu.svg b/web/satellite/static/images/allDashboard/menu.svg
deleted file mode 100644
index c7ddb925fd6e..000000000000
--- a/web/satellite/static/images/allDashboard/menu.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="4" viewBox="0 0 16 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0ZM14 0C12.9 0 12 0.9 12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0ZM2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0Z" fill="#7C8794"/>
-</svg>
diff --git a/web/satellite/static/images/billing/blueInfoIcon.svg b/web/satellite/static/images/billing/blueInfoIcon.svg
deleted file mode 100644
index 1888431eebae..000000000000
--- a/web/satellite/static/images/billing/blueInfoIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.0001 11.4001C3.01776 11.4001 0.600098 8.98244 0.600098 6.0001C0.600098 3.01776 3.01776 0.600098 6.0001 0.600098C8.98244 0.600098 11.4001 3.01776 11.4001 6.0001C11.4001 8.98244 8.98244 11.4001 6.0001 11.4001ZM6.0001 10.4101C8.43567 10.4101 10.4101 8.43567 10.4101 6.0001C10.4101 3.56452 8.43567 1.5901 6.0001 1.5901C3.56452 1.5901 1.5901 3.56452 1.5901 6.0001C1.5901 8.43567 3.56452 10.4101 6.0001 10.4101ZM5.5501 7.84482V6.2575C5.5501 5.98412 5.77172 5.7625 6.0451 5.7625C6.31181 5.7625 6.52926 5.97344 6.5397 6.23759L6.5401 6.2575V7.81188C6.5401 8.08804 6.3211 8.31444 6.0451 8.32363C5.78066 8.33243 5.55916 8.12519 5.55036 7.86075C5.55019 7.85545 5.5501 7.85013 5.5501 7.84482ZM5.5501 4.15482V4.0975C5.5501 3.82412 5.77172 3.6025 6.0451 3.6025C6.31181 3.6025 6.52926 3.81344 6.5397 4.07759L6.5401 4.0975V4.12188C6.5401 4.39804 6.3211 4.62444 6.0451 4.63363C5.78066 4.64243 5.55916 4.43519 5.55036 4.17075C5.55019 4.16545 5.5501 4.16014 5.5501 4.15482Z" fill="#003DC1"/>
-</svg>
diff --git a/web/satellite/static/images/billing/calendar.svg b/web/satellite/static/images/billing/calendar.svg
deleted file mode 100644
index 4f6579333a02..000000000000
--- a/web/satellite/static/images/billing/calendar.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="32" height="32" rx="8" fill="#EBEEF1"/>
-<g opacity="0.5">
-<path d="M19.6305 8.7998C19.9832 8.7998 20.2707 9.07873 20.2846 9.42802L20.2851 9.45435L20.2852 9.95023C20.7142 10.0332 21.0132 10.1563 21.3134 10.3169C21.9147 10.6384 22.3865 11.1103 22.708 11.7115L22.7356 11.7638L22.7761 11.8437C23.0537 12.4055 23.2008 13.0293 23.2008 14.5535V18.1856C23.2008 19.8301 23.0296 20.4265 22.708 21.0277C22.3865 21.6289 21.9147 22.1007 21.3134 22.4223L21.2611 22.4499L21.1812 22.4904C20.6194 22.7679 19.9956 22.915 18.4714 22.915H13.5302C11.8857 22.915 11.2893 22.7438 10.6881 22.4223C10.0869 22.1007 9.61507 21.6289 9.29354 21.0277L9.26514 20.9738L9.22467 20.8939C8.95195 20.3413 8.8054 19.728 8.80078 18.2565V14.5535C8.80078 12.909 8.97201 12.3127 9.29354 11.7115C9.61507 11.1103 10.0869 10.6384 10.6881 10.3169L10.742 10.2885C11.0383 10.1346 11.3411 10.0173 11.776 9.9391L11.776 9.45435C11.776 9.09285 12.069 8.7998 12.4305 8.7998C12.7832 8.7998 13.0707 9.07873 13.0846 9.42802L13.0851 9.45435L13.085 9.82875L13.23 9.82609C13.3041 9.82503 13.3805 9.82437 13.4594 9.82413H18.4714C18.6518 9.82413 18.8196 9.82619 18.9762 9.83028L18.976 9.45435C18.976 9.09285 19.269 8.7998 19.6305 8.7998ZM21.8916 15.0605H10.1098L10.1099 18.2524L10.1107 18.3771C10.1199 19.5359 10.2098 19.9652 10.4479 20.4103C10.6474 20.7834 10.9324 21.0684 11.3055 21.2679L11.3522 21.2924L11.4 21.3162C11.8148 21.518 12.265 21.5974 13.3412 21.6053L13.5302 21.6059H18.4714C19.7731 21.6059 20.2284 21.518 20.6961 21.2679C21.0692 21.0684 21.3541 20.7834 21.5536 20.4103L21.5781 20.3636L21.602 20.3158C21.8038 19.901 21.8831 19.4509 21.891 18.3746L21.8917 18.1856L21.8916 15.0605ZM18.4714 11.1332H13.4634L13.3387 11.134C13.2499 11.1347 13.1655 11.1359 13.085 11.1376L13.0851 11.979C13.0851 12.3405 12.792 12.6336 12.4305 12.6336C12.0779 12.6336 11.7903 12.3546 11.7765 12.0054L11.776 11.979L11.776 11.2792C11.6022 11.3283 11.4547 11.3914 11.3055 11.4713C10.9324 11.6708 10.6474 11.9558 10.4479 12.3288L10.4234 12.3756C10.2494 12.7156 10.1598 13.0643 10.1261 13.7513H21.8755C21.8402 13.0328 21.7438 12.6844 21.5536 12.3288C21.3541 11.9558 21.0692 11.6708 20.6961 11.4713L20.6493 11.4468C20.5333 11.3874 20.4163 11.3379 20.2851 11.297L20.2851 11.979C20.2851 12.3405 19.992 12.6336 19.6305 12.6336C19.2779 12.6336 18.9903 12.3546 18.9765 12.0054L18.976 11.979L18.9762 11.1387C18.8772 11.1363 18.7722 11.1347 18.6604 11.1339L18.4714 11.1332Z" fill="black"/>
-</g>
-</svg>
diff --git a/web/satellite/static/images/billing/check-green-circle.svg b/web/satellite/static/images/billing/check-green-circle.svg
deleted file mode 100644
index 465a80429820..000000000000
--- a/web/satellite/static/images/billing/check-green-circle.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="12" height="12" rx="6" fill="#00AC26"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.86987 3.97533C9.1043 4.20953 9.10449 4.58942 8.87029 4.82386L5.26989 8.42786C5.15739 8.54047 5.00475 8.60377 4.84556 8.6038C4.68638 8.60384 4.53371 8.54063 4.42115 8.42807L2.77535 6.78226C2.54103 6.54795 2.54103 6.16805 2.77535 5.93374C3.00966 5.69942 3.38956 5.69942 3.62387 5.93374L4.8452 7.15506L8.02134 3.97575C8.25553 3.74132 8.63543 3.74113 8.86987 3.97533Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/billing/coupon.svg b/web/satellite/static/images/billing/coupon.svg
deleted file mode 100644
index a40042bce453..000000000000
--- a/web/satellite/static/images/billing/coupon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-    <path d="m5 4.1992188c-0.7422926 0-1.4555826 0.2954124-1.9804688 0.8203124-0.5248999 0.5248863-0.8203124 1.2381762-0.8203124 1.9804688v3c-4.321e-4 0.442438 0.3583431 0.801213 0.8007812 0.800781 0.318576 0 0.6224104 0.126298 0.8476562 0.351563 0.2252911 0.225302 0.3515625 0.529132 0.3515626 0.847656 0 0.318524-0.1262715 0.622354-0.3515626 0.847656-0.2252457 0.225265-0.5290802 0.351563-0.8476562 0.351563-0.4424381-4.32e-4 -0.8012133 0.358343-0.8007812 0.800781v3c0 0.742275 0.2954438 1.455572 0.8203124 1.980469 0.5248928 0.524935 1.2381863 0.820312 1.9804688 0.820312h14c0.742283 0 1.455576-0.295377 1.980469-0.820312 0.524868-0.524897 0.820312-1.238194 0.820312-1.980469v-3c4.32e-4 -0.442438-0.358343-0.801213-0.800781-0.800781-0.318576 0-0.62241-0.126298-0.847656-0.351563-0.225291-0.225302-0.351563-0.529132-0.351563-0.847656s0.126272-0.622354 0.351563-0.847656c0.225246-0.225265 0.52908-0.351563 0.847656-0.351563 0.442438 4.32e-4 0.801213-0.358343 0.800781-0.800781v-3c0-0.7422926-0.295412-1.4555824-0.820312-1.9804688-0.524886-0.5249-1.238176-0.8203124-1.980469-0.8203124zm0 1.6015624h9.199219v1.1992188c-4.32e-4 0.4424381 0.358343 0.8012133 0.800781 0.8007812 0.442438 4.321e-4 0.801213-0.3583431 0.800781-0.8007812v-1.1992188h3.199219c0.318566 2e-7 0.622403 0.1263034 0.847656 0.3515626 0.225259 0.2252532 0.351563 0.5290899 0.351563 0.8476562v2.3164062c-0.44158 0.1318308-0.848224 0.3716358-1.179688 0.7031248-0.524868 0.524897-0.820312 1.238194-0.820312 1.980469s0.295444 1.455572 0.820312 1.980469c0.331464 0.33149 0.738108 0.571294 1.179688 0.703125v2.316406c0 0.318524-0.126272 0.622354-0.351563 0.847656-0.225246 0.225265-0.52908 0.351563-0.847656 0.351563h-3.199219v-1.199219c4.32e-4 -0.442438-0.358343-0.801213-0.800781-0.800781-0.442438-4.32e-4 -0.801213 0.358343-0.800781 0.800781v1.199219h-9.199219c-0.3185764 0-0.6224097-0.126298-0.8476562-0.351563-0.2252907-0.225302-0.3515625-0.529132-0.3515626-0.847656v-2.316406c0.4415798-0.131831 0.848224-0.371635 1.1796876-0.703125 0.5248679-0.524897 0.8203125-1.238194 0.8203124-1.980469 0-0.742275-0.2954445-1.455572-0.8203124-1.980469-0.3314636-0.331489-0.7381079-0.5712941-1.1796876-0.7031248v-2.3164062c0-0.3185663 0.1263034-0.622403 0.3515626-0.8476562 0.2252532-0.2252592 0.5290899-0.3515624 0.8476562-0.3515626zm10 4.3984378c-0.442438-4.32e-4 -0.801213 0.358343-0.800781 0.800781v2c-4.32e-4 0.442438 0.358343 0.801213 0.800781 0.800781 0.442438 4.32e-4 0.801213-0.358343 0.800781-0.800781v-2c4.32e-4 -0.442438-0.358343-0.801213-0.800781-0.800781z" fill="#000" stroke-linecap="round" stroke-linejoin="round" />
-</svg>
diff --git a/web/satellite/static/images/billing/credit-card.svg b/web/satellite/static/images/billing/credit-card.svg
deleted file mode 100644
index 13d162375fb6..000000000000
--- a/web/satellite/static/images/billing/credit-card.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="62" height="41" viewBox="0 0 62 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M-0.0136719 4C-0.0136719 1.79086 1.77719 0 3.98633 0H57.9863C60.1955 0 61.9863 1.79086 61.9863 4V37C61.9863 39.2091 60.1955 41 57.9863 41H3.98633C1.77719 41 -0.0136719 39.2091 -0.0136719 37V4Z" fill="#FF458B"/>
-<path d="M-0.0136719 15H61.9863V8H-0.0136719V15Z" fill="#FFC0CF"/>
-</svg>
diff --git a/web/satellite/static/images/billing/storj-icon-large.svg b/web/satellite/static/images/billing/storj-icon-large.svg
deleted file mode 100644
index 74f3f1f821f8..000000000000
--- a/web/satellite/static/images/billing/storj-icon-large.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="140" height="146" viewBox="0 0 140 146" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.8" d="M73 146C65.5055 146 59.4063 140.038 59.2039 132.606L20.3697 110.229C18.3502 111.32 16.1715 111.858 14.0141 111.888L13.8007 111.89C9.03648 111.884 4.40479 109.414 1.85133 105C-1.89584 98.522 0.227692 90.2689 6.57433 86.3781V41.6219C0.227692 37.7311 -1.89584 29.478 1.85133 23C4.36667 18.6516 8.89868 16.1897 13.5874 16.112L13.8007 16.1101C16.0276 16.1076 18.2836 16.6435 20.3697 17.7712L59.2039 -4.6066C59.4044 -11.9623 65.3822 -17.8786 72.7718 -17.9981L73 -18C80.4943 -18 86.5934 -12.0379 86.7961 -4.6067L125.629 17.7717C127.649 16.6797 129.828 16.1424 131.986 16.1115L132.199 16.1101C136.964 16.1156 141.595 18.5857 144.149 23C147.896 29.478 145.772 37.7311 139.426 41.6219V86.3781C145.772 90.2689 147.896 98.522 144.149 105C141.633 109.348 137.101 111.81 132.413 111.888L132.199 111.89C129.972 111.892 127.717 111.357 125.63 110.229L86.7961 132.607C86.5956 139.962 80.6178 145.879 73.2282 145.998L73 146ZM73 2.33484L73.1787 2.33246C73.1937 2.33206 73.2086 2.33162 73.2236 2.33112L73.1789 2.33244C73.2385 2.33086 73.298 2.32846 73.3573 2.32529L73.2236 2.33112C73.2888 2.32895 73.3537 2.32582 73.4184 2.32176L73.3573 2.32529C73.4179 2.32204 73.4783 2.31798 73.5385 2.3131L73.4184 2.32176C73.4776 2.31805 73.5367 2.31355 73.5955 2.30827L73.5385 2.3131C73.5918 2.30878 73.645 2.3038 73.698 2.29822L73.5955 2.30827C73.6603 2.30247 73.7248 2.29572 73.7891 2.28804L73.698 2.29822C73.758 2.2919 73.8177 2.28476 73.8773 2.27682L73.7891 2.28804C73.8436 2.28152 73.8979 2.27435 73.9521 2.26651L73.8773 2.27682C73.9446 2.26787 74.0117 2.25789 74.0784 2.2469L73.9521 2.26651C74.0068 2.25859 74.0613 2.24998 74.1157 2.24071L74.0784 2.2469C74.1352 2.23755 74.1917 2.22746 74.2481 2.21666L74.1157 2.24071C74.1755 2.2305 74.235 2.21947 74.2943 2.20766L74.2481 2.21666C74.3206 2.20276 74.3927 2.18765 74.4645 2.17137L74.2943 2.20766C74.4309 2.18042 74.5661 2.14896 74.6995 2.1134C74.7331 2.10455 74.7666 2.09534 74.8001 2.08586L74.6995 2.1134C74.7546 2.09872 74.8094 2.08334 74.8639 2.06729L74.8001 2.08586C74.849 2.07201 74.8977 2.05759 74.9463 2.04263L74.8639 2.06729C77.5857 1.2653 79.5721 -1.2482 79.5721 -4.22478C79.5721 -7.84756 76.6296 -10.7844 73 -10.7844C69.3704 -10.7844 66.4279 -7.84756 66.4279 -4.22478C66.4279 -1.28062 68.3713 1.21051 71.0474 2.0405C71.0808 2.05103 71.1146 2.06117 71.1484 2.07106L71.0474 2.0405C71.0975 2.05602 71.1478 2.07095 71.1984 2.0853L71.1484 2.07106C71.2022 2.08678 71.2563 2.10181 71.3106 2.11617L71.1984 2.0853C71.2566 2.10182 71.3151 2.11757 71.374 2.13252L71.3106 2.11617C71.4396 2.15025 71.5699 2.1805 71.7016 2.2068C71.7223 2.21098 71.7432 2.21507 71.7643 2.21906L71.7016 2.2068C71.7627 2.21902 71.8241 2.23038 71.8858 2.24088L71.7643 2.21906C71.8148 2.22865 71.8656 2.23769 71.9165 2.24612L71.8858 2.24088C71.9408 2.25026 71.996 2.25896 72.0515 2.26695L71.9165 2.24612C71.9843 2.25734 72.0523 2.26752 72.1208 2.27664L72.0515 2.26695C72.1044 2.27458 72.1574 2.28159 72.2107 2.28795L72.1208 2.27664C72.181 2.28468 72.2415 2.2919 72.3022 2.29831L72.2107 2.28795C72.2751 2.29564 72.3397 2.30241 72.4045 2.30823L72.3022 2.29831C72.3551 2.30388 72.4082 2.30882 72.4615 2.31314L72.4045 2.30823C72.4634 2.31352 72.5225 2.31802 72.5817 2.32175L72.4615 2.31314C72.5217 2.31799 72.582 2.32207 72.6426 2.3253L72.5817 2.32175C72.6464 2.32581 72.7112 2.32892 72.7763 2.3311L72.6426 2.3253C72.7609 2.33163 72.8801 2.33484 73 2.33484ZM94.3642 47.354L118.813 33.2655C118.795 33.1969 118.779 33.1282 118.762 33.0595C118.757 33.0384 118.752 33.0169 118.747 32.9954C118.736 32.948 118.725 32.9011 118.715 32.8541C118.708 32.8199 118.7 32.7853 118.693 32.7506C118.684 32.7102 118.676 32.67 118.667 32.6297C118.659 32.5869 118.65 32.5444 118.642 32.5018C118.618 32.3797 118.596 32.2571 118.576 32.1345C118.571 32.1034 118.566 32.0721 118.561 32.0408C118.514 31.7411 118.476 31.441 118.449 31.1408C118.446 31.107 118.443 31.0732 118.44 31.0395C118.43 30.9126 118.421 30.7854 118.414 30.6583C118.413 30.6475 118.413 30.6366 118.412 30.6258L118.414 30.6583C118.41 30.5928 118.407 30.5272 118.404 30.4616C118.403 30.4221 118.401 30.3824 118.4 30.3426C118.398 30.2989 118.397 30.2554 118.396 30.212C118.396 30.1788 118.395 30.1455 118.394 30.1121C118.394 30.0791 118.393 30.0462 118.393 30.0132C118.393 29.983 118.393 29.9529 118.393 29.9227L118.393 30.0132C118.387 29.2794 118.44 28.5482 118.55 27.827C118.568 27.7071 118.588 27.5874 118.609 27.468C118.619 27.4159 118.628 27.3639 118.638 27.3121C118.659 27.202 118.682 27.092 118.705 26.9823C118.714 26.9428 118.723 26.9033 118.732 26.8638C118.738 26.8353 118.745 26.807 118.751 26.7787C118.757 26.7522 118.764 26.7255 118.77 26.6988C118.782 26.648 118.794 26.5976 118.807 26.5472C118.845 26.397 118.885 26.2471 118.928 26.0979C118.958 25.991 118.99 25.8843 119.023 25.778C119.035 25.7419 119.046 25.7061 119.058 25.6703C119.067 25.6409 119.077 25.6114 119.086 25.582C119.098 25.5478 119.109 25.5136 119.121 25.4795C119.136 25.433 119.152 25.3868 119.168 25.3406C119.176 25.318 119.184 25.2954 119.192 25.2728C119.208 25.2276 119.225 25.1827 119.241 25.1378C119.245 25.1285 119.248 25.1187 119.252 25.109C119.273 25.051 119.295 24.9936 119.317 24.9363C119.369 24.8017 119.423 24.6678 119.479 24.5347C119.524 24.4285 119.57 24.3228 119.617 24.2176C119.633 24.1821 119.65 24.1464 119.666 24.1107C119.677 24.0879 119.687 24.0652 119.698 24.0426C119.72 23.9946 119.743 23.9465 119.766 23.8986C119.782 23.8652 119.799 23.832 119.815 23.799C119.83 23.7688 119.845 23.7386 119.86 23.7085C119.88 23.6691 119.899 23.6299 119.92 23.5908C119.932 23.5666 119.945 23.5421 119.957 23.5177C119.978 23.4771 120 23.437 120.021 23.3971C120.033 23.3746 120.045 23.3521 120.057 23.3296C120.117 23.2187 120.179 23.1085 120.242 22.9991L84.9543 2.66389C84.9473 2.67595 84.9403 2.688 84.9333 2.70003C84.8681 2.81169 84.8015 2.9222 84.7334 3.03166C84.7218 3.05029 84.7102 3.06888 84.6985 3.08745C84.6726 3.12865 84.6464 3.16985 84.62 3.21089C84.6028 3.23756 84.5857 3.26389 84.5686 3.29015C84.5472 3.32289 84.5254 3.35591 84.5035 3.38882C84.4836 3.41875 84.4637 3.44835 84.4437 3.47789C84.4306 3.49718 84.4175 3.51656 84.4042 3.53589C84.1904 3.84825 83.9642 4.15131 83.7261 4.4444C83.6566 4.52991 83.586 4.61473 83.5145 4.69867C83.448 4.77663 83.3806 4.85388 83.3124 4.93039C83.28 4.96671 83.2475 5.00279 83.2148 5.03871C83.1966 5.0587 83.1782 5.07875 83.1597 5.09877C83.1408 5.11935 83.1218 5.13976 83.1028 5.16013C83.024 5.24463 82.944 5.32822 82.8631 5.41078C82.6088 5.67006 82.3441 5.91953 82.0699 6.15834L82.0454 6.17964C81.9571 6.2562 81.8678 6.33165 81.7775 6.40598C81.7629 6.41803 81.7485 6.42984 81.7341 6.44164C81.7004 6.4691 81.6664 6.49666 81.6322 6.52406C81.6014 6.54871 81.5706 6.57317 81.5397 6.5975C81.5227 6.61086 81.5058 6.62415 81.4887 6.63741C81.3773 6.72427 81.2646 6.80942 81.1506 6.89284C81.1435 6.89799 81.1369 6.90282 81.1303 6.90762C81.0959 6.93272 81.0611 6.95786 81.0261 6.98285C80.9429 7.04234 80.8591 7.10083 80.7746 7.15842L80.7393 7.18237C80.5025 7.34277 80.2604 7.49602 80.0133 7.64178C79.9892 7.65599 79.9651 7.67012 79.941 7.68417C79.8406 7.7426 79.7393 7.79982 79.6373 7.8558C79.5961 7.87839 79.555 7.90063 79.5138 7.92268C79.4896 7.93568 79.4652 7.94862 79.4408 7.9615C79.4128 7.9763 79.3846 7.99106 79.3563 8.00572C79.308 8.03078 79.2597 8.05548 79.2112 8.07993C79.1916 8.08977 79.1719 8.09966 79.1521 8.1095C79.0406 8.16504 78.9284 8.21899 78.8154 8.27148C78.7894 8.28355 78.7632 8.29561 78.737 8.3076C78.621 8.36057 78.5045 8.41183 78.3872 8.46155C78.2715 8.51054 78.1549 8.55804 78.0376 8.60397C77.93 8.64609 77.8217 8.68694 77.7127 8.72646C77.6866 8.73592 77.6606 8.74524 77.6346 8.75449C77.5841 8.77246 77.5332 8.79022 77.4822 8.80771C77.4695 8.81204 77.4572 8.81624 77.4449 8.82042C77.389 8.83939 77.3327 8.85808 77.2763 8.87642C77.255 8.88332 77.2339 8.89015 77.2126 8.89693C77.1559 8.91505 77.099 8.93286 77.0418 8.9503C77.0288 8.95427 77.0159 8.95819 77.003 8.9621C76.9557 8.97636 76.9082 8.99042 76.8607 9.00423C76.8199 9.01605 76.7791 9.02768 76.7383 9.03912C76.728 9.04202 76.7178 9.04486 76.7076 9.04768L76.708 35.5765C84.2587 36.5081 90.7432 40.9986 94.3642 47.354ZM52.8929 47.9133C56.2712 41.5809 62.3802 37.0952 69.4788 35.7889L69.4787 9.09802C69.3992 9.07715 69.32 9.05559 69.2411 9.03333C69.2061 9.02347 69.1714 9.01352 69.1367 9.00346C68.8703 8.92607 68.6069 8.84082 68.3472 8.748C68.3242 8.73978 68.3012 8.73148 68.2782 8.72311C68.2272 8.70461 68.1766 8.6859 68.1262 8.66689C68.1084 8.66017 68.0905 8.65338 68.0727 8.64658C68.0245 8.6282 67.9766 8.6096 67.9288 8.59076C67.9044 8.58112 67.88 8.5714 67.8555 8.5616C67.8008 8.53966 67.7463 8.51738 67.692 8.49478C67.6769 8.48846 67.6616 8.48207 67.6463 8.47566C67.5252 8.42474 67.4052 8.37224 67.2861 8.3181C67.2536 8.30328 67.2213 8.28845 67.189 8.27351C67.0933 8.22913 66.9981 8.18358 66.9034 8.13698C66.8446 8.108 66.7861 8.07869 66.7278 8.04897C66.6932 8.03133 66.6584 8.01338 66.6237 7.9953C66.6091 7.98767 66.5947 7.98015 66.5803 7.9726C66.5255 7.94382 66.4707 7.91458 66.4162 7.88498C66.3967 7.87439 66.3771 7.86368 66.3576 7.85294C66.3241 7.83461 66.2909 7.81621 66.2578 7.79765C66.1526 7.73869 66.0482 7.67844 65.9447 7.61687C65.9221 7.60349 65.8998 7.59012 65.8775 7.57671C65.8346 7.5508 65.7916 7.5246 65.7488 7.49815C65.7221 7.48169 65.6955 7.46512 65.6689 7.44847C65.6426 7.4319 65.616 7.41516 65.5896 7.39832C65.5589 7.3788 65.5286 7.35936 65.4984 7.33981C65.4014 7.27696 65.305 7.2128 65.2094 7.14746C65.1759 7.12457 65.1425 7.1015 65.1091 7.07828C64.9386 6.95937 64.7708 6.83676 64.606 6.71054C64.5741 6.6862 64.5423 6.66161 64.5106 6.63687L64.485 6.61681C64.3512 6.51195 64.2193 6.40466 64.0895 6.29503C64.0573 6.26793 64.0255 6.24077 63.9938 6.21349C63.9608 6.18503 63.9279 6.15648 63.8952 6.12776C63.8727 6.10815 63.8502 6.0883 63.8278 6.06839C63.8096 6.05208 63.7915 6.03596 63.7736 6.01982C63.5132 5.78621 63.2619 5.5428 63.0201 5.29024C62.9982 5.26718 62.976 5.24387 62.954 5.22049C62.8542 5.11502 62.7564 5.00804 62.6602 4.89954L62.6543 4.89267C62.485 4.70148 62.321 4.50552 62.1624 4.3051C62.1385 4.27509 62.1148 4.24484 62.0912 4.21449C62.0695 4.18634 62.0477 4.15819 62.0261 4.12996C62.0032 4.10028 61.9806 4.07047 61.9581 4.04054C61.9415 4.0183 61.925 3.99619 61.9085 3.97404C61.879 3.93457 61.8496 3.89462 61.8205 3.85449C61.8028 3.82999 61.7852 3.80551 61.7676 3.78101C61.7446 3.74916 61.722 3.71732 61.6995 3.68535C61.6803 3.65782 61.6609 3.63002 61.6416 3.60213C61.616 3.56548 61.5909 3.52892 61.566 3.49223C61.5488 3.4666 61.5314 3.4408 61.5141 3.41493C61.3662 3.19405 61.2246 2.9687 61.0896 2.73907L61.0459 2.66389L25.7578 22.9988C25.8324 23.128 25.9034 23.2557 25.9723 23.3844C25.996 23.4287 26.0194 23.473 26.0426 23.5175C26.06 23.5509 26.0772 23.5842 26.0942 23.6176C26.1043 23.6372 26.1143 23.6569 26.1242 23.6766C26.1854 23.7978 26.2448 23.9198 26.3023 24.0427C26.313 24.0655 26.3235 24.0881 26.3339 24.1108C26.3542 24.1546 26.3742 24.1986 26.394 24.2427C26.4033 24.2634 26.4125 24.2841 26.4217 24.3047C26.442 24.3505 26.462 24.3965 26.4818 24.4425C26.5648 24.6352 26.6431 24.8295 26.717 25.0254C26.7878 25.213 26.8545 25.4021 26.917 25.5925C26.9247 25.6159 26.9325 25.6397 26.9401 25.6635C27.0332 25.9521 27.1167 26.2436 27.1906 26.5375C27.199 26.571 27.2073 26.6045 27.2154 26.638C27.2432 26.7523 27.2696 26.8669 27.2945 26.9819C27.3005 27.0098 27.3065 27.0376 27.3123 27.0654C27.3235 27.1189 27.3345 27.1726 27.3451 27.2264C27.3501 27.2513 27.3549 27.2761 27.3597 27.3009C27.3978 27.4994 27.4315 27.6986 27.4609 27.8986C27.4713 27.9697 27.4812 28.041 27.4906 28.1123C27.503 28.2074 27.5145 28.3027 27.5249 28.398C27.5469 28.598 27.5645 28.7987 27.5777 28.9999C27.5803 29.0397 27.5828 29.0795 27.585 29.1193C27.5868 29.1499 27.5884 29.1807 27.59 29.2115C27.5965 29.3411 27.6011 29.4708 27.604 29.6006C27.607 29.7382 27.6079 29.8759 27.6068 30.0136C27.6065 30.0464 27.6061 30.0795 27.6056 30.1126C27.6052 30.1373 27.6048 30.1616 27.6043 30.1859C27.6015 30.3176 27.5969 30.4498 27.5903 30.5821C27.588 30.629 27.5854 30.676 27.5826 30.723C27.5806 30.7551 27.5786 30.7871 27.5765 30.8192C27.5747 30.8452 27.5729 30.8712 27.571 30.8971C27.5599 31.0489 27.5463 31.2007 27.5302 31.3524C27.5299 31.3548 27.5296 31.3572 27.5294 31.3596L27.5302 31.3524C27.4968 31.665 27.4527 31.9772 27.3975 32.2887C27.3921 32.3189 27.3867 32.3491 27.3811 32.3794C27.374 32.4177 27.3668 32.456 27.3594 32.4943C27.3373 32.6086 27.3138 32.7228 27.2887 32.8368C27.2679 32.9316 27.246 33.0265 27.223 33.1213L52.8929 47.9133ZM135.482 35.5684C138.626 33.757 139.703 29.7452 137.888 26.6078C136.073 23.4704 132.054 22.3954 128.91 24.2068C126.433 25.6347 125.239 28.4297 125.733 31.086C125.738 31.1119 125.743 31.1378 125.748 31.1637L125.733 31.086C125.742 31.1352 125.752 31.1843 125.762 31.2334L125.748 31.1637C125.76 31.2268 125.774 31.2897 125.788 31.3525L125.762 31.2334C125.776 31.2996 125.791 31.3657 125.807 31.4317L125.788 31.3525C125.8 31.4043 125.813 31.4561 125.826 31.5078L125.807 31.4317C125.821 31.488 125.835 31.5442 125.851 31.6003L125.826 31.5078C125.842 31.5691 125.858 31.6303 125.876 31.6913L125.851 31.6003C125.865 31.6526 125.88 31.7047 125.895 31.7568L125.876 31.6913C125.932 31.8843 125.996 32.0755 126.07 32.2644C126.08 32.2909 126.091 32.3176 126.102 32.3441L126.07 32.2644C126.093 32.3241 126.118 32.3837 126.143 32.4429L126.102 32.3441C126.124 32.3984 126.147 32.4526 126.17 32.5066L126.143 32.4429C126.164 32.4928 126.186 32.5424 126.208 32.5919L126.17 32.5066C126.198 32.5707 126.227 32.6346 126.258 32.6982L126.208 32.5919C126.232 32.645 126.257 32.6979 126.283 32.7505L126.258 32.6982C126.283 32.7505 126.308 32.8026 126.335 32.8545L126.283 32.7505C126.314 32.8146 126.347 32.8784 126.38 32.9418L126.335 32.8545C126.373 32.9292 126.412 33.0034 126.454 33.0771L126.505 33.1674C126.595 33.323 126.69 33.4739 126.791 33.6198C126.806 33.6406 126.82 33.6613 126.835 33.6818L126.791 33.6198C126.862 33.7216 126.935 33.8211 127.01 33.9181C127.024 33.9353 127.037 33.952 127.05 33.9687L127.01 33.9181C127.041 33.9576 127.072 33.9968 127.104 34.0355L127.05 33.9687C127.093 34.0223 127.136 34.075 127.18 34.127L127.104 34.0355C127.14 34.0792 127.176 34.1225 127.212 34.1652L127.18 34.127C127.213 34.166 127.246 34.2046 127.28 34.2427L127.212 34.1652C127.3 34.2677 127.391 34.3671 127.485 34.4634C127.553 34.5328 127.622 34.6005 127.692 34.6666C127.757 34.7279 127.823 34.7878 127.891 34.8461C127.927 34.8773 127.964 34.9081 128 34.9385L127.891 34.8461C127.934 34.8836 127.978 34.9205 128.022 34.9568L128 34.9385C130.056 36.6393 133.035 36.9789 135.482 35.5684ZM18.3593 34.6178L18.4123 34.5665C18.4794 34.5006 18.5451 34.4331 18.6095 34.364C18.6185 34.3544 18.6272 34.345 18.6359 34.3357L18.6095 34.364C18.6499 34.3207 18.6898 34.2768 18.7291 34.2323L18.6359 34.3357C18.6788 34.2891 18.7211 34.2419 18.7628 34.1939L18.7291 34.2323C18.77 34.186 18.8102 34.1391 18.8499 34.0916L18.7628 34.1939C18.7985 34.1529 18.8337 34.1113 18.8685 34.0693L18.8499 34.0916C18.8834 34.0514 18.9165 34.0108 18.9491 33.9697L18.8685 34.0693C18.9144 34.0138 18.9594 33.9574 19.0037 33.9001L18.9491 33.9697C18.9862 33.923 19.0228 33.8757 19.0587 33.8278L19.0037 33.9001C19.0369 33.8571 19.0697 33.8136 19.102 33.7695L19.0587 33.8278C19.0936 33.7814 19.1279 33.7344 19.1616 33.6869L19.102 33.7695C19.1387 33.7195 19.1747 33.6689 19.2101 33.6177L19.1616 33.6869C19.2799 33.5202 19.3913 33.347 19.4952 33.1674C19.5125 33.1374 19.5296 33.1073 19.5465 33.0772L19.4952 33.1674C19.5724 33.0339 19.6444 32.8988 19.7112 32.7624C19.7276 32.7289 19.7436 32.6954 19.7594 32.6618L19.7112 32.7624C19.7302 32.7236 19.7488 32.6848 19.7669 32.6458L19.7594 32.6618C19.7852 32.6068 19.8102 32.5515 19.8344 32.496C19.8415 32.4797 19.8485 32.4633 19.8555 32.4469L19.8344 32.496C19.9402 32.253 20.0304 32.0057 20.1052 31.7553C20.1098 31.7398 20.1144 31.7243 20.1189 31.7089L20.1052 31.7553C20.1221 31.6987 20.1383 31.642 20.1536 31.5851L20.1189 31.7089C20.1365 31.6484 20.1531 31.5876 20.1689 31.5268L20.1536 31.5851C20.1682 31.531 20.182 31.4768 20.1952 31.4225L20.1689 31.5268C20.2005 31.4048 20.2285 31.2822 20.2528 31.1593C20.2565 31.1424 20.2598 31.1254 20.263 31.1085L20.2528 31.1593C20.7831 28.4813 19.5902 25.6478 17.0896 24.2068C13.9463 22.3954 9.92688 23.4704 8.11205 26.6078C6.29723 29.7452 7.37422 33.757 10.5176 35.5684C13.1121 37.0635 16.3035 36.5922 18.3593 34.6178ZM23.4263 88.2328L39.0825 79.2104C36.4204 75.9392 34.825 71.7683 34.825 67.2256C34.825 60.3891 38.4382 54.3949 43.8624 51.0416L23.7441 39.4482C23.6626 39.5328 23.5801 39.6162 23.4967 39.6984C23.3524 39.8406 23.2054 39.9791 23.0558 40.114C22.4487 40.6614 21.7986 41.149 21.1148 41.5744C20.8485 41.74 20.5771 41.8962 20.3011 42.0428L20.2926 42.0474C20.1673 42.1138 20.041 42.1784 19.9138 42.2409C19.7308 42.3308 19.5462 42.4166 19.3599 42.4982C19.2973 42.5256 19.2346 42.5525 19.1717 42.579C19.0291 42.6389 18.8855 42.6965 18.7409 42.7517C18.6481 42.7871 18.5552 42.8214 18.4621 42.8547C18.2875 42.9171 18.1116 42.976 17.9347 43.0313C17.8267 43.0651 17.7184 43.0975 17.6098 43.1286C17.4187 43.1833 17.2263 43.234 17.033 43.2804C16.9181 43.3081 16.8026 43.3343 16.6868 43.359C16.576 43.3827 16.4648 43.405 16.3533 43.4259C16.3307 43.4302 16.3084 43.4343 16.2861 43.4384C16.2021 43.4538 16.1176 43.4685 16.0329 43.4823C15.921 43.5007 15.809 43.5177 15.6969 43.5332C15.6848 43.5349 15.673 43.5365 15.6612 43.5381C15.6379 43.5413 15.6143 43.5445 15.5907 43.5476C15.4596 43.5647 15.3284 43.58 15.1969 43.5935C15.0699 43.6064 14.943 43.6176 14.8159 43.6271C14.7863 43.6293 14.7568 43.6314 14.7272 43.6334C14.5982 43.6421 14.4689 43.6491 14.3395 43.6542C14.3132 43.6553 14.287 43.6562 14.2608 43.6571C14.1805 43.6599 14.1002 43.6619 14.0198 43.6632L13.8065 43.6651L13.8036 43.6651V84.3349H13.8065C14.2333 84.3354 14.659 84.3557 15.0823 84.3953C15.1579 84.4024 15.2334 84.4101 15.3087 84.4184C15.4813 84.4375 15.6535 84.4597 15.8253 84.4852C15.9452 84.503 16.0647 84.5224 16.1839 84.5433C16.3434 84.5713 16.5024 84.602 16.6607 84.6355C16.7878 84.6624 16.9142 84.691 17.0402 84.7213L17.2682 84.7783C17.6947 84.8887 18.116 85.0194 18.5303 85.1699C18.6264 85.2048 18.7216 85.2406 18.8165 85.2775C19.0144 85.3544 19.2089 85.4351 19.4016 85.5202C19.4345 85.5347 19.4677 85.5495 19.5008 85.5645C19.5802 85.6003 19.6589 85.6367 19.7373 85.6739C19.886 85.7444 20.0336 85.8176 20.1799 85.8935C20.5883 86.1054 20.987 86.338 21.3741 86.591C21.4719 86.6549 21.5689 86.7201 21.6652 86.7866C21.7045 86.8137 21.7438 86.8411 21.7829 86.8688C21.9045 86.9546 22.0247 87.0424 22.1436 87.1323C22.5908 87.4704 23.0193 87.8374 23.4263 88.2328ZM122.682 88.1303L122.755 88.0596C122.994 87.836 123.24 87.6219 123.492 87.4174C123.938 87.0559 124.404 86.7248 124.887 86.4247L124.894 86.4201C124.999 86.3547 125.105 86.2909 125.212 86.2284C125.237 86.2138 125.263 86.1991 125.288 86.1845L125.212 86.2284C125.419 86.1079 125.628 85.9929 125.84 85.8835C126.142 85.7274 126.449 85.5827 126.761 85.4496C127.229 85.2499 127.707 85.0763 128.193 84.9293C128.227 84.9192 128.26 84.9092 128.294 84.8993C128.402 84.8675 128.511 84.8368 128.621 84.8075C128.8 84.7596 128.98 84.7153 129.16 84.6746C129.203 84.665 129.245 84.6556 129.288 84.6464C129.409 84.6203 129.531 84.5958 129.653 84.5729C129.664 84.5709 129.674 84.5689 129.685 84.5669C129.746 84.5556 129.807 84.5447 129.868 84.5342L129.685 84.5669C129.779 84.5496 129.872 84.5332 129.966 84.5178C130.09 84.4975 130.214 84.4789 130.339 84.4619C130.471 84.4439 130.603 84.4278 130.736 84.4136C130.759 84.4111 130.782 84.4087 130.805 84.4063C130.929 84.3937 131.054 84.3827 131.178 84.3734C131.209 84.3711 131.241 84.3688 131.273 84.3667C131.396 84.3583 131.52 84.3515 131.644 84.3465C131.676 84.3452 131.708 84.344 131.74 84.3429C131.755 84.3424 131.769 84.3419 131.783 84.3415C131.92 84.3372 132.058 84.335 132.196 84.3349L132.167 84.3357L132.193 84.3349L132.196 84.3349V43.6651H132.193C131.939 43.6648 131.686 43.6575 131.433 43.6433C131.327 43.6374 131.222 43.6302 131.117 43.6219C130.975 43.6107 130.833 43.5972 130.691 43.5816C130.544 43.5653 130.396 43.5467 130.249 43.5257C130.15 43.5114 130.051 43.4961 129.951 43.4798C129.832 43.46 129.712 43.4387 129.593 43.4158C129.479 43.3939 129.365 43.3705 129.252 43.3458C128.927 43.2748 128.604 43.1922 128.285 43.0981C127.914 42.9887 127.55 42.8645 127.191 42.7253C127.061 42.6752 126.933 42.6232 126.805 42.5692C126.764 42.552 126.724 42.5345 126.683 42.5169C126.513 42.4429 126.344 42.3656 126.176 42.2849C126.089 42.2428 126.002 42.1997 125.916 42.1557C125.647 42.0189 125.382 41.873 125.122 41.7183C125.043 41.6712 124.964 41.6234 124.886 41.5747L124.688 41.4497C124.623 41.4072 124.557 41.3641 124.492 41.3205C123.73 40.8096 123.015 40.2197 122.359 39.5539L97.4526 53.9057C105.382 54.8999 111.536 61.5919 111.669 69.7449L111.671 70.0134C111.671 73.7173 110.428 77.1316 108.336 79.8634L122.682 88.1303ZM72.1498 79.0329L95.4049 79.0329C100.396 79.0329 104.442 74.9947 104.442 70.0134C104.442 65.0321 100.396 60.9939 95.4048 60.9939L90.4261 60.9937L90.1587 57.6753C89.4757 49.1988 82.3586 42.6128 73.7822 42.6128C66.9313 42.6128 60.873 46.8364 58.4474 53.1095L57.5546 55.4183L53.884 55.4182C47.3506 55.4182 42.0543 60.7046 42.0543 67.2256C42.0543 73.7466 47.3506 79.0329 53.884 79.0329H71.5529C71.6332 79.0329 71.7116 79.0321 71.7884 79.0305L71.8661 79.0289L72.0467 79.0323L72.1498 79.0329ZM61.0459 125.336L61.0852 125.268C61.1425 125.171 61.2009 125.074 61.2605 124.978C61.279 124.948 61.2974 124.919 61.316 124.89C61.3326 124.863 61.3493 124.837 61.3662 124.811C61.3867 124.779 61.4073 124.747 61.428 124.715C61.6055 124.443 61.7925 124.178 61.9883 123.919C62.0846 123.793 62.1828 123.668 62.2831 123.544C62.4452 123.345 62.6126 123.151 62.7852 122.961C62.8011 122.944 62.817 122.927 62.8329 122.909C62.8648 122.875 62.897 122.84 62.9293 122.806C62.9466 122.787 62.9636 122.769 62.9806 122.751C63.0137 122.716 63.0471 122.682 63.0807 122.647C63.3763 122.342 63.6858 122.051 64.0082 121.774C64.153 121.65 64.3007 121.528 64.4508 121.41C64.4706 121.394 64.4907 121.379 64.5109 121.363C64.5467 121.335 64.5824 121.307 64.6184 121.28C64.6504 121.255 64.6827 121.231 64.7152 121.207C64.7364 121.191 64.7578 121.175 64.7792 121.159C64.8742 121.088 64.97 121.019 65.0667 120.951C65.093 120.933 65.1193 120.915 65.1457 120.896C65.2384 120.832 65.332 120.769 65.4264 120.707C65.4674 120.68 65.5087 120.653 65.5501 120.627C65.667 120.552 65.785 120.479 65.9042 120.407C65.9307 120.391 65.9573 120.376 65.9839 120.36C66.0823 120.302 66.1813 120.245 66.281 120.189C66.308 120.174 66.3354 120.159 66.3627 120.144C66.3969 120.125 66.4308 120.107 66.4648 120.089C66.5718 120.031 66.6799 119.975 66.7888 119.92C66.8059 119.911 66.8231 119.903 66.8403 119.894C66.8819 119.874 66.9236 119.853 66.9655 119.833C66.9956 119.818 67.0259 119.803 67.0563 119.789C67.1574 119.741 67.2592 119.694 67.3617 119.648C67.4632 119.602 67.5652 119.558 67.6679 119.515C67.7864 119.466 67.9059 119.418 68.0262 119.371C68.1607 119.319 68.2963 119.269 68.4329 119.222C68.4517 119.215 68.4704 119.209 68.4891 119.202C68.6048 119.162 68.7215 119.124 68.8388 119.087C68.8659 119.078 68.8927 119.07 68.9195 119.062C68.9572 119.05 68.9954 119.038 69.0336 119.027C69.0683 119.017 69.1026 119.006 69.137 118.996C69.1781 118.985 69.2197 118.973 69.2613 118.961C69.2804 118.956 69.2993 118.95 69.3184 118.945C69.3543 118.935 69.3904 118.925 69.4267 118.916L69.4791 118.903L69.4791 86.2487L53.884 86.2485C50.7026 86.2485 47.7032 85.4704 45.0665 84.0946L27.1096 94.4425C27.1457 94.5724 27.1797 94.7026 27.2118 94.833C27.2401 94.9481 27.2669 95.0635 27.2922 95.1791C27.3158 95.2872 27.338 95.3952 27.3589 95.5033C27.3669 95.5445 27.3746 95.5855 27.3822 95.6266C27.3897 95.6675 27.3971 95.7088 27.4043 95.75C27.4559 96.0465 27.4976 96.3436 27.5294 96.641C27.5353 96.6952 27.5407 96.7495 27.5459 96.8037C27.5554 96.9034 27.5637 97.0028 27.5709 97.1022C27.5734 97.1361 27.5758 97.17 27.578 97.2039C27.581 97.2497 27.5837 97.2957 27.5863 97.3417C27.588 97.3733 27.5897 97.4048 27.5912 97.4362C27.5975 97.566 27.6019 97.6958 27.6045 97.8256C27.6053 97.8636 27.6059 97.9015 27.6063 97.9394C27.6066 97.9684 27.6069 97.9974 27.607 98.0265L27.6063 97.9394C27.6084 98.1162 27.607 98.2927 27.6023 98.469C27.5993 98.58 27.5949 98.6909 27.5893 98.8017C27.5876 98.8348 27.5858 98.8678 27.5839 98.9007C27.5819 98.9338 27.5799 98.9669 27.5777 99C27.56 99.2706 27.5342 99.5402 27.5007 99.8087C27.491 99.8861 27.4806 99.9635 27.4696 100.041C27.4634 100.085 27.4569 100.129 27.4501 100.173L27.4696 100.041C27.4378 100.264 27.4005 100.487 27.3578 100.709C27.3529 100.734 27.3479 100.76 27.3429 100.785C27.302 100.991 27.2565 101.196 27.2062 101.4C27.1711 101.542 27.1336 101.685 27.0939 101.826C27.0863 101.853 27.0787 101.88 27.071 101.907C27.0655 101.926 27.0599 101.945 27.0543 101.965L27.071 101.907C27.0274 102.059 26.9812 102.21 26.9325 102.36C26.9257 102.381 26.9188 102.402 26.9118 102.423C26.8968 102.469 26.8815 102.515 26.8659 102.56C26.8593 102.579 26.8527 102.599 26.846 102.618C26.8026 102.743 26.7574 102.868 26.7104 102.992C26.6271 103.212 26.5381 103.43 26.4436 103.646C26.3748 103.802 26.3031 103.958 26.2285 104.112C26.2105 104.15 26.1921 104.187 26.1736 104.225C26.1588 104.255 26.144 104.284 26.129 104.314C26.11 104.352 26.0907 104.39 26.0711 104.427C26.0589 104.451 26.0467 104.475 26.0344 104.498C26.0132 104.539 25.9918 104.579 25.9703 104.619C25.9022 104.747 25.8318 104.873 25.7594 104.999L25.7578 105.001L61.0459 125.336ZM84.9541 125.336L120.242 105.001C120.185 104.901 120.128 104.801 120.073 104.7C120.059 104.673 120.044 104.646 120.03 104.619C120.008 104.579 119.987 104.539 119.966 104.498C119.953 104.475 119.941 104.451 119.929 104.428C119.907 104.385 119.885 104.342 119.863 104.299C119.852 104.277 119.841 104.255 119.831 104.233C119.809 104.19 119.788 104.147 119.767 104.104C119.751 104.071 119.735 104.037 119.72 104.004C119.713 103.991 119.707 103.977 119.701 103.964L119.72 104.004C119.689 103.94 119.66 103.876 119.63 103.812C119.582 103.705 119.535 103.598 119.489 103.49L119.484 103.478C119.365 103.195 119.254 102.908 119.154 102.618C119.147 102.599 119.141 102.579 119.134 102.56C119.119 102.515 119.103 102.469 119.088 102.423C119.081 102.402 119.074 102.381 119.068 102.36C119.054 102.317 119.04 102.275 119.026 102.232C118.993 102.124 118.96 102.015 118.929 101.907C118.921 101.88 118.914 101.853 118.906 101.826C118.866 101.685 118.829 101.542 118.794 101.4C118.762 101.27 118.732 101.14 118.704 101.009C118.697 100.979 118.691 100.948 118.684 100.917C118.659 100.797 118.635 100.676 118.613 100.554C118.596 100.457 118.579 100.36 118.564 100.263L118.559 100.229C118.45 99.5358 118.394 98.8331 118.393 98.1275C118.393 98.0941 118.393 98.0604 118.393 98.0267C118.393 97.9974 118.393 97.9684 118.394 97.9393L118.393 98.0267C118.393 97.9597 118.394 97.8927 118.395 97.8256C118.397 97.7719 118.398 97.7181 118.4 97.6643C118.401 97.6301 118.402 97.5961 118.403 97.562C118.405 97.5202 118.407 97.4782 118.409 97.4362C118.41 97.409 118.412 97.3818 118.413 97.3545C118.419 97.236 118.427 97.1175 118.437 96.999C118.44 96.9553 118.444 96.9118 118.448 96.8683C118.475 96.5653 118.513 96.262 118.561 95.9594C118.564 95.9369 118.568 95.9144 118.572 95.892C118.594 95.7559 118.618 95.6199 118.645 95.4841C118.65 95.4597 118.654 95.4354 118.659 95.4112C118.67 95.3585 118.681 95.3058 118.692 95.2531C118.697 95.2286 118.702 95.2039 118.708 95.1793C118.716 95.1404 118.725 95.1017 118.734 95.0631C118.744 95.0196 118.754 94.976 118.764 94.9324C118.795 94.8037 118.827 94.6753 118.862 94.5472C118.876 94.4934 118.891 94.4395 118.906 94.3856C118.914 94.3572 118.922 94.3289 118.931 94.3006L102.305 84.7196C100.21 85.7004 97.8717 86.2485 95.4049 86.2485L76.7081 86.2487L76.7082 118.952C76.7763 118.971 76.8441 118.991 76.9118 119.011C76.9322 119.017 76.9526 119.023 76.9731 119.029C77.0216 119.043 77.0699 119.058 77.1181 119.073C77.1424 119.081 77.1669 119.089 77.1914 119.096C77.2355 119.11 77.2794 119.125 77.3232 119.139C77.3486 119.147 77.3741 119.156 77.3995 119.164C77.5191 119.204 77.638 119.246 77.7561 119.289C77.7762 119.297 77.7965 119.304 77.8168 119.312C77.8563 119.326 77.8955 119.341 77.9346 119.356C78.0399 119.396 78.1445 119.438 78.2485 119.481C78.405 119.545 78.5598 119.612 78.7131 119.682C78.7967 119.72 78.8796 119.758 78.9621 119.798C78.9901 119.811 79.0182 119.825 79.0462 119.838C79.218 119.922 79.3878 120.009 79.5554 120.1C79.5986 120.123 79.6415 120.146 79.6844 120.17C79.7037 120.181 79.7232 120.192 79.7427 120.203C79.7788 120.223 79.8145 120.243 79.8501 120.263C79.8871 120.285 79.9238 120.306 79.9604 120.327C79.986 120.342 80.0119 120.357 80.0377 120.373C80.0816 120.399 80.1251 120.425 80.1684 120.451C80.1819 120.459 80.1951 120.467 80.2084 120.476C80.2598 120.507 80.3111 120.539 80.3621 120.571C80.3802 120.582 80.3981 120.594 80.4159 120.605C80.4484 120.626 80.4808 120.647 80.5132 120.668C80.5456 120.689 80.578 120.71 80.6102 120.731C80.6401 120.751 80.6696 120.771 80.699 120.79C80.729 120.811 80.759 120.831 80.7889 120.851C80.8302 120.88 80.8713 120.908 80.9122 120.937C81.0271 121.017 81.1407 121.099 81.253 121.183C81.3369 121.245 81.4202 121.309 81.5028 121.374C81.5307 121.395 81.5584 121.417 81.5861 121.439C81.7899 121.601 81.9891 121.769 82.1833 121.942C82.2063 121.962 82.2295 121.983 82.2527 122.004C82.2963 122.043 82.3393 122.082 82.382 122.122C82.3964 122.135 82.411 122.149 82.4256 122.162C82.4443 122.18 82.4629 122.197 82.4815 122.215C82.5186 122.25 82.5556 122.285 82.5924 122.321C82.6113 122.339 82.63 122.357 82.6486 122.375C82.6713 122.397 82.6941 122.42 82.7168 122.442L82.759 122.484C82.7711 122.496 82.7831 122.508 82.7952 122.52C82.8766 122.602 82.9572 122.685 83.0367 122.77L83.0541 122.788C83.119 122.857 83.1832 122.926 83.2466 122.996C83.2995 123.055 83.3519 123.114 83.4037 123.173C83.4794 123.26 83.5539 123.347 83.6274 123.435C83.6472 123.459 83.667 123.483 83.6866 123.507C83.7154 123.542 83.744 123.578 83.7724 123.613C83.8423 123.7 83.9111 123.788 83.9788 123.876C83.9997 123.904 84.0207 123.931 84.0416 123.959C84.0595 123.983 84.0774 124.007 84.0952 124.031C84.124 124.069 84.1524 124.108 84.1806 124.147C84.1958 124.168 84.211 124.189 84.2261 124.21C84.255 124.25 84.2839 124.291 84.3125 124.332C84.3265 124.352 84.3404 124.372 84.3542 124.392C84.3795 124.428 84.4047 124.465 84.4296 124.501C84.4481 124.529 84.4665 124.556 84.4848 124.583C84.6227 124.789 84.755 124.999 84.8817 125.212L84.9541 125.336ZM17.0896 103.793C19.5722 102.363 20.7658 99.5596 20.264 96.8987C20.2607 96.8794 20.257 96.8601 20.2531 96.8407L20.264 96.8987C20.2438 96.7914 20.2208 96.6843 20.195 96.5776C20.0834 96.1159 19.9204 95.6627 19.7053 95.2257C19.6953 95.2052 19.6849 95.1844 19.6744 95.1637L19.7053 95.2257C19.6824 95.1792 19.659 95.1328 19.6349 95.0867L19.6744 95.1637C19.6448 95.1051 19.6143 95.0467 19.5827 94.9887L19.4952 94.8326C19.4056 94.6778 19.3105 94.5277 19.2101 94.3824C19.1952 94.3607 19.1801 94.3391 19.1648 94.3176L19.2101 94.3824C19.1775 94.3352 19.1443 94.2885 19.1106 94.2423L19.1648 94.3176C19.1296 94.2679 19.0938 94.2189 19.0574 94.1704L19.1106 94.2423C19.0716 94.1889 19.0319 94.1362 18.9914 94.0841L19.0574 94.1704C19.026 94.1285 18.9941 94.0871 18.9618 94.0462L18.9914 94.0841C18.9535 94.0354 18.915 93.9873 18.8759 93.9398L18.9618 94.0462C18.9254 94.0001 18.8885 93.9547 18.8511 93.9098L18.8759 93.9398C18.807 93.8562 18.7362 93.7745 18.6637 93.6948C16.6294 91.4608 13.244 90.8605 10.5176 92.4316C7.37422 94.243 6.29723 98.2548 8.11205 101.392C9.92688 104.53 13.9463 105.605 17.0896 103.793ZM137.888 101.392C139.703 98.2548 138.626 94.243 135.482 92.4316C132.991 90.9959 129.949 91.3734 127.891 93.154C127.848 93.1908 127.806 93.2283 127.764 93.2664L127.641 93.3822C127.573 93.4475 127.506 93.5145 127.44 93.5831C127.424 93.5998 127.409 93.6165 127.393 93.6332L127.44 93.5831C127.406 93.6195 127.371 93.6564 127.337 93.6937L127.393 93.6332C127.355 93.6737 127.318 93.7147 127.281 93.7561L127.337 93.6937C127.298 93.7369 127.259 93.7808 127.221 93.8253L127.281 93.7561C127.242 93.8003 127.203 93.8451 127.165 93.8905L127.221 93.8253C127.182 93.8694 127.145 93.9142 127.108 93.9596L127.165 93.8905C127.047 94.0305 126.935 94.1762 126.828 94.3272C126.816 94.3446 126.804 94.3623 126.791 94.3801L126.828 94.3272C126.714 94.4895 126.606 94.6581 126.505 94.8326C126.475 94.8847 126.445 94.9371 126.417 94.9898C126.406 95.0098 126.395 95.0298 126.384 95.0499L126.417 94.9898C126.385 95.0483 126.354 95.1071 126.324 95.1662L126.384 95.0499C126.355 95.1056 126.326 95.1616 126.299 95.2178L126.324 95.1662C126.299 95.2155 126.275 95.2651 126.252 95.3148L126.299 95.2178C126.269 95.2766 126.241 95.3358 126.214 95.3951L126.252 95.3148C126.194 95.4361 126.141 95.5586 126.091 95.682C126.084 95.6998 126.077 95.7175 126.07 95.7352L126.091 95.682C125.995 95.9211 125.914 96.1639 125.848 96.4094C125.84 96.4398 125.832 96.4701 125.824 96.5003L125.848 96.4094C125.833 96.4651 125.819 96.5209 125.805 96.5768L125.824 96.5003C125.81 96.5542 125.797 96.6083 125.785 96.6624L125.805 96.5768C125.79 96.64 125.775 96.7033 125.762 96.7667L125.785 96.6624C125.772 96.7204 125.76 96.7786 125.748 96.8368L125.762 96.7667C125.751 96.8176 125.741 96.8686 125.732 96.9197L125.748 96.8368C125.216 99.516 126.409 102.352 128.91 103.793C132.054 105.605 136.073 104.53 137.888 101.392ZM73 138.784C76.6296 138.784 79.5721 135.848 79.5721 132.225C79.5721 129.451 77.8476 127.08 75.4104 126.12C75.3926 126.113 75.3746 126.106 75.3567 126.099L75.4104 126.12C75.3655 126.103 75.3203 126.086 75.2749 126.069L75.3567 126.099C75.3034 126.079 75.2499 126.059 75.1961 126.04L75.2749 126.069C75.2241 126.05 75.173 126.032 75.1217 126.015L75.1961 126.04C75.1422 126.021 75.0881 126.003 75.0336 125.985L75.1217 126.015C75.0649 125.995 75.0077 125.977 74.9502 125.959L75.0336 125.985C74.9773 125.967 74.9207 125.949 74.8638 125.933L74.9502 125.959C74.9004 125.943 74.8504 125.929 74.8 125.914L74.8638 125.933C74.8092 125.916 74.7544 125.901 74.6994 125.887L74.8 125.914C74.7407 125.897 74.681 125.881 74.621 125.866L74.6994 125.887C74.5659 125.851 74.4309 125.82 74.2945 125.792C74.2656 125.787 74.2369 125.781 74.2081 125.776L74.2945 125.792C74.2426 125.782 74.1905 125.772 74.1382 125.763L74.2081 125.776C74.149 125.765 74.0897 125.755 74.0301 125.745L74.1382 125.763C74.0752 125.752 74.012 125.742 73.9485 125.733L74.0301 125.745C73.9883 125.739 73.9464 125.733 73.9044 125.727L73.9485 125.733C73.8833 125.724 73.8179 125.715 73.7521 125.708L73.9044 125.727C73.8467 125.719 73.7887 125.712 73.7305 125.705L73.7521 125.708C73.697 125.701 73.6416 125.696 73.5861 125.691L73.7305 125.705C73.6678 125.698 73.6049 125.692 73.5418 125.687L73.5861 125.691C73.5242 125.685 73.4622 125.681 73.4 125.677L73.5418 125.687C73.4819 125.682 73.4217 125.678 73.3613 125.675L73.4 125.677C73.3414 125.674 73.2826 125.671 73.2237 125.669L73.3613 125.675C73.2417 125.668 73.1212 125.665 73 125.665L72.8213 125.668C72.8063 125.668 72.7914 125.668 72.7764 125.669L72.8211 125.668C72.7602 125.669 72.6994 125.672 72.6388 125.675L72.7764 125.669C72.7174 125.671 72.6585 125.674 72.5999 125.677L72.6388 125.675C72.5784 125.678 72.5182 125.682 72.4582 125.687L72.5999 125.677C72.5377 125.681 72.4757 125.685 72.4139 125.691L72.4582 125.687C72.3951 125.692 72.3322 125.698 72.2694 125.705L72.4139 125.691C72.3584 125.696 72.3031 125.701 72.2479 125.708L72.2694 125.705C72.2104 125.712 72.1516 125.719 72.0929 125.727L72.2479 125.708C72.1839 125.715 72.1201 125.723 72.0566 125.732L72.0929 125.727C72.0499 125.733 72.0069 125.739 71.9641 125.746L72.0566 125.732C71.9912 125.742 71.9261 125.752 71.8612 125.763L71.9641 125.746C71.9119 125.755 71.86 125.763 71.8082 125.773L71.8612 125.763C71.8077 125.773 71.7544 125.783 71.7013 125.793L71.8082 125.773C71.6619 125.8 71.517 125.831 71.3738 125.867C71.3529 125.873 71.3317 125.878 71.3107 125.884L71.3738 125.867C71.315 125.882 71.2565 125.898 71.1983 125.915L71.3107 125.884C71.2564 125.898 71.2023 125.913 71.1486 125.929L71.1983 125.915C71.1459 125.929 71.0936 125.945 71.0417 125.961L71.1486 125.929C71.0888 125.947 71.0293 125.965 70.9703 125.984L71.0417 125.961C70.987 125.978 70.9326 125.996 70.8786 126.014L70.9703 125.984C70.9144 126.002 70.8589 126.021 70.8037 126.04L70.8786 126.014C70.8272 126.032 70.7761 126.05 70.7252 126.068L70.8037 126.04C70.7492 126.06 70.695 126.08 70.6412 126.1L70.7252 126.068C70.6815 126.084 70.638 126.101 70.5947 126.118L70.6412 126.1C68.1768 127.047 66.4279 129.432 66.4279 132.225C66.4279 135.848 69.3704 138.784 73 138.784Z" fill="#EFF6FF"/>
-</svg>
diff --git a/web/satellite/static/images/billing/storj-icon-small.svg b/web/satellite/static/images/billing/storj-icon-small.svg
deleted file mode 100644
index d55c878d68eb..000000000000
--- a/web/satellite/static/images/billing/storj-icon-small.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-<svg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="15" height="17" fill="#E5E5E5"/>
-<g clip-path="url(#clip0_11080_68109)">
-<rect width="1440" height="1011" transform="translate(-354 -254)" fill="#FAFAFB"/>
-<g filter="url(#filter0_d_11080_68109)">
-<rect x="-34" y="-28" width="348" height="203" rx="10" fill="white"/>
-</g>
-<mask id="mask0_11080_68109" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="-34" y="-28" width="348" height="179">
-<rect x="-34" y="-28" width="348" height="179" rx="10" fill="white"/>
-</mask>
-<g mask="url(#mask0_11080_68109)">
-<rect x="-9" y="-4" width="32" height="24" rx="4" fill="#E6EDF7"/>
-<path d="M7.5 17C6.73002 17 6.10338 16.382 6.08259 15.6116L2.09277 13.292C1.88529 13.4052 1.66146 13.4609 1.4398 13.4641L1.41788 13.4642C0.928405 13.4636 0.452545 13.2076 0.190205 12.75C-0.194779 12.0785 0.0233927 11.223 0.675444 10.8197L0.675444 6.18032C0.0233927 5.77701 -0.194779 4.9215 0.190205 4.25C0.44863 3.79925 0.914248 3.54406 1.39597 3.536L1.41788 3.5358C1.64668 3.53554 1.87845 3.5911 2.09278 3.70799L6.08259 1.38834C6.1032 0.625856 6.71735 0.0125885 7.47655 0.000192642L7.5 0C8.26996 0 8.89659 0.618017 8.91741 1.38833L12.9071 3.70805C13.1146 3.59485 13.3385 3.53915 13.5602 3.53595L13.5821 3.5358C14.0716 3.53637 14.5475 3.79242 14.8098 4.25C15.1948 4.9215 14.9766 5.77701 14.3246 6.18032L14.3246 10.8197C14.9766 11.223 15.1948 12.0785 14.8098 12.75C14.5514 13.2008 14.0858 13.4559 13.604 13.464L13.5821 13.4642C13.3533 13.4645 13.1216 13.4089 12.9072 13.292L8.91741 15.6117C8.8968 16.3741 8.28265 16.9874 7.52345 16.9998L7.5 17ZM7.5 2.10788L7.51836 2.10763C7.5199 2.10759 7.52143 2.10754 7.52297 2.10749L7.51838 2.10763C7.52451 2.10747 7.53062 2.10722 7.53671 2.10689L7.52297 2.10749C7.52967 2.10727 7.53634 2.10694 7.54298 2.10652L7.53671 2.10689C7.54293 2.10655 7.54914 2.10613 7.55532 2.10563L7.54298 2.10652C7.54907 2.10614 7.55514 2.10567 7.56118 2.10513L7.55532 2.10563C7.5608 2.10518 7.56626 2.10466 7.57171 2.10408L7.56118 2.10513C7.56784 2.10452 7.57447 2.10382 7.58107 2.10303L7.57171 2.10408C7.57787 2.10343 7.58401 2.10269 7.59013 2.10187L7.58107 2.10303C7.58667 2.10235 7.59225 2.10161 7.59781 2.1008L7.59013 2.10187C7.59705 2.10094 7.60394 2.0999 7.61079 2.09876L7.59781 2.1008C7.60344 2.09997 7.60904 2.09908 7.61462 2.09812L7.61079 2.09876C7.61663 2.09779 7.62244 2.09675 7.62823 2.09563L7.61462 2.09812C7.62077 2.09706 7.62688 2.09592 7.63297 2.0947L7.62823 2.09563C7.63568 2.09419 7.64309 2.09262 7.65046 2.09093L7.63297 2.0947C7.64701 2.09187 7.6609 2.08861 7.67461 2.08492C7.67806 2.08401 7.6815 2.08305 7.68494 2.08207L7.67461 2.08492C7.68027 2.0834 7.6859 2.08181 7.69149 2.08014L7.68494 2.08207C7.68997 2.08063 7.69497 2.07914 7.69996 2.07759L7.69149 2.08014C7.97113 1.99701 8.17521 1.73647 8.17521 1.42792C8.17521 1.05239 7.87291 0.747957 7.5 0.747957C7.12709 0.747957 6.82479 1.05239 6.82479 1.42792C6.82479 1.73311 7.02444 1.99133 7.29939 2.07737C7.30282 2.07846 7.30629 2.07951 7.30977 2.08054L7.29939 2.07737C7.30454 2.07898 7.30971 2.08052 7.3149 2.08201L7.30977 2.08054C7.3153 2.08216 7.32085 2.08372 7.32643 2.08521L7.3149 2.08201C7.32088 2.08373 7.3269 2.08536 7.33294 2.08691L7.32643 2.08521C7.33968 2.08875 7.35308 2.09188 7.3666 2.09461C7.36873 2.09504 7.37088 2.09546 7.37304 2.09588L7.3666 2.09461C7.37288 2.09587 7.37919 2.09705 7.38552 2.09814L7.37304 2.09588C7.37823 2.09687 7.38345 2.09781 7.38868 2.09868L7.38552 2.09814C7.39118 2.09911 7.39685 2.10001 7.40255 2.10084L7.38868 2.09868C7.39564 2.09984 7.40264 2.1009 7.40967 2.10185L7.40255 2.10084C7.40798 2.10163 7.41344 2.10236 7.41891 2.10302L7.40967 2.10185C7.41585 2.10268 7.42207 2.10343 7.42831 2.10409L7.41891 2.10302C7.42552 2.10382 7.43216 2.10452 7.43882 2.10512L7.42831 2.10409C7.43375 2.10467 7.4392 2.10518 7.44468 2.10563L7.43882 2.10512C7.44487 2.10567 7.45094 2.10614 7.45703 2.10652L7.44468 2.10563C7.45085 2.10613 7.45705 2.10655 7.46328 2.10689L7.45703 2.10652C7.46367 2.10694 7.47033 2.10727 7.47702 2.10749L7.46328 2.10689C7.47543 2.10755 7.48768 2.10788 7.5 2.10788ZM9.69495 6.7745L12.2068 5.31411C12.205 5.30699 12.2033 5.29988 12.2016 5.29275C12.2011 5.29057 12.2006 5.28834 12.2 5.2861C12.1989 5.2812 12.1978 5.27633 12.1968 5.27147C12.196 5.26792 12.1952 5.26433 12.1944 5.26073C12.1936 5.25655 12.1927 5.25237 12.1919 5.24819C12.191 5.24377 12.1901 5.23936 12.1893 5.23494C12.1868 5.22228 12.1846 5.20958 12.1825 5.19687C12.1819 5.19364 12.1814 5.1904 12.1809 5.18715C12.176 5.15609 12.1722 5.12498 12.1694 5.09386C12.1691 5.09036 12.1688 5.08686 12.1685 5.08337C12.1674 5.0702 12.1665 5.05703 12.1658 5.04385C12.1657 5.04273 12.1657 5.0416 12.1656 5.04047L12.1658 5.04385C12.1654 5.03706 12.1651 5.03026 12.1648 5.02346C12.1647 5.01937 12.1645 5.01525 12.1644 5.01113C12.1642 5.00659 12.1641 5.00208 12.164 4.99758C12.1639 4.99415 12.1639 4.99069 12.1638 4.98723C12.1638 4.98381 12.1637 4.9804 12.1637 4.97698C12.1637 4.97385 12.1636 4.97072 12.1636 4.96759L12.1637 4.97698C12.1631 4.90091 12.1685 4.82512 12.1798 4.75036C12.1817 4.73793 12.1837 4.72552 12.1859 4.71314C12.1869 4.70774 12.1878 4.70236 12.1889 4.69698C12.191 4.68557 12.1933 4.67417 12.1958 4.6628C12.1966 4.65871 12.1975 4.65461 12.1985 4.65051C12.1991 4.64756 12.1998 4.64462 12.2005 4.64169C12.2011 4.63894 12.2017 4.63618 12.2024 4.63341C12.2036 4.62815 12.2049 4.62292 12.2062 4.6177C12.2101 4.60212 12.2142 4.58659 12.2186 4.57113C12.2217 4.56004 12.225 4.54898 12.2284 4.53796C12.2296 4.53422 12.2308 4.53051 12.232 4.52679C12.2329 4.52375 12.2339 4.5207 12.2349 4.51764C12.2361 4.5141 12.2372 4.51056 12.2384 4.50702C12.24 4.5022 12.2417 4.49741 12.2433 4.49263C12.2441 4.49028 12.245 4.48794 12.2458 4.48559C12.2474 4.48091 12.2491 4.47625 12.2508 4.4716C12.2512 4.47063 12.2515 4.46962 12.2519 4.46861C12.2541 4.4626 12.2563 4.45665 12.2586 4.45071C12.2639 4.43676 12.2695 4.42288 12.2752 4.40909C12.2798 4.39808 12.2846 4.38712 12.2894 4.37622C12.2911 4.37253 12.2928 4.36883 12.2945 4.36514C12.2955 4.36277 12.2966 4.36042 12.2977 4.35808C12.3 4.3531 12.3024 4.34811 12.3047 4.34315C12.3064 4.33968 12.3081 4.33625 12.3097 4.33282C12.3113 4.32969 12.3128 4.32656 12.3144 4.32344C12.3164 4.31935 12.3184 4.31529 12.3205 4.31124C12.3218 4.30874 12.3231 4.3062 12.3244 4.30366C12.3266 4.29946 12.3287 4.2953 12.3309 4.29116C12.3322 4.28883 12.3334 4.28649 12.3346 4.28417C12.3408 4.27267 12.3471 4.26125 12.3536 4.24991L8.72818 2.14199C8.72747 2.14324 8.72675 2.14449 8.72602 2.14573C8.71933 2.15731 8.71248 2.16876 8.70549 2.18011C8.7043 2.18204 8.7031 2.18397 8.7019 2.18589C8.69924 2.19016 8.69655 2.19443 8.69383 2.19869C8.69207 2.20146 8.69031 2.20418 8.68855 2.20691C8.68635 2.2103 8.68412 2.21372 8.68187 2.21713C8.67982 2.22023 8.67778 2.2233 8.67572 2.22637C8.67438 2.22837 8.67303 2.23038 8.67167 2.23238C8.6497 2.26476 8.62646 2.29617 8.60199 2.32655C8.59486 2.33542 8.58761 2.34421 8.58025 2.35291C8.57342 2.36099 8.5665 2.369 8.55949 2.37693C8.55616 2.3807 8.55282 2.38444 8.54946 2.38816C8.54759 2.39023 8.5457 2.39231 8.54381 2.39438C8.54186 2.39652 8.53991 2.39863 8.53796 2.40074C8.52986 2.4095 8.52165 2.41817 8.51333 2.42673C8.4872 2.4536 8.46001 2.47946 8.43184 2.50422L8.42932 2.50642C8.42025 2.51436 8.41108 2.52218 8.4018 2.52989C8.4003 2.53114 8.39882 2.53236 8.39734 2.53358C8.39388 2.53643 8.39038 2.53929 8.38687 2.54213C8.3837 2.54468 8.38054 2.54722 8.37736 2.54974C8.37562 2.55112 8.37388 2.5525 8.37213 2.55388C8.36068 2.56288 8.3491 2.57171 8.33739 2.58035C8.33666 2.58089 8.33599 2.58139 8.33531 2.58189C8.33177 2.58449 8.32819 2.5871 8.3246 2.58968C8.31605 2.59585 8.30744 2.60192 8.29876 2.60788L8.29514 2.61037C8.2708 2.62699 8.24593 2.64288 8.22055 2.65799C8.21807 2.65946 8.2156 2.66093 8.21312 2.66238C8.2028 2.66844 8.1924 2.67437 8.18191 2.68017C8.17768 2.68252 8.17346 2.68482 8.16923 2.68711C8.16674 2.68845 8.16423 2.6898 8.16173 2.69113C8.15884 2.69267 8.15595 2.69419 8.15304 2.69571C8.14808 2.69831 8.14312 2.70087 8.13813 2.70341C8.13613 2.70443 8.1341 2.70545 8.13207 2.70647C8.12061 2.71223 8.10908 2.71782 8.09747 2.72326C8.0948 2.72451 8.09211 2.72576 8.08941 2.72701C8.0775 2.7325 8.06553 2.73781 8.05347 2.74296C8.04159 2.74804 8.02961 2.75297 8.01756 2.75773C8.00651 2.76209 7.99538 2.76633 7.98418 2.77042C7.9815 2.77141 7.97883 2.77237 7.97616 2.77333C7.97097 2.77519 7.96574 2.77704 7.9605 2.77885C7.9592 2.7793 7.95793 2.77973 7.95667 2.78017C7.95093 2.78213 7.94514 2.78407 7.93935 2.78597C7.93716 2.78669 7.93498 2.78739 7.93281 2.7881C7.92698 2.78997 7.92113 2.79182 7.91525 2.79363C7.91392 2.79404 7.91259 2.79445 7.91126 2.79485C7.90641 2.79633 7.90153 2.79779 7.89665 2.79922C7.89246 2.80044 7.88827 2.80165 7.88407 2.80284C7.88301 2.80314 7.88196 2.80343 7.88092 2.80372L7.88096 5.55366C8.65672 5.65023 9.32293 6.11571 9.69495 6.7745ZM5.4342 6.83248C5.78129 6.17607 6.40893 5.71109 7.13823 5.57568L7.13822 2.80894C7.13006 2.80678 7.12192 2.80454 7.11381 2.80224C7.11021 2.80121 7.10665 2.80018 7.10309 2.79914C7.07571 2.79112 7.04866 2.78228 7.02197 2.77266C7.01961 2.77181 7.01724 2.77095 7.01488 2.77008C7.00964 2.76816 7.00445 2.76622 6.99926 2.76425C6.99744 2.76355 6.9956 2.76285 6.99377 2.76214C6.98882 2.76024 6.9839 2.75831 6.97899 2.75636C6.97648 2.75536 6.97397 2.75435 6.97146 2.75333C6.96583 2.75106 6.96024 2.74875 6.95466 2.74641C6.9531 2.74576 6.95153 2.74509 6.94997 2.74443C6.93752 2.73915 6.92519 2.73371 6.91295 2.7281C6.90961 2.72656 6.90629 2.72502 6.90298 2.72347C6.89315 2.71887 6.88336 2.71415 6.87364 2.70932C6.86759 2.70632 6.86158 2.70328 6.8556 2.7002C6.85204 2.69837 6.84846 2.69651 6.8449 2.69463C6.8434 2.69384 6.84192 2.69306 6.84044 2.69228C6.83481 2.6893 6.82918 2.68627 6.82358 2.6832C6.82158 2.6821 6.81957 2.68099 6.81756 2.67988C6.81412 2.67798 6.81071 2.67607 6.80731 2.67415C6.7965 2.66803 6.78577 2.66179 6.77514 2.65541C6.77282 2.65402 6.77053 2.65263 6.76824 2.65124C6.76383 2.64856 6.75941 2.64584 6.75502 2.6431C6.75227 2.64139 6.74953 2.63968 6.74681 2.63795C6.7441 2.63623 6.74137 2.6345 6.73866 2.63275C6.7355 2.63073 6.73239 2.62871 6.72929 2.62669C6.71932 2.62017 6.70942 2.61352 6.6996 2.60675C6.69615 2.60438 6.69272 2.60198 6.68929 2.59958C6.67177 2.58725 6.65454 2.57454 6.6376 2.56146C6.63433 2.55894 6.63106 2.55639 6.6278 2.55382L6.62517 2.55174C6.61142 2.54087 6.59788 2.52975 6.58454 2.51839C6.58123 2.51558 6.57796 2.51276 6.5747 2.50993C6.57132 2.50698 6.56794 2.50402 6.56458 2.50105C6.56226 2.49902 6.55995 2.49696 6.55765 2.49489C6.55578 2.4932 6.55392 2.49153 6.55208 2.48986C6.52533 2.46564 6.49951 2.44041 6.47467 2.41423C6.47242 2.41184 6.47014 2.40943 6.46787 2.407C6.45763 2.39607 6.44757 2.38498 6.43769 2.37373L6.43708 2.37302C6.41969 2.3532 6.40284 2.33289 6.38655 2.31211C6.38409 2.309 6.38165 2.30587 6.37923 2.30272C6.377 2.2998 6.37477 2.29689 6.37255 2.29396C6.3702 2.29088 6.36787 2.28779 6.36556 2.28469C6.36385 2.28238 6.36216 2.28009 6.36047 2.2778C6.35743 2.27371 6.35442 2.26956 6.35142 2.2654C6.34961 2.26286 6.34779 2.26033 6.34599 2.25779C6.34363 2.25449 6.3413 2.25118 6.33899 2.24787C6.33702 2.24502 6.33502 2.24214 6.33304 2.23924C6.33041 2.23545 6.32783 2.23166 6.32527 2.22785C6.32351 2.22519 6.32172 2.22252 6.31994 2.21984C6.30474 2.19694 6.2902 2.17358 6.27633 2.14978L6.27184 2.14199L2.64635 4.24987C2.65402 4.26327 2.66131 4.27651 2.66838 4.28985C2.67082 4.29444 2.67322 4.29903 2.67561 4.30364C2.67739 4.30711 2.67916 4.31056 2.68091 4.31401C2.68194 4.31605 2.68297 4.31809 2.68399 4.32014C2.69028 4.33269 2.69638 4.34535 2.70229 4.35809C2.70338 4.36045 2.70447 4.36279 2.70554 4.36514C2.70762 4.36969 2.70968 4.37425 2.71171 4.37882C2.71267 4.38096 2.71362 4.3831 2.71456 4.38525C2.71664 4.38999 2.7187 4.39475 2.72074 4.39953C2.72925 4.4195 2.73731 4.43964 2.7449 4.45995C2.75217 4.47939 2.75902 4.499 2.76545 4.51873C2.76624 4.52116 2.76703 4.52363 2.76782 4.52609C2.77738 4.55602 2.78596 4.58623 2.79355 4.6167C2.79442 4.62017 2.79527 4.62364 2.79611 4.62711C2.79896 4.63896 2.80167 4.65084 2.80423 4.66275C2.80485 4.66565 2.80546 4.66853 2.80606 4.67141C2.80721 4.67696 2.80834 4.68253 2.80943 4.6881C2.80994 4.69068 2.81043 4.69325 2.81092 4.69583C2.81484 4.7164 2.81831 4.73705 2.82132 4.75778C2.8224 4.76515 2.82341 4.77254 2.82437 4.77993C2.82565 4.78979 2.82683 4.79966 2.8279 4.80955C2.83016 4.83028 2.83197 4.85109 2.83333 4.87194C2.83359 4.87607 2.83384 4.88019 2.83408 4.88432C2.83426 4.88749 2.83443 4.89068 2.83458 4.89387C2.83525 4.90731 2.83573 4.92075 2.83602 4.93421C2.83633 4.94848 2.83643 4.96274 2.83631 4.97702C2.83628 4.98041 2.83624 4.98385 2.83619 4.98728C2.83615 4.98985 2.83611 4.99236 2.83605 4.99488C2.83577 5.00853 2.83529 5.02224 2.83462 5.03595C2.83438 5.04081 2.83411 5.04568 2.83382 5.05055C2.83363 5.05388 2.83342 5.0572 2.8332 5.06052C2.83302 5.06322 2.83283 5.06591 2.83263 5.06861C2.8315 5.08434 2.8301 5.10007 2.82844 5.1158C2.82841 5.11605 2.82839 5.11629 2.82836 5.11654L2.82844 5.1158C2.82502 5.1482 2.82048 5.18057 2.81481 5.21285C2.81426 5.21598 2.8137 5.21912 2.81313 5.22225C2.8124 5.22623 2.81166 5.2302 2.8109 5.23417C2.80863 5.24602 2.80621 5.25785 2.80364 5.26966C2.80149 5.27949 2.79924 5.28933 2.79688 5.29916L5.4342 6.83248ZM13.9194 5.55282C14.2424 5.36506 14.353 4.9492 14.1666 4.62398C13.9801 4.29876 13.5672 4.18733 13.2442 4.3751C12.9897 4.5231 12.867 4.81283 12.9178 5.08818C12.9182 5.09086 12.9188 5.09355 12.9193 5.09624L12.9178 5.08818C12.9187 5.09328 12.9197 5.09837 12.9208 5.10346L12.9193 5.09624C12.9206 5.10278 12.922 5.1093 12.9235 5.11581L12.9208 5.10346C12.9222 5.11032 12.9238 5.11718 12.9254 5.12402L12.9235 5.11581C12.9247 5.12118 12.926 5.12655 12.9273 5.1319L12.9254 5.12402C12.9268 5.12985 12.9283 5.13568 12.9299 5.1415L12.9273 5.1319C12.929 5.13826 12.9307 5.1446 12.9325 5.15093L12.9299 5.1415C12.9313 5.14691 12.9328 5.15232 12.9344 5.15772L12.9325 5.15093C12.9382 5.17093 12.9448 5.19075 12.9524 5.21033C12.9535 5.21309 12.9545 5.21584 12.9557 5.2186L12.9524 5.21033C12.9548 5.21653 12.9573 5.2227 12.9599 5.22884L12.9557 5.2186C12.9579 5.22423 12.9603 5.22984 12.9627 5.23544L12.9599 5.22884C12.9621 5.23401 12.9643 5.23915 12.9666 5.24428L12.9627 5.23544C12.9656 5.24209 12.9686 5.24871 12.9717 5.2553L12.9666 5.24428C12.9691 5.24979 12.9716 5.25527 12.9743 5.26073L12.9717 5.2553C12.9742 5.26072 12.9769 5.26612 12.9796 5.27151L12.9743 5.26073C12.9775 5.26737 12.9808 5.27398 12.9843 5.28055L12.9796 5.27151C12.9835 5.27924 12.9876 5.28693 12.9918 5.29458L12.9971 5.30394C13.0063 5.32007 13.0161 5.3357 13.0265 5.35083C13.028 5.35299 13.0295 5.35513 13.031 5.35726L13.0265 5.35083C13.0337 5.36139 13.0413 5.3717 13.049 5.38176C13.0504 5.38354 13.0517 5.38527 13.0531 5.387L13.049 5.38176C13.0522 5.38585 13.0554 5.38991 13.0586 5.39392L13.0531 5.387C13.0575 5.39255 13.0619 5.39802 13.0664 5.40341L13.0586 5.39392C13.0623 5.39846 13.066 5.40294 13.0698 5.40736L13.0664 5.40341C13.0698 5.40745 13.0732 5.41145 13.0767 5.4154L13.0698 5.40736C13.0788 5.41799 13.0882 5.4283 13.0978 5.43828C13.1047 5.44547 13.1118 5.4525 13.119 5.45934C13.1257 5.4657 13.1325 5.4719 13.1394 5.47795C13.1432 5.48118 13.1469 5.48438 13.1507 5.48752L13.1394 5.47795C13.1439 5.48184 13.1484 5.48566 13.1529 5.48942L13.1507 5.48752C13.3619 5.66383 13.6679 5.69903 13.9194 5.55282ZM1.88623 5.45429L1.89168 5.44897C1.89857 5.44213 1.90532 5.43513 1.91194 5.42798C1.91286 5.42698 1.91375 5.42601 1.91464 5.42504L1.91194 5.42798C1.91609 5.42349 1.92019 5.41893 1.92423 5.41432L1.91464 5.42504C1.91905 5.42021 1.9234 5.41532 1.92769 5.41034L1.92423 5.41432C1.92842 5.40953 1.93256 5.40467 1.93663 5.39974L1.92769 5.41034C1.93135 5.40609 1.93497 5.40178 1.93854 5.39742L1.93663 5.39974C1.94007 5.39557 1.94347 5.39136 1.94683 5.3871L1.93854 5.39742C1.94326 5.39167 1.94789 5.38583 1.95243 5.37989L1.94683 5.3871C1.95064 5.38226 1.95439 5.37735 1.95809 5.37239L1.95243 5.37989C1.95585 5.37543 1.95922 5.37092 1.96254 5.36635L1.95809 5.37239C1.96167 5.36758 1.96519 5.36271 1.96866 5.35778L1.96254 5.36635C1.9663 5.36117 1.97001 5.35592 1.97364 5.35061L1.96866 5.35778C1.98081 5.34051 1.99226 5.32255 2.00293 5.30394C2.00471 5.30083 2.00647 5.29771 2.0082 5.29458L2.00293 5.30394C2.01087 5.2901 2.01826 5.2761 2.02513 5.26195C2.0268 5.25848 2.02845 5.25501 2.03007 5.25153L2.02513 5.26195C2.02708 5.25793 2.02898 5.25391 2.03085 5.24987L2.03007 5.25153C2.03272 5.24583 2.03529 5.2401 2.03778 5.23434C2.03851 5.23266 2.03923 5.23096 2.03995 5.22926L2.03778 5.23434C2.04865 5.20916 2.05792 5.18352 2.06561 5.15756C2.06608 5.15595 2.06655 5.15435 2.06701 5.15275L2.06561 5.15756C2.06734 5.1517 2.069 5.14581 2.07057 5.13991L2.06701 5.15275C2.06881 5.14648 2.07053 5.14018 2.07215 5.13388L2.07057 5.13991C2.07207 5.13431 2.07349 5.12869 2.07485 5.12306L2.07215 5.13388C2.07539 5.12122 2.07827 5.10852 2.08077 5.09579C2.08115 5.09402 2.08148 5.09227 2.08181 5.09051L2.08077 5.09579C2.13525 4.81818 2.01269 4.52447 1.75578 4.3751C1.43284 4.18733 1.01988 4.29876 0.833429 4.62398C0.646975 4.9492 0.757625 5.36506 1.08057 5.55282C1.34713 5.7078 1.67501 5.65895 1.88623 5.45429ZM2.40681 11.0119L4.01532 10.0767C3.74182 9.7376 3.57791 9.30525 3.57791 8.83436C3.57791 8.1257 3.94913 7.50435 4.50642 7.15676L2.43946 5.955C2.43109 5.96377 2.42261 5.97241 2.41404 5.98093C2.39922 5.99567 2.38412 6.01003 2.36875 6.02401C2.30638 6.08076 2.23959 6.1313 2.16933 6.17539C2.14196 6.19256 2.11408 6.20875 2.08573 6.22395L2.08486 6.22442C2.07198 6.23131 2.059 6.238 2.04594 6.24448C2.02714 6.25381 2.00817 6.26269 1.98903 6.27115C1.9826 6.27399 1.97616 6.27678 1.96969 6.27953C1.95505 6.28574 1.94029 6.29171 1.92544 6.29743C1.9159 6.3011 1.90636 6.30466 1.89679 6.30811C1.87885 6.31458 1.86078 6.32068 1.84261 6.32642C1.83151 6.32992 1.82039 6.33328 1.80922 6.3365C1.78959 6.34217 1.76983 6.34742 1.74996 6.35224C1.73816 6.3551 1.72629 6.35782 1.7144 6.36038C1.70302 6.36284 1.69159 6.36515 1.68014 6.36732C1.67782 6.36776 1.67552 6.36819 1.67323 6.36862C1.66459 6.37021 1.65591 6.37173 1.64722 6.37317C1.63572 6.37507 1.62422 6.37683 1.61269 6.37844C1.61146 6.37862 1.61024 6.37879 1.60902 6.37895C1.60663 6.37928 1.60421 6.37961 1.60179 6.37993C1.58832 6.38171 1.57483 6.3833 1.56132 6.38469C1.54827 6.38603 1.53524 6.38719 1.52218 6.38817C1.51914 6.3884 1.5161 6.38862 1.51307 6.38883C1.49981 6.38973 1.48653 6.39045 1.47324 6.39099C1.47053 6.3911 1.46784 6.39119 1.46515 6.39129C1.4569 6.39157 1.44865 6.39178 1.44039 6.39192L1.41848 6.39212L1.41818 6.39212L1.41818 10.6079H1.41848C1.46233 10.6079 1.50606 10.61 1.54955 10.6141C1.55732 10.6149 1.56507 10.6157 1.57281 10.6165C1.59054 10.6185 1.60824 10.6208 1.62588 10.6235C1.6382 10.6253 1.65048 10.6273 1.66273 10.6295C1.67912 10.6324 1.69545 10.6356 1.71171 10.639C1.72477 10.6418 1.73776 10.6448 1.7507 10.6479L1.77413 10.6538C1.81795 10.6653 1.86123 10.6788 1.9038 10.6944C1.91367 10.6981 1.92346 10.7018 1.9332 10.7056C1.95354 10.7136 1.97352 10.7219 1.99332 10.7308C1.9967 10.7323 2.0001 10.7338 2.0035 10.7353C2.01166 10.7391 2.01975 10.7428 2.0278 10.7467C2.04308 10.754 2.05824 10.7616 2.07328 10.7695C2.11524 10.7914 2.15619 10.8155 2.19597 10.8417C2.20602 10.8484 2.21599 10.8551 2.22588 10.862C2.22991 10.8648 2.23395 10.8677 2.23797 10.8705C2.25046 10.8794 2.26281 10.8885 2.27503 10.8979C2.32097 10.9329 2.365 10.971 2.40681 11.0119ZM12.6043 11.0013L12.6118 10.994C12.6364 10.9708 12.6616 10.9486 12.6876 10.9274C12.7334 10.8899 12.7812 10.8556 12.8308 10.8245L12.8316 10.824C12.8424 10.8173 12.8533 10.8106 12.8643 10.8042C12.8668 10.8027 12.8694 10.8011 12.8721 10.7996L12.8643 10.8042C12.8855 10.7917 12.907 10.7797 12.9287 10.7684C12.9598 10.7522 12.9913 10.7372 13.0234 10.7234C13.0715 10.7027 13.1206 10.6847 13.1706 10.6695C13.174 10.6684 13.1774 10.6674 13.1809 10.6664C13.192 10.6631 13.2032 10.6599 13.2145 10.6569C13.2329 10.6519 13.2513 10.6473 13.2699 10.6431C13.2743 10.6421 13.2786 10.6411 13.283 10.6402C13.2955 10.6375 13.308 10.6349 13.3205 10.6326C13.3216 10.6323 13.3227 10.6321 13.3238 10.6319C13.3301 10.6308 13.3364 10.6296 13.3427 10.6285L13.3238 10.6319C13.3334 10.6301 13.343 10.6284 13.3527 10.6268C13.3654 10.6247 13.3782 10.6228 13.3909 10.6211C13.4045 10.6192 13.4181 10.6175 13.4318 10.616C13.4341 10.6158 13.4365 10.6155 13.4389 10.6153C13.4516 10.614 13.4644 10.6128 13.4772 10.6119C13.4804 10.6116 13.4837 10.6114 13.4869 10.6112C13.4996 10.6103 13.5123 10.6096 13.525 10.6091C13.5283 10.6089 13.5316 10.6088 13.5349 10.6087C13.5364 10.6087 13.5379 10.6086 13.5393 10.6086C13.5535 10.6081 13.5676 10.6079 13.5818 10.6079L13.5788 10.608L13.5815 10.6079L13.5818 10.6079L13.5818 6.39212H13.5815C13.5554 6.39209 13.5293 6.39133 13.5033 6.38985C13.4925 6.38924 13.4817 6.3885 13.4709 6.38763C13.4563 6.38647 13.4417 6.38508 13.4272 6.38346C13.412 6.38177 13.3969 6.37984 13.3818 6.37766C13.3716 6.37619 13.3614 6.3746 13.3512 6.3729C13.3389 6.37085 13.3266 6.36864 13.3144 6.36627C13.3027 6.364 13.291 6.36158 13.2793 6.35901C13.2459 6.35166 13.2128 6.34309 13.18 6.33334C13.1419 6.322 13.1044 6.30913 13.0675 6.2947C13.0542 6.2895 13.041 6.28411 13.0279 6.27851C13.0237 6.27673 13.0196 6.27492 13.0154 6.27309C12.9979 6.26543 12.9805 6.25741 12.9633 6.24904C12.9544 6.24468 12.9455 6.24021 12.9366 6.23565C12.9089 6.22147 12.8817 6.20635 12.855 6.19031C12.8469 6.18543 12.8388 6.18047 12.8307 6.17543L12.8105 6.16247C12.8037 6.15806 12.797 6.1536 12.7903 6.14907C12.712 6.09611 12.6385 6.03497 12.5711 5.96596L10.0122 7.45364C10.827 7.55669 11.4592 8.25038 11.4728 9.09551L11.473 9.12334C11.473 9.50728 11.3453 9.8612 11.1304 10.1444L12.6043 11.0013ZM7.41265 10.0583H9.80188C10.3146 10.0583 10.7303 9.6397 10.7303 9.12334C10.7303 8.60698 10.3146 8.18839 9.80186 8.18839L9.29035 8.18837L9.26288 7.84439C9.19271 6.96573 8.4615 6.28304 7.58036 6.28304C6.8765 6.28304 6.25407 6.72085 6.00487 7.3711L5.91314 7.61043L5.53603 7.61043C4.86479 7.61043 4.32065 8.1584 4.32065 8.83436C4.32065 9.51031 4.86479 10.0583 5.53603 10.0583H7.35132C7.35957 10.0583 7.36763 10.0582 7.37552 10.058L7.3835 10.0579L7.40206 10.0582L7.41265 10.0583ZM6.27184 14.858L6.27588 14.851C6.28176 14.8409 6.28777 14.8309 6.29389 14.8209C6.29579 14.8178 6.29768 14.8148 6.29959 14.8117C6.30129 14.809 6.30301 14.8063 6.30474 14.8035C6.30685 14.8002 6.30897 14.7969 6.3111 14.7936C6.32934 14.7654 6.34854 14.7379 6.36867 14.7112C6.37855 14.698 6.38864 14.685 6.39895 14.6723C6.4156 14.6516 6.4328 14.6315 6.45054 14.6118C6.45217 14.61 6.4538 14.6082 6.45543 14.6064C6.45871 14.6029 6.46202 14.5993 6.46534 14.5957C6.46711 14.5938 6.46886 14.5919 6.47061 14.5901C6.47401 14.5865 6.47744 14.5828 6.48089 14.5793C6.51126 14.5476 6.54306 14.5175 6.57618 14.4888C6.59106 14.4759 6.60623 14.4633 6.62166 14.451C6.62369 14.4494 6.62576 14.4478 6.62783 14.4462C6.63151 14.4433 6.63518 14.4404 6.63887 14.4376C6.64217 14.435 6.64549 14.4325 6.64882 14.43C6.651 14.4283 6.6532 14.4267 6.6554 14.425C6.66516 14.4177 6.675 14.4105 6.68493 14.4035C6.68764 14.4016 6.69034 14.3997 6.69305 14.3978C6.70258 14.3911 6.71219 14.3846 6.72189 14.3782C6.72611 14.3754 6.73035 14.3726 6.7346 14.3699C6.74661 14.3621 6.75874 14.3545 6.77098 14.3471C6.7737 14.3454 6.77643 14.3438 6.77917 14.3422C6.78928 14.3362 6.79945 14.3303 6.8097 14.3245C6.81247 14.3229 6.81528 14.3214 6.81809 14.3198C6.8216 14.3179 6.82508 14.316 6.82858 14.3141C6.83956 14.3081 6.85067 14.3023 6.86187 14.2966C6.86362 14.2957 6.86539 14.2948 6.86715 14.2939C6.87143 14.2918 6.87572 14.2896 6.88001 14.2875C6.88311 14.286 6.88622 14.2845 6.88934 14.283C6.89973 14.278 6.9102 14.2731 6.92072 14.2684C6.93115 14.2637 6.94163 14.2591 6.95218 14.2546C6.96435 14.2495 6.97663 14.2445 6.98899 14.2397C7.00281 14.2343 7.01675 14.2292 7.03078 14.2242C7.03271 14.2235 7.03463 14.2228 7.03655 14.2222C7.04844 14.218 7.06042 14.214 7.07248 14.2102C7.07526 14.2093 7.07801 14.2085 7.08077 14.2076C7.08464 14.2064 7.08856 14.2052 7.0925 14.204C7.09606 14.2029 7.09958 14.2019 7.10311 14.2009C7.10734 14.1996 7.11161 14.1984 7.11588 14.1972C7.11784 14.1966 7.1198 14.1961 7.12175 14.1955C7.12544 14.1945 7.12915 14.1935 7.13288 14.1925L7.13826 14.1911L7.13826 10.8063L5.53603 10.8062C5.20917 10.8062 4.90101 10.7256 4.63012 10.583L2.78523 11.6556C2.78894 11.6691 2.79244 11.6826 2.79573 11.6961C2.79864 11.708 2.8014 11.72 2.80399 11.732C2.80642 11.7432 2.8087 11.7544 2.81085 11.7656C2.81167 11.7699 2.81246 11.7741 2.81324 11.7784C2.81401 11.7826 2.81477 11.7869 2.81551 11.7912C2.82082 11.8219 2.8251 11.8527 2.82837 11.8835C2.82896 11.8891 2.82953 11.8948 2.83006 11.9004C2.83103 11.9107 2.83189 11.921 2.83263 11.9313C2.83288 11.9348 2.83313 11.9384 2.83335 11.9419C2.83366 11.9466 2.83395 11.9514 2.83421 11.9561C2.83439 11.9594 2.83456 11.9627 2.83471 11.966C2.83536 11.9794 2.83581 11.9929 2.83608 12.0063C2.83616 12.0102 2.83622 12.0142 2.83626 12.0181C2.8363 12.0211 2.83632 12.0241 2.83634 12.0271L2.83626 12.0181C2.83648 12.0364 2.83634 12.0547 2.83585 12.073C2.83554 12.0845 2.8351 12.096 2.83451 12.1075C2.83434 12.1109 2.83416 12.1143 2.83396 12.1178C2.83376 12.1212 2.83355 12.1246 2.83333 12.1281C2.8315 12.1561 2.82886 12.184 2.82541 12.2119C2.82442 12.2199 2.82335 12.2279 2.82222 12.2359C2.82158 12.2405 2.82091 12.2451 2.82022 12.2497L2.82222 12.2359C2.81895 12.2591 2.81512 12.2822 2.81073 12.3052C2.81023 12.3078 2.80972 12.3104 2.8092 12.3131C2.805 12.3344 2.80032 12.3557 2.79516 12.3768C2.79155 12.3916 2.7877 12.4063 2.78362 12.421C2.78284 12.4238 2.78206 12.4266 2.78127 12.4294C2.7807 12.4314 2.78013 12.4334 2.77955 12.4354L2.78127 12.4294C2.77679 12.4451 2.77204 12.4608 2.76703 12.4764C2.76633 12.4785 2.76563 12.4807 2.76492 12.4829C2.76337 12.4876 2.76179 12.4924 2.7602 12.4971C2.75952 12.4991 2.75884 12.5011 2.75815 12.5031C2.75369 12.5161 2.74905 12.529 2.74422 12.5419C2.73566 12.5647 2.72652 12.5873 2.7168 12.6096C2.70974 12.6259 2.70238 12.642 2.69471 12.658C2.69286 12.6618 2.69097 12.6657 2.68906 12.6696C2.68754 12.6727 2.68602 12.6758 2.68449 12.6789C2.68254 12.6828 2.68055 12.6867 2.67854 12.6906C2.67729 12.6931 2.67603 12.6955 2.67476 12.698C2.67259 12.7022 2.67039 12.7064 2.66818 12.7105C2.66118 12.7237 2.65395 12.7368 2.64651 12.7499L2.64635 12.7501L6.27184 14.858ZM8.72816 14.858L12.3536 12.7501C12.3477 12.7398 12.3419 12.7294 12.3363 12.7189C12.3348 12.7161 12.3333 12.7133 12.3318 12.7105C12.3296 12.7064 12.3274 12.7022 12.3252 12.698C12.324 12.6955 12.3227 12.6931 12.3215 12.6907C12.3192 12.6862 12.3169 12.6818 12.3147 12.6773C12.3136 12.6751 12.3125 12.6728 12.3114 12.6705C12.3092 12.666 12.307 12.6616 12.3049 12.6571C12.3032 12.6537 12.3016 12.6502 12.3 12.6468C12.2993 12.6454 12.2987 12.644 12.298 12.6426L12.3 12.6468C12.2969 12.6401 12.2938 12.6335 12.2908 12.6268C12.2858 12.6158 12.281 12.6047 12.2763 12.5935L12.2758 12.5922C12.2635 12.5629 12.2522 12.5332 12.2418 12.5031C12.2412 12.5011 12.2405 12.4991 12.2398 12.4971C12.2382 12.4924 12.2366 12.4876 12.2351 12.4829C12.2344 12.4807 12.2337 12.4785 12.233 12.4764C12.2315 12.4719 12.2301 12.4675 12.2287 12.463C12.2253 12.4519 12.2219 12.4406 12.2187 12.4294C12.2179 12.4266 12.2172 12.4238 12.2164 12.421C12.2123 12.4063 12.2085 12.3916 12.2048 12.3768C12.2016 12.3633 12.1985 12.3499 12.1956 12.3363C12.1949 12.3332 12.1942 12.33 12.1936 12.3268C12.191 12.3143 12.1886 12.3017 12.1863 12.2892C12.1845 12.2791 12.1828 12.2691 12.1812 12.259L12.1807 12.2555C12.1695 12.1836 12.1638 12.1108 12.1636 12.0376C12.1636 12.0341 12.1636 12.0307 12.1637 12.0272C12.1637 12.0241 12.1637 12.0211 12.1637 12.0181L12.1637 12.0272C12.1637 12.0202 12.1638 12.0133 12.1639 12.0063C12.164 12.0007 12.1642 11.9952 12.1643 11.9896C12.1645 11.9861 12.1646 11.9825 12.1647 11.979C12.1649 11.9746 12.1651 11.9703 12.1653 11.9659C12.1654 11.9631 12.1656 11.9603 12.1657 11.9575C12.1664 11.9452 12.1672 11.9329 12.1682 11.9206C12.1685 11.9161 12.1689 11.9116 12.1693 11.9071C12.1721 11.8757 12.176 11.8442 12.1809 11.8129C12.1813 11.8105 12.1817 11.8082 12.182 11.8059C12.1843 11.7918 12.1868 11.7777 12.1895 11.7636C12.19 11.7611 12.1905 11.7586 12.191 11.756C12.1921 11.7506 12.1932 11.7451 12.1944 11.7397C12.1949 11.7371 12.1954 11.7346 12.196 11.732C12.1969 11.728 12.1978 11.724 12.1987 11.72C12.1997 11.7155 12.2007 11.7109 12.2018 11.7064C12.2049 11.6931 12.2083 11.6798 12.2118 11.6665C12.2133 11.6609 12.2148 11.6553 12.2164 11.6497C12.2172 11.6468 12.2181 11.6438 12.2189 11.6409L10.5108 10.6478C10.2956 10.7494 10.0553 10.8062 9.80188 10.8062L7.88097 10.8063L7.88097 14.1963C7.88797 14.1983 7.89495 14.2003 7.9019 14.2023C7.90399 14.203 7.90609 14.2036 7.90819 14.2042C7.91317 14.2057 7.91814 14.2073 7.92309 14.2088C7.92559 14.2096 7.92811 14.2104 7.93062 14.2112C7.93516 14.2127 7.93967 14.2141 7.94416 14.2156C7.94677 14.2165 7.94939 14.2174 7.952 14.2182C7.96429 14.2224 7.97651 14.2267 7.98864 14.2312C7.9907 14.232 7.99279 14.2328 7.99487 14.2335C7.99893 14.2351 8.00296 14.2366 8.00698 14.2381C8.0178 14.2423 8.02855 14.2466 8.03923 14.251C8.05531 14.2577 8.07121 14.2646 8.08697 14.2719C8.09555 14.2758 8.10407 14.2798 8.11254 14.2839C8.11542 14.2853 8.11831 14.2867 8.12119 14.2881C8.13884 14.2968 8.15628 14.3058 8.1735 14.3152C8.17794 14.3176 8.18235 14.3201 8.18675 14.3225C8.18874 14.3236 8.19074 14.3248 8.19275 14.3259C8.19645 14.328 8.20012 14.3301 8.20378 14.3322C8.20758 14.3344 8.21135 14.3366 8.21511 14.3388C8.21774 14.3403 8.2204 14.3419 8.22305 14.3435C8.22756 14.3462 8.23203 14.3489 8.23648 14.3516C8.23786 14.3525 8.23923 14.3533 8.24059 14.3542C8.24587 14.3574 8.25114 14.3607 8.25638 14.3641C8.25824 14.3653 8.26007 14.3664 8.26191 14.3676C8.26524 14.3698 8.26858 14.3719 8.27191 14.3741C8.27523 14.3763 8.27856 14.3785 8.28187 14.3807C8.28494 14.3827 8.28797 14.3848 8.291 14.3868C8.29407 14.3889 8.29716 14.391 8.30023 14.3931C8.30447 14.3961 8.30869 14.399 8.3129 14.402C8.3247 14.4103 8.33637 14.4188 8.34791 14.4275C8.35653 14.434 8.36509 14.4406 8.37358 14.4473C8.37644 14.4495 8.37929 14.4518 8.38213 14.4541C8.40307 14.4708 8.42354 14.4882 8.44349 14.5061C8.44585 14.5083 8.44824 14.5104 8.45062 14.5126C8.4551 14.5167 8.45951 14.5207 8.4639 14.5248C8.46538 14.5262 8.46689 14.5276 8.46838 14.529C8.4703 14.5308 8.47222 14.5327 8.47412 14.5345C8.47794 14.5381 8.48174 14.5418 8.48552 14.5454C8.48747 14.5473 8.48938 14.5492 8.4913 14.5511C8.49362 14.5534 8.49597 14.5557 8.4983 14.558L8.50264 14.5624C8.50388 14.5636 8.50512 14.5649 8.50635 14.5661C8.51472 14.5746 8.523 14.5833 8.53117 14.592L8.53295 14.5939C8.53962 14.601 8.54621 14.6082 8.55274 14.6155C8.55817 14.6215 8.56355 14.6276 8.56888 14.6338C8.57665 14.6428 8.58431 14.6518 8.59185 14.661C8.59389 14.6635 8.59592 14.666 8.59794 14.6684C8.6009 14.6721 8.60383 14.6757 8.60675 14.6794C8.61394 14.6884 8.621 14.6975 8.62796 14.7067C8.63011 14.7095 8.63227 14.7124 8.63441 14.7153C8.63625 14.7177 8.63809 14.7202 8.63992 14.7227C8.64287 14.7267 8.64579 14.7307 8.64869 14.7347C8.65025 14.7369 8.65181 14.7391 8.65336 14.7413C8.65634 14.7455 8.6593 14.7497 8.66224 14.7539C8.66369 14.756 8.66511 14.758 8.66653 14.7601C8.66912 14.7639 8.67171 14.7677 8.67428 14.7715C8.67617 14.7743 8.67806 14.7771 8.67994 14.78C8.69411 14.8013 8.7077 14.8231 8.72072 14.8452L8.72816 14.858ZM1.75578 12.6249C2.01084 12.4766 2.13348 12.1861 2.08192 11.9102C2.08158 11.9082 2.08119 11.9062 2.0808 11.9042L2.08192 11.9102C2.07984 11.8991 2.07748 11.888 2.07483 11.8769C2.06337 11.8291 2.04661 11.7821 2.02452 11.7368C2.02349 11.7347 2.02242 11.7325 2.02135 11.7304L2.02452 11.7368C2.02217 11.732 2.01976 11.7272 2.01728 11.7224L2.02135 11.7304C2.0183 11.7243 2.01516 11.7183 2.01192 11.7122L2.00293 11.6961C1.99373 11.68 1.98395 11.6645 1.97364 11.6494C1.9721 11.6471 1.97055 11.6449 1.96899 11.6427L1.97364 11.6494C1.97029 11.6445 1.96688 11.6397 1.96342 11.6349L1.96899 11.6427C1.96537 11.6375 1.96169 11.6324 1.95795 11.6274L1.96342 11.6349C1.95941 11.6293 1.95533 11.6239 1.95117 11.6185L1.95795 11.6274C1.95472 11.6231 1.95144 11.6188 1.94812 11.6145L1.95117 11.6185C1.94728 11.6134 1.94332 11.6084 1.9393 11.6035L1.94812 11.6145C1.94439 11.6098 1.9406 11.6051 1.93676 11.6004L1.9393 11.6035C1.93222 11.5948 1.92496 11.5864 1.9175 11.5781C1.7085 11.3465 1.36068 11.2843 1.08057 11.4472C0.757625 11.6349 0.646975 12.0508 0.833429 12.376C1.01988 12.7012 1.43284 12.8127 1.75578 12.6249ZM14.1666 12.376C14.353 12.0508 14.2424 11.6349 13.9194 11.4472C13.6635 11.2984 13.3509 11.3375 13.1395 11.5221C13.1351 11.5259 13.1307 11.5298 13.1265 11.5337L13.1138 11.5457C13.1068 11.5525 13.0999 11.5594 13.0932 11.5665C13.0915 11.5683 13.0899 11.57 13.0883 11.5717L13.0932 11.5665C13.0896 11.5703 13.0861 11.5741 13.0826 11.578L13.0883 11.5717C13.0844 11.5759 13.0806 11.5802 13.0768 11.5845L13.0826 11.578C13.0785 11.5825 13.0746 11.587 13.0706 11.5916L13.0768 11.5845C13.0728 11.5891 13.0688 11.5937 13.0649 11.5984L13.0706 11.5916C13.0667 11.5962 13.0628 11.6009 13.059 11.6056L13.0649 11.5984C13.0528 11.6129 13.0413 11.628 13.0303 11.6437C13.029 11.6455 13.0278 11.6473 13.0265 11.6492L13.0303 11.6437C13.0185 11.6605 13.0074 11.678 12.9971 11.6961C12.994 11.7015 12.991 11.7069 12.988 11.7124C12.9869 11.7144 12.9858 11.7165 12.9847 11.7186L12.988 11.7124C12.9848 11.7184 12.9816 11.7245 12.9785 11.7306L12.9847 11.7186C12.9817 11.7244 12.9787 11.7302 12.9759 11.736L12.9785 11.7306C12.976 11.7358 12.9735 11.7409 12.9711 11.746L12.9759 11.736C12.9729 11.7421 12.97 11.7482 12.9672 11.7544L12.9711 11.746C12.9652 11.7586 12.9597 11.7713 12.9546 11.7841C12.9538 11.786 12.9531 11.7878 12.9524 11.7896L12.9546 11.7841C12.9447 11.8089 12.9364 11.8341 12.9296 11.8595C12.9287 11.8627 12.9279 11.8658 12.9271 11.8689L12.9296 11.8595C12.928 11.8653 12.9266 11.8711 12.9252 11.8769L12.9271 11.8689C12.9257 11.8745 12.9244 11.8801 12.9231 11.8857L12.9252 11.8769C12.9236 11.8834 12.9221 11.89 12.9208 11.8966L12.9231 11.8857C12.9218 11.8918 12.9205 11.8978 12.9193 11.9038L12.9208 11.8966C12.9197 11.9018 12.9186 11.9071 12.9176 11.9124L12.9193 11.9038C12.8646 12.1815 12.9872 12.4755 13.2442 12.6249C13.5672 12.8127 13.9801 12.7012 14.1666 12.376ZM7.5 16.252C7.87291 16.252 8.17521 15.9476 8.17521 15.5721C8.17521 15.2846 7.99804 15.0388 7.74765 14.9393C7.74582 14.9385 7.74397 14.9378 7.74212 14.9371L7.74765 14.9393C7.74303 14.9375 7.73839 14.9357 7.73372 14.934L7.74212 14.9371C7.73665 14.935 7.73116 14.9329 7.72563 14.931L7.73372 14.934C7.7285 14.932 7.72326 14.9301 7.71798 14.9283L7.72563 14.931C7.72009 14.929 7.71453 14.9271 7.70893 14.9253L7.71798 14.9283C7.71214 14.9263 7.70627 14.9244 7.70037 14.9226L7.70893 14.9253C7.70315 14.9234 7.69733 14.9216 7.69148 14.9198L7.70037 14.9226C7.69525 14.921 7.69011 14.9194 7.68494 14.9179L7.69148 14.9198C7.68588 14.9182 7.68025 14.9166 7.67459 14.9151L7.68494 14.9179C7.67884 14.9162 7.67271 14.9145 7.66654 14.913L7.67459 14.9151C7.66088 14.9114 7.64701 14.9081 7.633 14.9053C7.63003 14.9047 7.62707 14.9041 7.62412 14.9036L7.633 14.9053C7.62766 14.9042 7.62231 14.9032 7.61694 14.9023L7.62412 14.9036C7.61805 14.9024 7.61195 14.9014 7.60583 14.9004L7.61694 14.9023C7.61047 14.9012 7.60397 14.9001 7.59745 14.8992L7.60583 14.9004C7.60154 14.8997 7.59724 14.8991 7.59292 14.8985L7.59745 14.8992C7.59075 14.8982 7.58403 14.8973 7.57727 14.8965L7.59292 14.8985C7.58699 14.8977 7.58103 14.8969 7.57505 14.8963L7.57727 14.8965C7.57161 14.8959 7.56592 14.8953 7.56021 14.8948L7.57505 14.8963C7.56861 14.8956 7.56215 14.8949 7.55566 14.8944L7.56021 14.8948C7.55386 14.8942 7.54749 14.8938 7.54109 14.8934L7.55566 14.8944C7.54951 14.8939 7.54333 14.8935 7.53712 14.8931L7.54109 14.8934C7.53507 14.893 7.52904 14.8927 7.52298 14.8925L7.53712 14.8931C7.52483 14.8925 7.51246 14.8921 7.5 14.8921L7.48164 14.8924C7.4801 14.8924 7.47857 14.8925 7.47703 14.8925L7.48162 14.8924C7.47536 14.8925 7.46912 14.8928 7.46289 14.8931L7.47703 14.8925C7.47096 14.8927 7.46492 14.893 7.45889 14.8934L7.46289 14.8931C7.45669 14.8935 7.4505 14.8939 7.44434 14.8944L7.45889 14.8934C7.4525 14.8937 7.44613 14.8942 7.43979 14.8948L7.44434 14.8944C7.43785 14.8949 7.43139 14.8956 7.42494 14.8963L7.43979 14.8948C7.43408 14.8953 7.4284 14.8959 7.42273 14.8965L7.42494 14.8963C7.41888 14.897 7.41283 14.8977 7.40681 14.8986L7.42273 14.8965C7.41615 14.8973 7.4096 14.8981 7.40308 14.8991L7.40681 14.8986C7.40238 14.8992 7.39797 14.8998 7.39357 14.9005L7.40308 14.8991C7.39636 14.9 7.38966 14.9011 7.383 14.9023L7.39357 14.9005C7.38821 14.9014 7.38287 14.9023 7.37755 14.9033L7.383 14.9023C7.3775 14.9033 7.37203 14.9043 7.36657 14.9054L7.37755 14.9033C7.36252 14.9061 7.34764 14.9093 7.33293 14.9131C7.33077 14.9136 7.3286 14.9142 7.32644 14.9148L7.33293 14.9131C7.32689 14.9146 7.32088 14.9163 7.31489 14.918L7.32644 14.9148C7.32086 14.9163 7.31531 14.9178 7.30979 14.9195L7.31489 14.918C7.3095 14.9195 7.30414 14.9211 7.2988 14.9228L7.30979 14.9195C7.30364 14.9213 7.29753 14.9232 7.29147 14.9252L7.2988 14.9228C7.29319 14.9246 7.2876 14.9264 7.28204 14.9283L7.29147 14.9252C7.28573 14.927 7.28002 14.929 7.27435 14.931L7.28204 14.9283C7.27676 14.9301 7.27151 14.932 7.26629 14.9339L7.27435 14.931C7.26875 14.933 7.26319 14.9351 7.25766 14.9372L7.26629 14.9339C7.2618 14.9356 7.25733 14.9373 7.25288 14.939L7.25766 14.9372C7.00447 15.0353 6.82479 15.2826 6.82479 15.5721C6.82479 15.9476 7.12709 16.252 7.5 16.252Z" fill="#0149FF"/>
-</g>
-</g>
-<defs>
-<filter id="filter0_d_11080_68109" x="-54" y="-48" width="388" height="243" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset/>
-<feGaussianBlur stdDeviation="10"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11080_68109"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11080_68109" result="shape"/>
-</filter>
-<clipPath id="clip0_11080_68109">
-<rect width="1440" height="1011" fill="white" transform="translate(-354 -254)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/web/satellite/static/images/browser/close.svg b/web/satellite/static/images/browser/close.svg
deleted file mode 100644
index a7e5438f952d..000000000000
--- a/web/satellite/static/images/browser/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11 1L1 11M1 1L11 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/arrow.svg b/web/satellite/static/images/browser/galleryView/arrow.svg
deleted file mode 100644
index 8f6d81f8f4f1..000000000000
--- a/web/satellite/static/images/browser/galleryView/arrow.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="-0.5" y="0.5" width="47" height="47" rx="23.5" transform="matrix(-1 0 0 1 47 0)" fill="black"/>
-    <g clip-path="url(#clip0_21107_225078)">
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M29.6926 23.2314C29.7231 22.6791 29.4714 22.044 28.9682 21.5408L23.1543 15.7269C22.3515 14.9241 21.2127 14.7614 20.6106 15.3635C20.0086 15.9655 20.1713 17.1044 20.974 17.9071L26.2884 23.2215L20.9731 28.5368C20.1703 29.3395 20.0076 30.4784 20.6097 31.0804C21.2118 31.6825 22.3506 31.5198 23.1533 30.717L28.9673 24.903C29.4647 24.4057 29.7164 23.7792 29.6926 23.2314Z" fill="white"/>
-    </g>
-    <rect x="-0.5" y="0.5" width="47" height="47" rx="23.5" transform="matrix(-1 0 0 1 47 0)" stroke="#56606D"/>
-    <defs>
-        <clipPath id="clip0_21107_225078">
-            <rect width="17.0002" height="10" fill="white" transform="matrix(4.37114e-08 1 1 -4.37114e-08 20 15)"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/close.svg b/web/satellite/static/images/browser/galleryView/close.svg
deleted file mode 100644
index 469b5c068457..000000000000
--- a/web/satellite/static/images/browser/galleryView/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.4572 1.54298C22.9142 2.00002 22.9142 2.74103 22.4572 3.19808L13.6549 12L22.3819 20.7271C22.839 21.1841 22.839 21.9251 22.3819 22.3822C21.9249 22.8392 21.1839 22.8392 20.7268 22.3822L11.9998 13.6551L3.19783 22.4574C2.74079 22.9145 1.99978 22.9145 1.54273 22.4574C1.08569 22.0004 1.08569 21.2594 1.54273 20.8023L10.3449 11.9999L1.61797 3.27331C1.16092 2.81627 1.16092 2.07525 1.61797 1.61821C2.07501 1.16117 2.81602 1.16117 3.27306 1.61821L11.9999 10.3448L20.8021 1.54298C21.2591 1.08593 22.0001 1.08593 22.4572 1.54298Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/delete.svg b/web/satellite/static/images/browser/galleryView/delete.svg
deleted file mode 100644
index fea760e60b58..000000000000
--- a/web/satellite/static/images/browser/galleryView/delete.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.3983 4.34764C16.7858 4.34764 17.0999 4.66175 17.0999 5.04922C17.0999 5.42724 16.8009 5.73543 16.4265 5.75024L16.3983 5.75079H14.9509L13.8664 14.6073C13.7098 15.8868 12.6232 16.8484 11.3342 16.8484H6.77044C5.49114 16.8484 4.40965 15.9009 4.24142 14.6327L3.06318 5.75079H1.60148C1.21401 5.75079 0.899902 5.43669 0.899902 5.04922C0.899902 4.6712 1.19887 4.36301 1.57326 4.3482L1.60148 4.34764H16.3983ZM13.5373 5.75079H4.4787L5.63238 14.4482C5.7066 15.0077 6.17583 15.4285 6.73668 15.4448L6.77044 15.4453H11.3342C11.9029 15.4453 12.384 15.0294 12.4691 14.4705L12.4737 14.4368L13.5373 5.75079ZM7.94254 8.23983L7.9471 8.26816L7.95046 8.29618L8.39703 12.7618C8.43558 13.1474 8.15429 13.4912 7.76874 13.5298C7.3926 13.5674 7.05619 13.3005 7.0042 12.9295L7.00084 12.9015L6.55427 8.4358C6.51572 8.05025 6.79701 7.70645 7.18256 7.6679C7.54906 7.63125 7.87783 7.88362 7.94254 8.23983ZM11.0723 7.66817C11.4485 7.70578 11.7254 8.03394 11.7029 8.40794L11.7006 8.43607L11.2544 12.8984C11.2158 13.2839 10.872 13.5652 10.4865 13.5267C10.1103 13.4891 9.83343 13.1609 9.85595 12.7869L9.8582 12.7588L10.3044 8.29645C10.343 7.91091 10.6868 7.62962 11.0723 7.66817ZM11.296 1.35001C11.6834 1.35001 11.9975 1.66411 11.9975 2.05158C11.9975 2.4296 11.6986 2.73779 11.3242 2.7526L11.296 2.75316H6.70384C6.31637 2.75316 6.00226 2.43905 6.00226 2.05158C6.00226 1.67356 6.30123 1.36537 6.67562 1.35056L6.70384 1.35001H11.296Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/details.svg b/web/satellite/static/images/browser/galleryView/details.svg
deleted file mode 100644
index 0675054e8fe4..000000000000
--- a/web/satellite/static/images/browser/galleryView/details.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.9572 14.786C12.5963 14.786 13.1144 14.2679 13.1144 13.6288C13.1144 12.9898 12.5963 12.4717 11.9572 12.4717C11.3181 12.4717 10.8 12.9898 10.8 13.6288C10.8 14.2679 11.3181 14.786 11.9572 14.786Z" fill="#56606D"/>
-    <path d="M16.4566 13.3271C16.0991 12.4163 15.4822 11.6305 14.6823 11.067C13.8825 10.5035 12.9349 10.1872 11.957 10.1571C10.979 10.1872 10.0314 10.5035 9.2316 11.067C8.43177 11.6305 7.81488 12.4163 7.45739 13.3271L7.32837 13.6285L7.45739 13.93C7.81488 14.8407 8.43177 15.6265 9.2316 16.19C10.0314 16.7535 10.979 17.0699 11.957 17.1C12.9349 17.0699 13.8825 16.7535 14.6823 16.19C15.4822 15.6265 16.0991 14.8407 16.4566 13.93L16.5856 13.6285L16.4566 13.3271ZM11.957 15.9428C11.4992 15.9428 11.0518 15.8071 10.6712 15.5528C10.2906 15.2985 9.994 14.9371 9.81884 14.5142C9.64367 14.0913 9.59784 13.626 9.68714 13.177C9.77644 12.7281 9.99685 12.3157 10.3205 11.9921C10.6442 11.6684 11.0565 11.448 11.5055 11.3587C11.9544 11.2694 12.4197 11.3152 12.8426 11.4904C13.2655 11.6656 13.6269 11.9622 13.8812 12.3428C14.1355 12.7234 14.2713 13.1708 14.2713 13.6285C14.2705 14.2421 14.0264 14.8303 13.5926 15.2641C13.1587 15.698 12.5705 15.9421 11.957 15.9428Z" fill="#56606D"/>
-    <path d="M6.1714 15.9431H3.8571V2.05734H8.4857V5.52879C8.48662 5.83541 8.60883 6.1292 8.82564 6.34601C9.04245 6.56282 9.33624 6.68503 9.64285 6.68594H13.1143V9.00025H14.2715V5.52879C14.2735 5.45275 14.259 5.37718 14.2291 5.30726C14.1991 5.23735 14.1544 5.17475 14.0979 5.12379L10.0479 1.07376C9.99692 1.01726 9.93433 0.972484 9.86441 0.942518C9.79449 0.912551 9.7189 0.89811 9.64285 0.900191H3.8571C3.55049 0.901106 3.25669 1.02331 3.03988 1.24012C2.82307 1.45693 2.70087 1.75073 2.69995 2.05734V15.9431C2.70087 16.2498 2.82307 16.5436 3.03988 16.7604C3.25669 16.9772 3.55049 17.0994 3.8571 17.1003H6.1714V15.9431ZM9.64285 2.28877L12.8829 5.52879H9.64285V2.28877Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/dots.svg b/web/satellite/static/images/browser/galleryView/dots.svg
deleted file mode 100644
index 96df16ed63e3..000000000000
--- a/web/satellite/static/images/browser/galleryView/dots.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12.0007 16C12.5312 16 13.0399 16.2107 13.4149 16.5858C13.79 16.9609 14.0007 17.4696 14.0007 18C14.0007 18.5304 13.79 19.0391 13.4149 19.4142C13.0399 19.7893 12.5312 20 12.0007 20C11.4703 20 10.9616 19.7893 10.5865 19.4142C10.2114 19.0391 10.0007 18.5304 10.0007 18C10.0007 17.4696 10.2114 16.9609 10.5865 16.5858C10.9616 16.2107 11.4703 16 12.0007 16ZM12.0007 10C12.5312 10 13.0399 10.2107 13.4149 10.5858C13.79 10.9609 14.0007 11.4696 14.0007 12C14.0007 12.5304 13.79 13.0391 13.4149 13.4142C13.0399 13.7893 12.5312 14 12.0007 14C11.4703 14 10.9616 13.7893 10.5865 13.4142C10.2114 13.0391 10.0007 12.5304 10.0007 12C10.0007 11.4696 10.2114 10.9609 10.5865 10.5858C10.9616 10.2107 11.4703 10 12.0007 10ZM12.0007 4C12.5312 4 13.0399 4.21071 13.4149 4.58579C13.79 4.96086 14.0007 5.46957 14.0007 6C14.0007 6.53043 13.79 7.03914 13.4149 7.41421C13.0399 7.78929 12.5312 8 12.0007 8C11.4703 8 10.9616 7.78929 10.5865 7.41421C10.2114 7.03914 10.0007 6.53043 10.0007 6C10.0007 5.46957 10.2114 4.96086 10.5865 4.58579C10.9616 4.21071 11.4703 4 12.0007 4Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/download.svg b/web/satellite/static/images/browser/galleryView/download.svg
deleted file mode 100644
index 221800cc8f8e..000000000000
--- a/web/satellite/static/images/browser/galleryView/download.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.6275 16.4385L11.5989 16.4109L6.51469 11.3268C6.1286 10.9407 6.1286 10.3147 6.51469 9.92861C6.89136 9.55194 7.49635 9.54276 7.88416 9.90105L7.91283 9.92861L11.3423 13.3582V2.18835C11.3423 1.64234 11.785 1.19971 12.331 1.19971C12.8637 1.19971 13.298 1.62101 13.3188 2.14858L13.3196 2.18835V13.2924L16.683 9.92861C17.0597 9.55194 17.6647 9.54276 18.0525 9.90105L18.0812 9.92861C18.4579 10.3053 18.467 10.9103 18.1087 11.2981L18.0812 11.3268L12.997 16.4109C12.6203 16.7876 12.0153 16.7968 11.6275 16.4385ZM23.3012 20.8529C23.3012 21.399 22.8585 21.8416 22.3125 21.8416H2.71949C2.17348 21.8416 1.73085 21.399 1.73085 20.8529C1.73085 20.3069 2.17348 19.8643 2.71949 19.8643H22.3125C22.8585 19.8643 23.3012 20.3069 23.3012 20.8529ZM2.68981 21.7665C2.1438 21.7665 1.70117 21.3239 1.70117 20.7779V16.8233C1.70117 16.2773 2.1438 15.8347 2.68981 15.8347C3.23582 15.8347 3.67845 16.2773 3.67845 16.8233V20.7779C3.67845 21.3239 3.23582 21.7665 2.68981 21.7665ZM22.2829 21.7665C21.7368 21.7665 21.2942 21.3239 21.2942 20.7779V16.8233C21.2942 16.2773 21.7368 15.8347 22.2829 15.8347C22.8289 15.8347 23.2715 16.2773 23.2715 16.8233V20.7779C23.2715 21.3239 22.8289 21.7665 22.2829 21.7665Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/empty.svg b/web/satellite/static/images/browser/galleryView/empty.svg
deleted file mode 100644
index 4a42bad630ea..000000000000
--- a/web/satellite/static/images/browser/galleryView/empty.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#56606D"/>
-    <path d="M16.9452 7C17.4186 7 17.8726 7.18807 18.2074 7.52283L22.9068 12.2221C23.2416 12.5569 23.4297 13.0109 23.4297 13.4844V22.1736C23.4297 23.7346 22.1642 25 20.6032 25H11.8264C10.2654 25 9 23.7346 9 22.1736V9.82655C9 8.26555 10.2654 7 11.8264 7H16.9452ZM16.2147 8.63635H11.8264C11.1816 8.63635 10.6565 9.14932 10.6369 9.78948L10.6364 9.82655V22.1736C10.6364 22.8184 11.1493 23.3435 11.7894 23.3631L11.8264 23.3636H20.6032C21.2481 23.3636 21.7732 22.8507 21.7927 22.2106L21.7933 22.1736V14.2148L17.033 14.2149C16.5922 14.2149 16.2327 13.8663 16.2155 13.4297L16.2148 13.3968L16.2147 8.63635ZM20.9491 12.5785L17.851 9.48056L17.8512 12.5786L20.9491 12.5785Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/image.svg b/web/satellite/static/images/browser/galleryView/image.svg
deleted file mode 100644
index efe8b994ed5b..000000000000
--- a/web/satellite/static/images/browser/galleryView/image.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#56606D"/>
-    <path d="M17.7533 7L18.0235 7.00105C20.34 7.01951 21.2206 7.28039 22.1081 7.75504C23.0293 8.24771 23.7523 8.97068 24.245 9.89189L24.2806 9.95931C24.7443 10.8472 24.9936 11.7648 25 14.1541V17.7533C25 20.0455 24.7829 21.0087 24.3728 21.8574C24.3441 21.9599 24.2948 22.0579 24.2251 22.145L24.245 22.1081C23.7523 23.0293 23.0293 23.7523 22.1081 24.245L22.0407 24.2806C21.1526 24.7444 20.2349 24.9937 17.8448 25H14.2467C11.7269 25 10.8131 24.7376 9.89189 24.245C8.97068 23.7523 8.24771 23.0293 7.75504 22.1081L7.7194 22.0407C7.2556 21.1526 7.00628 20.2349 7 17.8448V14.2467C7 11.7269 7.26237 10.8131 7.75504 9.89189C8.24771 8.97068 8.97068 8.24771 9.89189 7.75504L9.95931 7.7194C10.8472 7.25567 11.7648 7.00636 14.1541 7H17.7533ZM10.8382 15.3679L8.63621 16.8954L8.63636 17.8406L8.63807 18.1028C8.65498 19.8298 8.798 20.5566 9.14866 21.2423L9.16607 21.276L9.198 21.3364C9.53816 21.9724 10.0276 22.4618 10.6636 22.802L10.7322 22.838C11.4523 23.2086 12.1867 23.3506 13.9827 23.3628L14.2466 23.3636H17.8406L18.1028 23.3619C18.1338 23.3616 18.1646 23.3613 18.195 23.3609L10.8382 15.3679ZM19.1338 18.3973L17.2838 19.9546L20.2649 23.1937C20.6482 23.1133 20.949 23.0013 21.2423 22.8513L21.276 22.8339L21.3364 22.802C21.8252 22.5406 22.2274 22.191 22.5418 21.7545L19.1338 18.3973ZM17.8429 8.63636H14.2467C12.2971 8.63636 11.5103 8.7717 10.7904 9.13215L10.724 9.16607L10.6636 9.198C10.0276 9.53816 9.53816 10.0276 9.198 10.6636L9.16201 10.7322C8.79141 11.4523 8.64937 12.1867 8.63723 13.9827L8.63636 14.2466L8.63621 14.9038L10.4912 13.617C10.8167 13.3912 11.2554 13.4318 11.534 13.7085L11.5596 13.7352L12.7035 14.9781C13.2093 12.7526 15.1918 11.0909 17.562 11.0909C20.3153 11.0909 22.5455 13.3332 22.5455 16.097C22.5455 17.0388 22.2854 17.9441 21.8021 18.7285L23.2207 20.1265C23.3138 19.6162 23.3564 18.9644 23.3628 18.0172L23.3636 17.7533V14.2467C23.3636 12.2971 23.2283 11.5103 22.8678 10.7904L22.8339 10.724L22.802 10.6636C22.4618 10.0276 21.9724 9.53816 21.3364 9.198L21.2678 9.16201C20.5248 8.77964 19.7667 8.64058 17.8429 8.63636ZM17.562 12.7273C15.7144 12.7273 14.2149 14.235 14.2149 16.097C14.2149 16.2921 14.2313 16.4846 14.2635 16.6734L16.1745 18.7494L18.6503 16.6653C18.9636 16.4015 19.4217 16.4111 19.7236 16.6822L19.7514 16.7084L20.5903 17.5347C20.7988 17.0907 20.9091 16.6027 20.9091 16.097C20.9091 14.235 19.4095 12.7273 17.562 12.7273Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/map.svg b/web/satellite/static/images/browser/galleryView/map.svg
deleted file mode 100644
index fed067cd5fb5..000000000000
--- a/web/satellite/static/images/browser/galleryView/map.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12.5 1.2002C15.9833 1.2002 19.0814 2.84925 21.0563 5.40926C20.6658 5.24878 20.2382 5.1602 19.79 5.1602C19.2217 5.1602 18.6868 5.30251 18.2187 5.55344C18.2761 5.51368 18.3349 5.47577 18.395 5.43974C16.8329 4.03495 14.7663 3.1802 12.5 3.1802C10.5465 3.1802 8.74137 3.81525 7.27976 4.89018L9.34995 4.8902C11.3879 4.8902 13.04 6.54226 13.04 8.58019C13.04 10.5973 11.4214 12.2364 9.41221 12.2697L9.34995 12.2702H7.72995C7.23289 12.2702 6.82995 12.6731 6.82995 13.1702C6.82995 13.6542 7.21197 14.0489 7.69091 14.0694L7.72995 14.0702H8.04495C9.78967 14.0702 11.2078 15.4687 11.2394 17.2058L11.24 17.3102C11.24 18.6106 10.4739 19.732 9.36842 20.2479C10.3415 20.6178 11.3971 20.8202 12.5 20.8202C13.5225 20.8202 14.5044 20.6462 15.4177 20.3262C14.1228 19.7533 13.2193 18.4573 13.2193 16.9502C13.2193 14.9331 14.8378 13.294 16.847 13.2607L16.9093 13.2602H20.3293C20.8263 13.2602 21.2293 12.8573 21.2293 12.3602C21.2293 12.0662 21.0883 11.805 20.8702 11.6408C21.8908 11.2912 22.6876 10.4595 22.9891 9.41746C23.1922 10.245 23.2999 11.11 23.2999 12.0002C23.2999 17.9649 18.4646 22.8002 12.5 22.8002C6.53528 22.8002 1.69995 17.9649 1.69995 12.0002C1.69995 6.03552 6.53528 1.2002 12.5 1.2002ZM20.716 15.2144L20.6685 15.2204C20.5756 15.2313 20.4814 15.2378 20.386 15.2396L20.3293 15.2402H16.9093C15.9649 15.2402 15.1993 16.0058 15.1993 16.9502C15.1993 17.8783 15.9387 18.6337 16.8606 18.6595L16.9093 18.6602L18.2825 18.6603C19.3497 17.7329 20.1917 16.5534 20.716 15.2144ZM9.34995 6.87019L5.32447 6.8702C4.28927 8.31559 3.67995 10.0867 3.67995 12.0002C3.67995 14.6103 4.81368 16.9555 6.61555 18.5704L7.99995 18.5702C8.68133 18.5702 9.23639 18.0293 9.25922 17.3535L9.25995 17.3102V17.2652C9.25995 16.6084 8.73888 16.0734 8.08761 16.0509L8.04495 16.0502H7.72995C6.13937 16.0502 4.84995 14.7608 4.84995 13.1702C4.84995 11.5986 6.10885 10.3209 7.67327 10.2907L7.72995 10.2902H9.34995C10.2944 10.2902 11.06 9.5246 11.06 8.58019C11.06 7.65207 10.3205 6.89665 9.39864 6.87087L9.34995 6.87019ZM19.7279 6.51134C20.8214 6.51134 21.7079 7.39781 21.7079 8.49134C21.7079 9.58486 20.8214 10.4713 19.7279 10.4713C18.6344 10.4713 17.7479 9.58486 17.7479 8.49134C17.7479 7.39781 18.6344 6.51134 19.7279 6.51134Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/modals/delete.svg b/web/satellite/static/images/browser/galleryView/modals/delete.svg
deleted file mode 100644
index d44c9e9ebaf1..000000000000
--- a/web/satellite/static/images/browser/galleryView/modals/delete.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0.980896H23.3463C28.8835 0.980896 31.0805 1.59462 33.2353 2.74706C35.3902 3.89951 37.0814 5.59067 38.2338 7.74555L38.3214 7.91145C39.4029 9.98761 39.9846 12.1809 40 17.4232V24.3272C40 29.8644 39.3863 32.0614 38.2338 34.2162C37.0814 36.3711 35.3902 38.0623 33.2353 39.2147L33.0694 39.3023C30.9933 40.3838 28.8 40.9655 23.5577 40.9809H16.6537C11.1165 40.9809 8.91954 40.3672 6.76466 39.2147C4.60977 38.0623 2.91861 36.3711 1.76617 34.2162L1.67858 34.0503C0.597074 31.9742 0.0154219 29.7809 0 24.5386V17.6346C0 12.0974 0.613723 9.90043 1.76617 7.74555C2.91861 5.59067 4.60977 3.89951 6.76466 2.74706L6.93055 2.65948C9.00672 1.57797 11.2 0.996318 16.4423 0.980896Z" fill="#EBEEF1"/>
-    <path d="M27.3984 16.3476C27.7859 16.3476 28.1 16.6617 28.1 17.0492C28.1 17.4272 27.801 17.7354 27.4266 17.7502L27.3984 17.7508H25.951L24.8665 26.6073C24.7099 27.8868 23.6233 28.8484 22.3343 28.8484H17.7705C16.4912 28.8484 15.4097 27.9009 15.2415 26.6327L14.0633 17.7508H12.6016C12.2141 17.7508 11.9 17.4367 11.9 17.0492C11.9 16.6712 12.199 16.363 12.5734 16.3482L12.6016 16.3476H27.3984ZM24.5374 17.7508H15.4788L16.6325 26.4482C16.7067 27.0077 17.1759 27.4285 17.7368 27.4448L17.7705 27.4453H22.3343C22.903 27.4453 23.3841 27.0293 23.4692 26.4705L23.4738 26.4368L24.5374 17.7508ZM18.9426 20.2398L18.9472 20.2681L18.9506 20.2962L19.3971 24.7618C19.4357 25.1474 19.1544 25.4912 18.7688 25.5297C18.3927 25.5673 18.0563 25.3005 18.0043 24.9295L18.0009 24.9014L17.5544 20.4358C17.5158 20.0502 17.7971 19.7064 18.1826 19.6679C18.5491 19.6312 18.8779 19.8836 18.9426 20.2398ZM22.0724 19.6681C22.4486 19.7058 22.7255 20.0339 22.703 20.4079L22.7007 20.436L22.2545 24.8984C22.2159 25.2839 21.8721 25.5652 21.4866 25.5266C21.1104 25.489 20.8335 25.1609 20.856 24.7869L20.8583 24.7587L21.3045 20.2964C21.3431 19.9109 21.6869 19.6296 22.0724 19.6681ZM22.2961 13.35C22.6835 13.35 22.9976 13.6641 22.9976 14.0516C22.9976 14.4296 22.6987 14.7378 22.3243 14.7526L22.2961 14.7531H17.7039C17.3165 14.7531 17.0024 14.439 17.0024 14.0516C17.0024 13.6735 17.3013 13.3653 17.6757 13.3505L17.7039 13.35H22.2961Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/modals/details.svg b/web/satellite/static/images/browser/galleryView/modals/details.svg
deleted file mode 100644
index 0be0b5750472..000000000000
--- a/web/satellite/static/images/browser/galleryView/modals/details.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0.980896H23.3463C28.8835 0.980896 31.0805 1.59462 33.2353 2.74706C35.3902 3.89951 37.0814 5.59067 38.2338 7.74555L38.3214 7.91145C39.4029 9.98761 39.9846 12.1809 40 17.4232V24.3272C40 29.8644 39.3863 32.0614 38.2338 34.2162C37.0814 36.3711 35.3902 38.0623 33.2353 39.2147L33.0694 39.3023C30.9933 40.3838 28.8 40.9655 23.5577 40.9809H16.6537C11.1165 40.9809 8.91954 40.3672 6.76466 39.2147C4.60977 38.0623 2.91861 36.3711 1.76617 34.2162L1.67858 34.0503C0.597074 31.9742 0.0154219 29.7809 0 24.5386V17.6346C0 12.0974 0.613723 9.90043 1.76617 7.74555C2.91861 5.59067 4.60977 3.89951 6.76466 2.74706L6.93055 2.65948C9.00672 1.57797 11.2 0.996318 16.4423 0.980896Z" fill="#EBEEF1"/>
-    <path d="M22.9572 26.786C23.5963 26.786 24.1144 26.2679 24.1144 25.6288C24.1144 24.9898 23.5963 24.4717 22.9572 24.4717C22.3181 24.4717 21.8 24.9898 21.8 25.6288C21.8 26.2679 22.3181 26.786 22.9572 26.786Z" fill="#56606D"/>
-    <path d="M27.4566 25.3271C27.0991 24.4164 26.4822 23.6306 25.6823 23.0671C24.8825 22.5036 23.9349 22.1872 22.957 22.1571C21.979 22.1872 21.0314 22.5036 20.2316 23.0671C19.4318 23.6306 18.8149 24.4164 18.4574 25.3271L18.3284 25.6286L18.4574 25.93C18.8149 26.8407 19.4318 27.6266 20.2316 28.19C21.0314 28.7535 21.979 29.0699 22.957 29.1C23.9349 29.0699 24.8825 28.7535 25.6823 28.19C26.4822 27.6266 27.0991 26.8407 27.4566 25.93L27.5856 25.6286L27.4566 25.3271ZM22.957 27.9429C22.4992 27.9429 22.0518 27.8071 21.6712 27.5528C21.2906 27.2985 20.994 26.9371 20.8188 26.5142C20.6437 26.0913 20.5978 25.626 20.6871 25.1771C20.7764 24.7281 20.9969 24.3158 21.3205 23.9921C21.6442 23.6684 22.0565 23.448 22.5055 23.3587C22.9544 23.2694 23.4197 23.3153 23.8426 23.4904C24.2655 23.6656 24.6269 23.9622 24.8812 24.3428C25.1355 24.7234 25.2713 25.1708 25.2713 25.6286C25.2705 26.2421 25.0264 26.8303 24.5926 27.2642C24.1587 27.698 23.5705 27.9421 22.957 27.9429Z" fill="#56606D"/>
-    <path d="M17.1714 27.9432H14.8571V14.0574H19.4857V17.5288C19.4866 17.8354 19.6088 18.1292 19.8256 18.346C20.0424 18.5629 20.3362 18.6851 20.6429 18.686H24.1143V21.0003H25.2715V17.5288C25.2735 17.4528 25.259 17.3772 25.2291 17.3073C25.1991 17.2374 25.1544 17.1748 25.0979 17.1238L21.0479 13.0738C20.9969 13.0173 20.9343 12.9725 20.8644 12.9425C20.7945 12.9126 20.7189 12.8981 20.6429 12.9002H14.8571C14.5505 12.9011 14.2567 13.0233 14.0399 13.2402C13.8231 13.457 13.7009 13.7508 13.7 14.0574V27.9432C13.7009 28.2498 13.8231 28.5436 14.0399 28.7604C14.2567 28.9772 14.5505 29.0994 14.8571 29.1003H17.1714V27.9432ZM20.6429 14.2888L23.8829 17.5288H20.6429V14.2888Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/modals/globe.svg b/web/satellite/static/images/browser/galleryView/modals/globe.svg
deleted file mode 100644
index 8d09e4918846..000000000000
--- a/web/satellite/static/images/browser/galleryView/modals/globe.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0.980865H23.3463C28.8835 0.980865 31.0805 1.59459 33.2353 2.74703C35.3902 3.89948 37.0814 5.59064 38.2338 7.74552L38.3214 7.91142C39.4029 9.98758 39.9846 12.1808 40 17.4232V24.3272C40 29.8644 39.3863 32.0613 38.2338 34.2162C37.0814 36.3711 35.3902 38.0623 33.2353 39.2147L33.0694 39.3023C30.9933 40.3838 28.8 40.9654 23.5577 40.9809H16.6537C11.1165 40.9809 8.91954 40.3671 6.76466 39.2147C4.60977 38.0623 2.91861 36.3711 1.76617 34.2162L1.67858 34.0503C0.597074 31.9741 0.0154219 29.7809 0 24.5385V17.6345C0 12.0974 0.613723 9.9004 1.76617 7.74552C2.91861 5.59064 4.60977 3.89948 6.76466 2.74703L6.93055 2.65945C9.00672 1.57794 11.2 0.996287 16.4423 0.980865Z" fill="#EBEEF1"/>
-    <path d="M20.0674 12.9L20.1164 12.9004L20.1652 12.9016C20.5311 12.909 20.891 12.9406 21.2434 12.9948C20.9876 13.4715 20.8345 14.0094 20.8126 14.5803L20.81 14.579V27.421C22.164 26.7192 23.3749 24.1846 23.3749 21C23.3749 19.948 23.2428 18.9669 23.017 18.0994C23.4959 18.3148 24.0286 18.435 24.5899 18.435L24.6146 18.4347C24.7737 19.2409 24.8599 20.1034 24.8599 21C24.8599 23.169 24.3555 25.1388 23.5341 26.5928C25.3856 25.4203 26.6149 23.3537 26.6149 21C26.6149 19.9892 26.3882 19.0314 25.9829 18.1746C26.4571 17.9901 26.8843 17.7138 27.2418 17.3681C27.7909 18.4603 28.0999 19.6941 28.0999 21C28.0999 25.3741 24.6328 28.9384 20.2969 29.0946L20.1652 29.0983C20.1327 29.0994 20.1001 29.1 20.0674 29.1H19.9999C15.5264 29.1 11.8999 25.4735 11.8999 21C11.8999 16.5265 15.5264 12.9 19.9999 12.9H20.0674ZM19.3249 14.5789C17.9709 15.2806 16.7599 17.8152 16.7599 21C16.7599 24.1848 17.9709 26.7193 19.3249 27.4211V14.5789ZM16.6736 15.2809L16.6026 15.3229C14.675 16.4789 13.3849 18.5888 13.3849 21C13.3849 23.4407 14.7067 25.5727 16.6735 26.7191C15.8093 25.254 15.2749 23.2325 15.2749 21C15.2749 18.7675 15.8093 16.746 16.6736 15.2809ZM24.6574 12.9C25.7012 12.9 26.5474 13.716 26.5474 14.7225C26.5474 15.729 25.7012 16.545 24.6574 16.545C23.6136 16.545 22.7674 15.729 22.7674 14.7225C22.7674 13.716 23.6136 12.9 24.6574 12.9Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/modals/share.svg b/web/satellite/static/images/browser/galleryView/modals/share.svg
deleted file mode 100644
index 878b0d0fd980..000000000000
--- a/web/satellite/static/images/browser/galleryView/modals/share.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0.980896H23.3463C28.8835 0.980896 31.0805 1.59462 33.2353 2.74706C35.3902 3.89951 37.0814 5.59067 38.2338 7.74555L38.3214 7.91145C39.4029 9.98761 39.9846 12.1809 40 17.4232V24.3272C40 29.8644 39.3863 32.0614 38.2338 34.2162C37.0814 36.3711 35.3902 38.0623 33.2353 39.2147L33.0694 39.3023C30.9933 40.3838 28.8 40.9655 23.5577 40.9809H16.6537C11.1165 40.9809 8.91954 40.3672 6.76466 39.2147C4.60977 38.0623 2.91861 36.3711 1.76617 34.2162L1.67858 34.0503C0.597074 31.9742 0.0154219 29.7809 0 24.5386V17.6346C0 12.0974 0.613723 9.90043 1.76617 7.74555C2.91861 5.59067 4.60977 3.89951 6.76466 2.74706L6.93055 2.65948C9.00672 1.57797 11.2 0.996318 16.4423 0.980896Z" fill="#EBEEF1"/>
-    <path d="M11.8999 22.2749L11.9005 22.0499C11.9122 20.1774 12.1115 19.2084 12.6338 18.2231C12.8856 17.7478 13.1999 17.3225 13.5721 16.9535C13.8578 16.6703 14.319 16.6723 14.6022 16.958C14.8854 17.2436 14.8834 17.7048 14.5977 17.988C14.3307 18.2527 14.1044 18.559 13.9209 18.9053C13.5138 19.6732 13.3614 20.4337 13.3567 22.1486L13.3566 22.2727L13.3576 22.4354C13.3712 23.9799 13.516 24.7231 13.8719 25.4277L13.9209 25.5222C14.277 26.1943 14.795 26.7169 15.4601 27.0758L15.5335 27.1146C16.2682 27.4949 17.0241 27.6386 18.6655 27.6432L21.2833 27.6433L21.5226 27.6415C22.9718 27.6239 23.6929 27.482 24.3665 27.1434L24.4385 27.1064L24.496 27.0758C25.161 26.7169 25.679 26.1943 26.0352 25.5222C26.4423 24.7543 26.5947 23.9938 26.5993 22.2789L26.5995 22.1548L26.5985 21.9921C26.5849 20.4476 26.4401 19.7043 26.0842 18.9998L26.0352 18.9053C25.8776 18.6078 25.6883 18.3398 25.4689 18.1024C25.1959 17.807 25.214 17.3462 25.5094 17.0732C25.8048 16.8001 26.2656 16.8183 26.5386 17.1137C26.8223 17.4205 27.0685 17.7625 27.2767 18.139L27.3241 18.2265L27.3582 18.2915C27.8372 19.2195 28.0316 20.159 28.0541 21.8834L28.0562 22.1526L28.0556 22.3776C28.0438 24.2501 27.8446 25.2191 27.3223 26.2044C26.8444 27.1061 26.1445 27.8234 25.2567 28.3198L25.1843 28.3596L25.1198 28.394L25.026 28.4423C24.1181 28.8995 23.1737 29.0823 21.465 29.0989L21.2854 29.1H18.7483L18.5658 29.0994C16.7092 29.0874 15.7466 28.8857 14.7683 28.3578C13.8737 27.875 13.1629 27.1688 12.6713 26.274L12.632 26.201L12.5979 26.1359C12.0945 25.1608 11.9054 24.1729 11.8999 22.2749ZM16.6617 15.9437L16.682 15.9226L19.4912 13.1134C19.7687 12.8359 20.2145 12.8291 20.5002 13.0931L20.5213 13.1134L23.3305 15.9226C23.615 16.207 23.615 16.6682 23.3305 16.9526C23.053 17.2301 22.6073 17.2369 22.3216 16.9729L22.3005 16.9526L20.7103 15.3624V23.5915C20.7103 23.9938 20.3842 24.3199 19.9819 24.3199C19.5895 24.3199 19.2695 24.0095 19.2542 23.6208L19.2536 23.5915V15.4109L17.7121 16.9526C17.4346 17.2301 16.9888 17.2369 16.7031 16.9729L16.682 16.9526C16.4045 16.6751 16.3977 16.2294 16.6617 15.9437Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/share.svg b/web/satellite/static/images/browser/galleryView/share.svg
deleted file mode 100644
index 712bcf363517..000000000000
--- a/web/satellite/static/images/browser/galleryView/share.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M1.20117 14.1995L1.20192 13.8995C1.21761 11.4028 1.48327 10.1109 2.17965 8.79708C2.51549 8.16345 2.9345 7.59632 3.4308 7.10432C3.8117 6.72672 4.42659 6.72939 4.80419 7.11029C5.18179 7.49119 5.17912 8.10608 4.79822 8.48368C4.44227 8.83655 4.14045 9.24506 3.89577 9.70668C3.35305 10.7306 3.14982 11.7445 3.1436 14.0311L3.14345 14.1966L3.14471 14.4135C3.16287 16.4729 3.35598 17.4639 3.83047 18.4033L3.89577 18.5293C4.3707 19.4253 5.06134 20.1222 5.94808 20.6007L6.04599 20.6525C7.02552 21.1596 8.03348 21.3511 10.2219 21.3573L13.7123 21.3574L14.0314 21.3551C15.9637 21.3315 16.9252 21.1423 17.8232 20.6909L17.9193 20.6416L17.996 20.6007C18.8827 20.1222 19.5733 19.4253 20.0483 18.5293C20.591 17.5054 20.7942 16.4915 20.8004 14.2049L20.8006 14.0394L20.7993 13.8225C20.7812 11.7631 20.5881 10.7721 20.1136 9.83268L20.0483 9.70668C19.8381 9.31013 19.5857 8.95278 19.2932 8.63627C18.9291 8.24241 18.9533 7.62799 19.3471 7.26393C19.741 6.89987 20.3554 6.92403 20.7195 7.31789C21.0976 7.72702 21.426 8.18297 21.7036 8.68499L21.7668 8.80165L21.8122 8.8884C22.4509 10.1257 22.7101 11.3783 22.7401 13.6775L22.7429 14.0365L22.7421 14.3365C22.7264 16.8332 22.4608 18.1251 21.7644 19.4389C21.1272 20.6411 20.194 21.5975 19.0103 22.2595L18.9137 22.3125L18.8277 22.3583L18.7026 22.4227C17.4921 23.0324 16.2328 23.2761 13.9546 23.2982L13.7152 23.2997H10.3324L10.089 23.2989C7.61354 23.2828 6.33012 23.0139 5.02571 22.31C3.83296 21.6664 2.88514 20.7248 2.22974 19.5316L2.17724 19.4343L2.13187 19.3476C1.46062 18.0474 1.20855 16.7302 1.20117 14.1995ZM7.55025 5.75795L7.57732 5.72979L11.323 1.98415C11.693 1.61414 12.2873 1.60512 12.6682 1.95707L12.6964 1.98415L16.442 5.72979C16.8213 6.10904 16.8213 6.72394 16.442 7.10319C16.072 7.4732 15.4777 7.48222 15.0968 7.13027L15.0686 7.10319L12.9484 4.98288V15.955C12.9484 16.4914 12.5136 16.9262 11.9772 16.9262C11.454 16.9262 11.0273 16.5123 11.0068 15.9941L11.0061 15.955V5.0475L8.95072 7.10319C8.58072 7.4732 7.98643 7.48222 7.60548 7.13027L7.57732 7.10319C7.20732 6.73319 7.19829 6.1389 7.55025 5.75795Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/galleryView/video.svg b/web/satellite/static/images/browser/galleryView/video.svg
deleted file mode 100644
index 73a5038b4083..000000000000
--- a/web/satellite/static/images/browser/galleryView/video.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0.5" y="0.5" width="31" height="31" rx="7.5" stroke="#56606D"/>
-    <path d="M17.7533 7L18.0235 7.00105C20.34 7.01951 21.2206 7.28039 22.1081 7.75504C23.0293 8.24771 23.7523 8.97068 24.245 9.89189L24.2806 9.95931C24.7443 10.8472 24.9936 11.7648 25 14.1541V17.7533C25 20.2731 24.7376 21.1869 24.245 22.1081C23.7523 23.0293 23.0293 23.7523 22.1081 24.245L22.0407 24.2806C21.1526 24.7444 20.2349 24.9937 17.8448 25H14.2467C11.7269 25 10.8131 24.7376 9.89189 24.245C8.97068 23.7523 8.24771 23.0293 7.75504 22.1081L7.7194 22.0407C7.2556 21.1526 7.00628 20.2349 7 17.8448V14.2467C7 11.7269 7.26237 10.8131 7.75504 9.89189C8.24771 8.97068 8.97068 8.24771 9.89189 7.75504L9.95931 7.7194C10.8472 7.25567 11.7648 7.00636 14.1541 7H17.7533ZM17.8429 8.63636H14.2467C12.2971 8.63636 11.5103 8.7717 10.7904 9.13215L10.724 9.16607L10.6636 9.198C10.0276 9.53816 9.53816 10.0276 9.198 10.6636L9.16201 10.7322C8.79141 11.4523 8.64937 12.1867 8.63723 13.9827L8.63636 14.2466V17.8406L8.63807 18.1028C8.65498 19.8298 8.798 20.5566 9.14866 21.2423L9.16607 21.276L9.198 21.3364C9.53816 21.9724 10.0276 22.4618 10.6636 22.802L10.7322 22.838C11.4523 23.2086 12.1867 23.3506 13.9827 23.3628L14.2466 23.3636H17.8406L18.1028 23.3619C19.8298 23.345 20.5566 23.202 21.2423 22.8513L21.276 22.8339L21.3364 22.802C21.9724 22.4618 22.4618 21.9724 22.802 21.3364L22.838 21.2678C23.2086 20.5477 23.3506 19.8133 23.3628 18.0172L23.3636 17.7533V14.2467C23.3636 12.2971 23.2283 11.5103 22.8678 10.7904L22.8339 10.724L22.802 10.6636C22.4618 10.0276 21.9724 9.53816 21.3364 9.198L21.2678 9.16201C20.5248 8.77964 19.7667 8.64058 17.8429 8.63636ZM13.0248 12.281C13.0248 11.6252 13.7577 11.2359 14.301 11.6031L19.8052 15.3221C20.2853 15.6465 20.2853 16.3535 19.8052 16.6779L14.301 20.3969C13.7577 20.7641 13.0248 20.3748 13.0248 19.719V12.281ZM14.6612 13.8213V18.1786L17.8855 16L14.6612 13.8213Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/browser/locked.svg b/web/satellite/static/images/browser/locked.svg
deleted file mode 100644
index e3128638d584..000000000000
--- a/web/satellite/static/images/browser/locked.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.7477 1.59961C21.5918 1.59961 26.3405 6.28982 26.4349 12.1114L26.4363 12.2882L26.4364 14.563C26.9585 14.9343 27.38 15.4149 27.6889 15.9924L27.7555 16.1207C28.1011 16.8071 28.2877 17.5522 28.2954 19.3754V24.5782C28.2954 26.6024 28.0847 27.3365 27.6889 28.0765C27.2931 28.8165 26.7124 29.3973 25.9723 29.7931L25.8441 29.8597C25.1576 30.2053 24.4125 30.3919 22.5894 30.3994L9.0214 30.3996C6.99717 30.3996 6.26314 30.1888 5.52311 29.7931C4.78309 29.3973 4.20231 28.8165 3.80654 28.0765L3.76081 27.9894C3.40188 27.2912 3.20786 26.5532 3.2 24.6936V19.4907C3.2 17.4665 3.41076 16.7325 3.80654 15.9924C4.11541 15.4149 4.53698 14.9343 5.05899 14.563L5.05914 12.2882C5.05914 6.38505 9.84458 1.59961 15.7477 1.59961ZM22.4741 16.2984L8.91682 16.2986L8.64989 16.3007C7.49367 16.3152 7.13522 16.3951 6.76297 16.5942C6.4811 16.7449 6.27561 16.9504 6.12486 17.2323L6.08307 17.3141C5.91438 17.662 5.843 18.0553 5.83093 19.1284L5.82905 19.4906L5.82926 24.6828L5.83141 24.9497C5.84593 26.1059 5.92578 26.4644 6.12486 26.8366C6.27561 27.1185 6.4811 27.324 6.76297 27.4747L6.84481 27.5165C7.19264 27.6852 7.58602 27.7566 8.65918 27.7687L9.0214 27.7706L22.6611 27.7701C23.9584 27.7634 24.3425 27.6833 24.7325 27.4747C25.0143 27.324 25.2198 27.1185 25.3706 26.8366L25.4124 26.7548C25.5811 26.407 25.6524 26.0136 25.6645 24.9404L25.6664 24.5782L25.6659 19.3037C25.6592 18.0064 25.5791 17.6222 25.3706 17.2323C25.2198 16.9504 25.0143 16.7449 24.7325 16.5942L24.6506 16.5524C24.3028 16.3837 23.9094 16.3123 22.8363 16.3002L22.4741 16.2984ZM15.9867 19.1664C17.1747 19.1664 18.1378 20.1295 18.1378 21.3175C18.1378 22.0103 17.8102 22.6267 17.3014 23.0201L17.3012 23.827C17.3012 24.553 16.7127 25.1415 15.9867 25.1415C15.2607 25.1415 14.6722 24.553 14.6722 23.827L14.6723 23.0203C14.1634 22.6269 13.8357 22.0104 13.8357 21.3175C13.8357 20.1295 14.7987 19.1664 15.9867 19.1664ZM15.7477 4.22866C11.3411 4.22866 7.76044 7.76522 7.68927 12.1549L7.68819 12.2882L7.68804 13.7111C8.03346 13.6855 8.43354 13.6715 8.90604 13.6696L22.474 13.6693C22.9973 13.6693 23.4344 13.6834 23.8076 13.7111L23.8073 12.2882C23.8073 7.83703 20.1989 4.22866 15.7477 4.22866Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/browser/placeholder.svg b/web/satellite/static/images/browser/placeholder.svg
deleted file mode 100644
index d86cafabe894..000000000000
--- a/web/satellite/static/images/browser/placeholder.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg width="100%" height="100%" viewBox="0 0 300 172" fill="none" xmlns="http://www.w3.org/2000/svg" class="img-fluid" aria-roledescription="preview-placeholder">
-    <path d="M188.5 140C218.047 140 242 116.047 242 86.5C242 56.9528 218.047 33 188.5 33C158.953 33 135 56.9528 135 86.5C135 116.047 158.953 140 188.5 140Z" fill="white"/>
-    <path d="M123.5 167C147.524 167 167 147.524 167 123.5C167 99.4756 147.524 80 123.5 80C99.4756 80 80 99.4756 80 123.5C80 147.524 99.4756 167 123.5 167Z" fill="white"/>
-    <path d="M71.5 49C78.9558 49 85 42.9558 85 35.5C85 28.0442 78.9558 22 71.5 22C64.0442 22 58 28.0442 58 35.5C58 42.9558 64.0442 49 71.5 49Z" fill="white"/>
-    <path d="M262.5 143C268.851 143 274 137.851 274 131.5C274 125.149 268.851 120 262.5 120C256.149 120 251 125.149 251 131.5C251 137.851 256.149 143 262.5 143Z" fill="white"/>
-    <path d="M185.638 64.338L191 57M153 109L179.458 72.7948L153 109Z" stroke="#276CFF" stroke-width="2" stroke-linecap="round"/>
-    <path d="M121.08 153.429L115 161M153 108L127.16 144.343L153 108Z" stroke="#276CFF" stroke-width="2" stroke-linecap="round"/>
-    <path d="M134 71L115 31M152 109L139 81L152 109Z" stroke="#FF458B" stroke-width="2" stroke-linecap="round"/>
-    <path d="M180.73 129.5L210 151M153 108L173.027 123.357L153 108Z" stroke="#FF458B" stroke-width="2" stroke-linecap="round"/>
-    <path d="M86.7375 77.1845L72 70M152 109L109.06 88.0667L152 109Z" stroke="#FFC600" stroke-width="2" stroke-linecap="round"/>
-    <path d="M152.762 109.227L244.238 76.7727" stroke="#00E567" stroke-width="2" stroke-linecap="round"/>
-    <path d="M154.5 104.5L111 131" stroke="#00E567" stroke-width="2" stroke-linecap="round"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M224 57H238V71H224V57Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M127 2H137V12H127V2Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M150 166H156V172H150V166Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M44 0H50V6H44V0Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M294 111H300V117H294V111Z" fill="#276CFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 121H6V127H0V121Z" fill="#276CFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M268 86H274V92H268V86Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 91H46V109H28V91Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M181 21H203V43H181V21Z" fill="#276CFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M154.958 55L179 79.0416V136H122V55H154.958Z" fill="#0218A7"/>
-    <path d="M146.5 80H136.5C135.119 80 134 81.1193 134 82.5C134 83.8807 135.119 85 136.5 85H146.5C147.881 85 149 83.8807 149 82.5C149 81.1193 147.881 80 146.5 80Z" fill="white"/>
-    <path d="M164.5 92H136.5C135.119 92 134 93.1193 134 94.5C134 95.8807 135.119 97 136.5 97H164.5C165.881 97 167 95.8807 167 94.5C167 93.1193 165.881 92 164.5 92Z" fill="white"/>
-    <path d="M164.5 104H136.5C135.119 104 134 105.119 134 106.5C134 107.881 135.119 109 136.5 109H164.5C165.881 109 167 107.881 167 106.5C167 105.119 165.881 104 164.5 104Z" fill="white"/>
-    <path d="M164.5 116H136.5C135.119 116 134 117.119 134 118.5C134 119.881 135.119 121 136.5 121H164.5C165.881 121 167 119.881 167 118.5C167 117.119 165.881 116 164.5 116Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M154.958 79.0416V55L179 79.0416H154.958Z" fill="#276CFF"/>
-</svg>
diff --git a/web/satellite/static/images/browser/tableLocked.svg b/web/satellite/static/images/browser/tableLocked.svg
deleted file mode 100644
index 988e5bb587b3..000000000000
--- a/web/satellite/static/images/browser/tableLocked.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.3336 6C20.1891 6 23.3218 9.09424 23.3841 12.9349L23.3851 13.0515L23.3852 14.5522C23.7295 14.7972 24.0077 15.1142 24.2114 15.4953L24.2554 15.5799C24.4834 16.0328 24.6065 16.5243 24.6116 17.7271V21.1595C24.6116 22.4949 24.4725 22.9792 24.2114 23.4674C23.9503 23.9556 23.5672 24.3388 23.079 24.5999L22.9943 24.6438C22.5415 24.8718 22.0499 24.9949 20.8472 24.9998L11.8961 25C10.5606 25 10.0764 24.861 9.58816 24.5999C9.09995 24.3388 8.7168 23.9556 8.4557 23.4674L8.42554 23.4099C8.18874 22.9493 8.06074 22.4624 8.05556 21.2356V17.8032C8.05556 16.4677 8.1946 15.9835 8.4557 15.4953C8.65947 15.1142 8.93759 14.7972 9.28197 14.5522L9.28207 13.0515C9.28207 9.15706 12.4391 6 16.3336 6ZM20.7711 15.6971L11.8271 15.6972L11.651 15.6987C10.8882 15.7082 10.6517 15.7609 10.4061 15.8923C10.2202 15.9917 10.0846 16.1273 9.98515 16.3132L9.95758 16.3672C9.84629 16.5967 9.7992 16.8562 9.79124 17.5641L9.79 17.8031L9.79013 21.2285L9.79156 21.4046C9.80113 22.1674 9.85381 22.4038 9.98515 22.6494C10.0846 22.8354 10.2202 22.971 10.4061 23.0704L10.4601 23.098C10.6896 23.2093 10.9491 23.2564 11.6571 23.2643L11.8961 23.2656L20.8945 23.2653C21.7503 23.2608 22.0038 23.208 22.261 23.0704C22.447 22.971 22.5825 22.8354 22.682 22.6494L22.7095 22.5954C22.8208 22.366 22.8679 22.1064 22.8759 21.3985L22.8771 21.1595L22.8768 17.6798C22.8724 16.8239 22.8196 16.5705 22.682 16.3132C22.5825 16.1273 22.447 15.9917 22.261 15.8923L22.207 15.8647C21.9775 15.7534 21.718 15.7063 21.0101 15.6983L20.7711 15.6971ZM16.4912 17.5892C17.275 17.5892 17.9103 18.2246 17.9103 19.0083C17.9103 19.4654 17.6942 19.872 17.3586 20.1316L17.3585 20.6639C17.3585 21.1429 16.9702 21.5311 16.4912 21.5311C16.0123 21.5311 15.624 21.1429 15.624 20.6639L15.6241 20.1317C15.2883 19.8722 15.0722 19.4655 15.0722 19.0083C15.0722 18.2246 15.7075 17.5892 16.4912 17.5892ZM16.3336 7.73444C13.4264 7.73444 11.0642 10.0676 11.0172 12.9636L11.0165 13.0515L11.0164 13.9902C11.2443 13.9733 11.5082 13.9641 11.82 13.9628L20.7711 13.9627C21.1163 13.9627 21.4046 13.9719 21.6509 13.9902L21.6506 13.0515C21.6506 10.115 19.2701 7.73444 16.3336 7.73444Z" fill="#0218A7"/>
-</svg>
diff --git a/web/satellite/static/images/browser/upload.svg b/web/satellite/static/images/browser/upload.svg
deleted file mode 100644
index 9b7e8f05e04f..000000000000
--- a/web/satellite/static/images/browser/upload.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg viewBox="0 0 300 172" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M188.5 140C218.047 140 242 116.047 242 86.5C242 56.9528 218.047 33 188.5 33C158.953 33 135 56.9528 135 86.5C135 116.047 158.953 140 188.5 140Z" fill="white"/>
-    <path d="M123.5 167C147.524 167 167 147.524 167 123.5C167 99.4756 147.524 80 123.5 80C99.4756 80 80 99.4756 80 123.5C80 147.524 99.4756 167 123.5 167Z" fill="white"/>
-    <path d="M71.5 49C78.9558 49 85 42.9558 85 35.5C85 28.0442 78.9558 22 71.5 22C64.0442 22 58 28.0442 58 35.5C58 42.9558 64.0442 49 71.5 49Z" fill="white"/>
-    <path d="M262.5 143C268.851 143 274 137.851 274 131.5C274 125.149 268.851 120 262.5 120C256.149 120 251 125.149 251 131.5C251 137.851 256.149 143 262.5 143Z" fill="white"/>
-    <path d="M185.638 64.338L191 57M153 109L179.458 72.7948L153 109Z" stroke="#276CFF" stroke-width="2" stroke-linecap="round"/>
-    <path d="M121.08 153.429L115 161M153 108L127.16 144.343L153 108Z" stroke="#276CFF" stroke-width="2" stroke-linecap="round"/>
-    <path d="M134 71L115 31M152 109L139 81L152 109Z" stroke="#FF458B" stroke-width="2" stroke-linecap="round"/>
-    <path d="M180.73 129.5L210 151M153 108L173.027 123.357L153 108Z" stroke="#FF458B" stroke-width="2" stroke-linecap="round"/>
-    <path d="M86.7375 77.1845L72 70M152 109L109.06 88.0667L152 109Z" stroke="#FFC600" stroke-width="2" stroke-linecap="round"/>
-    <path d="M152.762 109.227L244.238 76.7727" stroke="#00E567" stroke-width="2" stroke-linecap="round"/>
-    <path d="M154.5 104.5L111 131" stroke="#00E567" stroke-width="2" stroke-linecap="round"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M224 57H238V71H224V57Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M127 2H137V12H127V2Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M150 166H156V172H150V166Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M44 0H50V6H44V0Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M294 111H300V117H294V111Z" fill="#276CFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 121H6V127H0V121Z" fill="#276CFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M268 86H274V92H268V86Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M28 91H46V109H28V91Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M181 21H203V43H181V21Z" fill="#276CFF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M154.958 55L179 79.0416V136H122V55H154.958Z" fill="#0218A7"/>
-    <path d="M146.5 80H136.5C135.119 80 134 81.1193 134 82.5C134 83.8807 135.119 85 136.5 85H146.5C147.881 85 149 83.8807 149 82.5C149 81.1193 147.881 80 146.5 80Z" fill="white"/>
-    <path d="M164.5 92H136.5C135.119 92 134 93.1193 134 94.5C134 95.8807 135.119 97 136.5 97H164.5C165.881 97 167 95.8807 167 94.5C167 93.1193 165.881 92 164.5 92Z" fill="white"/>
-    <path d="M164.5 104H136.5C135.119 104 134 105.119 134 106.5C134 107.881 135.119 109 136.5 109H164.5C165.881 109 167 107.881 167 106.5C167 105.119 165.881 104 164.5 104Z" fill="white"/>
-    <path d="M164.5 116H136.5C135.119 116 134 117.119 134 118.5C134 119.881 135.119 121 136.5 121H164.5C165.881 121 167 119.881 167 118.5C167 117.119 165.881 116 164.5 116Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M154.958 79.0416V55L179 79.0416H154.958Z" fill="#276CFF"/>
-</svg>
diff --git a/web/satellite/static/images/buckets/createBucket.svg b/web/satellite/static/images/buckets/createBucket.svg
deleted file mode 100644
index c083bbbdc4ba..000000000000
--- a/web/satellite/static/images/buckets/createBucket.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
-<path d="M29.8065 18.0621C31.6826 19.9383 31.6998 22.9692 29.837 24.8319C29.0822 25.5867 28.1357 26.0329 27.1518 26.1717L26.8141 28.085C26.7893 29.5861 23.717 30.7999 19.9307 30.7999C16.1672 30.7999 13.1091 29.6007 13.0483 28.1121L13.0478 28.085L10.4595 13.4212C10.4304 13.3175 10.4117 13.2125 10.404 13.1065L10.4 13.0829L10.4025 13.083C10.4008 13.0536 10.4 13.0242 10.4 12.9946C10.4 10.8989 14.667 9.19995 19.9307 9.19995C25.1945 9.19995 29.4615 10.8989 29.4615 12.9946C29.4615 13.0242 29.4607 13.0536 29.459 13.083L29.4615 13.0829L29.4574 13.1081C29.4496 13.2129 29.4312 13.3167 29.4025 13.4193L28.7665 17.0221L29.8065 18.0621ZM27.0615 15.5124C25.3156 16.2957 22.7679 16.7893 19.9307 16.7893C17.0937 16.7893 14.5461 16.2957 12.8002 15.5125L14.6763 26.1436L14.983 27.7714L15.0115 27.7935C15.1719 27.9138 15.4202 28.0494 15.7426 28.18L15.8081 28.2061C16.8473 28.6125 18.3282 28.8585 19.9307 28.8585C21.5425 28.8585 23.031 28.6096 24.0703 28.1995C24.4449 28.0516 24.7242 27.8963 24.8881 27.764L24.9014 27.753L25.2025 26.0464C24.4451 25.8382 23.7273 25.4415 23.1238 24.8571L23.0672 24.8014L19.1665 20.9007C18.7874 20.5216 18.7874 19.907 19.1665 19.5279C19.5363 19.158 20.1304 19.149 20.5112 19.5008L20.5393 19.5279L24.44 23.4286C24.7623 23.7508 25.1407 23.9813 25.5425 24.1201L27.0615 15.5124ZM28.3547 19.3559L27.5211 24.0796C27.8652 23.9432 28.1869 23.7364 28.4642 23.4591C29.5522 22.3712 29.5552 20.5991 28.4732 19.4753L28.4337 19.4349L28.3547 19.3559ZM19.9307 11.1414C17.6016 11.1414 15.4416 11.5052 13.9096 12.1151C13.2513 12.3772 12.7615 12.6659 12.4797 12.9312C12.4617 12.9481 12.4453 12.9642 12.4304 12.9795L12.4163 12.9944L12.4419 13.0213L12.4797 13.058C12.7615 13.3234 13.2513 13.612 13.9096 13.8741C15.4416 14.4841 17.6016 14.8478 19.9307 14.8478C22.2599 14.8478 24.4199 14.4841 25.9519 13.8741C26.6102 13.612 27.1 13.3234 27.3818 13.058C27.3998 13.0411 27.4162 13.025 27.4311 13.0097L27.4454 12.9944L27.4196 12.9679L27.3818 12.9312C27.1 12.6659 26.6102 12.3772 25.9519 12.1151C24.4199 11.5052 22.2599 11.1414 19.9307 11.1414Z" fill="#0149FF"/>
-</svg>
diff --git a/web/satellite/static/images/buckets/deleteBucket.svg b/web/satellite/static/images/buckets/deleteBucket.svg
deleted file mode 100644
index ca0d07691426..000000000000
--- a/web/satellite/static/images/buckets/deleteBucket.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.7748 7.66038C18.3965 9.28209 18.4113 11.902 16.8012 13.5121C16.1488 14.1646 15.3306 14.5502 14.4801 14.6702L14.1882 16.3241C14.1668 17.6216 11.5111 18.6708 8.23832 18.6708C4.98514 18.6708 2.34176 17.6342 2.28922 16.3474L2.28873 16.3241L0.0514784 3.64881C0.0262905 3.55917 0.0101765 3.46844 0.00351078 3.37676L0 3.35635L0.00219073 3.35647C0.000732884 3.33107 0 3.30561 0 3.28007C0 1.46854 3.68842 0 8.23832 0C12.7882 0 16.4766 1.46854 16.4766 3.28007C16.4766 3.30561 16.4759 3.33107 16.4744 3.35647L16.4766 3.35635L16.473 3.37813C16.4663 3.46877 16.4504 3.55849 16.4256 3.64714L15.8759 6.76137L16.7748 7.66038ZM14.4021 5.45644C12.8929 6.13349 10.6908 6.56014 8.23832 6.56014C5.78596 6.56014 3.58388 6.13352 2.07471 5.4565L3.69641 14.6459L3.96156 16.053L3.98613 16.0721C4.1248 16.176 4.33942 16.2933 4.61812 16.4062L4.67471 16.4287C5.57304 16.78 6.85312 16.9927 8.23832 16.9927C9.63152 16.9927 10.9181 16.7775 11.8165 16.423C12.1403 16.2952 12.3817 16.161 12.5234 16.0466L12.5349 16.0371L12.7952 14.5619C12.1404 14.3819 11.52 14.0391 10.9984 13.5339L10.9494 13.4858L7.5777 10.114C7.25001 9.78633 7.25001 9.25505 7.5777 8.92736C7.89739 8.60767 8.41087 8.59987 8.74001 8.90397L8.76435 8.92736L12.1361 12.2991C12.4146 12.5776 12.7417 12.7769 13.0891 12.8968L14.4021 5.45644ZM15.5199 8.77869L14.7993 12.8618C15.0968 12.744 15.3749 12.5652 15.6146 12.3255C16.555 11.3851 16.5576 9.85336 15.6224 8.8819L15.5882 8.84703L15.5199 8.77869ZM8.23832 1.67818C6.22507 1.67818 4.35798 1.9926 3.03372 2.51985C2.46469 2.74641 2.04133 2.99591 1.79767 3.22528C1.78214 3.23989 1.76797 3.25382 1.75511 3.26701L1.74286 3.27992L1.765 3.30316L1.79767 3.33487C2.04133 3.56423 2.46469 3.81374 3.03372 4.04029C4.35798 4.56755 6.22507 4.88197 8.23832 4.88197C10.2516 4.88197 12.1187 4.56755 13.4429 4.04029C14.0119 3.81374 14.4353 3.56423 14.679 3.33487C14.6945 3.32025 14.7087 3.30632 14.7215 3.29313L14.7339 3.27992L14.7116 3.25698L14.679 3.22528C14.4353 2.99591 14.0119 2.74641 13.4429 2.51985C12.1187 1.9926 10.2516 1.67818 8.23832 1.67818Z" fill="#091C45"/>
-</svg>
diff --git a/web/satellite/static/images/common/BlackArrowExpand.svg b/web/satellite/static/images/common/BlackArrowExpand.svg
deleted file mode 100644
index c6c1cc3c73cb..000000000000
--- a/web/satellite/static/images/common/BlackArrowExpand.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg class="black-arrow-svg" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="black-arrow-expand-path" fill-rule="evenodd" clip-rule="evenodd" d="M0.266267 0.254166C0.621289 -0.0847221 1.19689 -0.0847221 1.55192 0.254166L5 3.54555L8.44808 0.254166C8.80311 -0.0847221 9.37871 -0.0847221 9.73373 0.254166C10.0888 0.593054 10.0888 1.1425 9.73373 1.48139L5 6L0.266267 1.48139C-0.0887555 1.1425 -0.0887555 0.593054 0.266267 0.254166Z" fill="#354049"/>
-</svg>
diff --git a/web/satellite/static/images/common/addCircle.svg b/web/satellite/static/images/common/addCircle.svg
deleted file mode 100644
index 55912afb4a40..000000000000
--- a/web/satellite/static/images/common/addCircle.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.00001 0.700195C10.4794 0.700195 13.3 3.5208 13.3 7.0002C13.3 10.4796 10.4794 13.3002 7.00001 13.3002C3.52062 13.3002 0.700012 10.4796 0.700012 7.0002C0.700012 3.5208 3.52062 0.700195 7.00001 0.700195ZM7.00001 1.8552C4.15851 1.8552 1.85501 4.15869 1.85501 7.0002C1.85501 9.8417 4.15851 12.1452 7.00001 12.1452C9.84152 12.1452 12.145 9.8417 12.145 7.0002C12.145 4.15869 9.84152 1.8552 7.00001 1.8552ZM7.5247 4.82943L7.52494 4.83872L7.52491 6.4563H9.09486C9.41705 6.4563 9.68118 6.71179 9.6919 7.0338C9.70216 7.3423 9.46039 7.60072 9.15188 7.61099L9.14259 7.61122L7.52491 7.6113L7.52501 9.2199C7.52501 9.53884 7.26646 9.7974 6.94751 9.7974C6.63635 9.7974 6.38266 9.5513 6.37047 9.24312L6.37001 9.2199L6.36991 7.6113H4.76141C4.44247 7.6113 4.18391 7.35274 4.18391 7.0338C4.18391 6.72263 4.43001 6.46894 4.73819 6.45675L4.76141 6.4563H6.36991L6.37001 4.88645C6.37001 4.56426 6.62551 4.30012 6.94751 4.28941C7.25602 4.27915 7.51444 4.52092 7.5247 4.82943Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/common/arrowLeft.svg b/web/satellite/static/images/common/arrowLeft.svg
deleted file mode 100644
index ed9eed2566f8..000000000000
--- a/web/satellite/static/images/common/arrowLeft.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M4.39171 10.9037L4.37256 10.8853L0.893313 7.40604C0.641833 7.15456 0.6357 6.75064 0.874912 6.49172L0.893313 6.47258L4.37256 2.99333C4.63033 2.73556 5.04825 2.73556 5.30602 2.99333C5.5575 3.24481 5.56364 3.64873 5.32442 3.90764L5.30602 3.92679L2.9537 6.2793L12.6399 6.27925C13.0045 6.27925 13.3 6.57477 13.3 6.93931C13.3 7.29495 13.0187 7.58491 12.6665 7.59884L12.6399 7.59936L2.9537 7.59941L5.30602 9.95183C5.5575 10.2033 5.56364 10.6072 5.32442 10.8661L5.30602 10.8853C5.05454 11.1368 4.65062 11.1429 4.39171 10.9037Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/common/arrowRight.svg b/web/satellite/static/images/common/arrowRight.svg
deleted file mode 100644
index 9682662ced8f..000000000000
--- a/web/satellite/static/images/common/arrowRight.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M0.254166 0.280039C-0.0847221 0.653424 -0.0847221 1.2588 0.254166 1.63219L3.54555 5.25862L0.254166 8.88505C-0.0847225 9.25844 -0.0847225 9.86382 0.254166 10.2372C0.593054 10.6106 1.1425 10.6106 1.48139 10.2372L6 5.25862L1.48139 0.280039C1.1425 -0.0933463 0.593054 -0.0933463 0.254166 0.280039Z" fill="#131621"/>
-</svg>
diff --git a/web/satellite/static/images/common/bottomArrow.svg b/web/satellite/static/images/common/bottomArrow.svg
deleted file mode 100644
index 8dbf5fa5b9a1..000000000000
--- a/web/satellite/static/images/common/bottomArrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="arrow-svg-path" d="M4.26316 6L1.90735e-06 0L9 1.59559e-06L4.26316 6Z" fill="#354049"/>
-</svg>
diff --git a/web/satellite/static/images/common/cardsIcon.svg b/web/satellite/static/images/common/cardsIcon.svg
deleted file mode 100644
index ee98ceeaa4eb..000000000000
--- a/web/satellite/static/images/common/cardsIcon.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6.99939" y="6.99951" width="4.0003" height="4.0003" rx="1" fill="#56606D"/>
-<rect x="6.99939" y="13.0005" width="4.0003" height="4.0003" rx="1" fill="#56606D"/>
-<rect x="12.9996" y="6.99951" width="4.0003" height="4.0003" rx="1" fill="#56606D"/>
-<rect x="12.9996" y="13.0005" width="4.0003" height="4.0003" rx="1" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/common/caret.svg b/web/satellite/static/images/common/caret.svg
deleted file mode 100644
index 980d980a5722..000000000000
--- a/web/satellite/static/images/common/caret.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="15" height="7" viewBox="0 0 15 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.5 7L0.138785 0.25L14.8612 0.250001L7.5 7Z" fill="#384761"/>
-</svg>
diff --git a/web/satellite/static/images/common/check.svg b/web/satellite/static/images/common/check.svg
deleted file mode 100644
index 66d275d99aac..000000000000
--- a/web/satellite/static/images/common/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.49999 0.800049C12.4764 0.800049 15.7 4.0236 15.7 8.00005C15.7 11.9765 12.4764 15.2 8.49999 15.2C4.52354 15.2 1.29999 11.9765 1.29999 8.00005C1.29999 4.0236 4.52354 0.800049 8.49999 0.800049ZM8.49999 2.12005C5.25255 2.12005 2.61999 4.75261 2.61999 8.00005C2.61999 11.2475 5.25255 13.88 8.49999 13.88C11.7474 13.88 14.38 11.2475 14.38 8.00005C14.38 4.75261 11.7474 2.12005 8.49999 2.12005ZM11.571 6.00374C11.8225 6.2552 11.8286 6.65908 11.5894 6.91798L11.571 6.93712L8.32364 10.1845C8.22672 10.2814 8.10768 10.3432 7.98256 10.3697C7.76741 10.4416 7.52069 10.3962 7.34341 10.2303L7.33572 10.223L5.40733 8.29476C5.14959 8.03702 5.14959 7.61913 5.40733 7.36138C5.65879 7.10992 6.06268 7.10379 6.32157 7.34298L6.34071 7.36138L7.81045 8.83095L10.6377 6.00374C10.8954 5.74599 11.3133 5.74599 11.571 6.00374Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/closeCross.svg b/web/satellite/static/images/common/closeCross.svg
deleted file mode 100644
index e16c973e016c..000000000000
--- a/web/satellite/static/images/common/closeCross.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.7071 1.70711C16.0976 1.31658 16.0976 0.683417 15.7071 0.292893C15.3166 -0.0976311 14.6834 -0.0976311 14.2929 0.292893L15.7071 1.70711ZM0.292893 14.2929C-0.0976311 14.6834 -0.0976311 15.3166 0.292893 15.7071C0.683417 16.0976 1.31658 16.0976 1.70711 15.7071L0.292893 14.2929ZM1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L14.2929 15.7071ZM14.2929 0.292893L0.292893 14.2929L1.70711 15.7071L15.7071 1.70711L14.2929 0.292893ZM0.292893 1.70711L14.2929 15.7071L15.7071 14.2929L1.70711 0.292893L0.292893 1.70711Z" fill="#384B65"/>
-</svg>
diff --git a/web/satellite/static/images/common/copy.svg b/web/satellite/static/images/common/copy.svg
deleted file mode 100644
index c4641913340f..000000000000
--- a/web/satellite/static/images/common/copy.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg height="1em" width="1em" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#9daab6">
-    <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
-    <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
-</svg>
diff --git a/web/satellite/static/images/common/copyButtonIcon.svg b/web/satellite/static/images/common/copyButtonIcon.svg
deleted file mode 100644
index 3366a3eb94f4..000000000000
--- a/web/satellite/static/images/common/copyButtonIcon.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.33333 2.74841C2.56147 2.98407 2 3.70197 2 4.55095V12.7823C2 13.823 2.84362 14.6666 3.88429 14.6666H9.73549C10.5845 14.6666 11.3023 14.1051 11.5379 13.3332H10.3064C10.1621 13.4827 9.95964 13.5757 9.73549 13.5757H3.88429L3.85957 13.5753C3.43283 13.5622 3.0909 13.2122 3.0909 12.7823V4.55095L3.09128 4.52623C3.09784 4.31192 3.18938 4.119 3.33333 3.98002V2.74841Z" fill="white"/>
-    <path d="M9.29682 0.666626C9.61245 0.666626 9.91514 0.792004 10.1383 1.01518L13.2712 4.14802C13.4944 4.3712 13.6198 4.67391 13.6198 4.98954V10.7823C13.6198 11.823 12.7762 12.6666 11.7355 12.6666H5.88433C4.84367 12.6666 4.00005 11.823 4.00005 10.7823V2.55099C4.00005 1.51033 4.84367 0.666626 5.88433 0.666626H9.29682ZM8.80983 1.75753H5.88433C5.45445 1.75753 5.10438 2.09951 5.09133 2.52628L5.09095 2.55099V10.7823C5.09095 11.2122 5.43288 11.5623 5.85962 11.5753L5.88433 11.5757H11.7355C12.1654 11.5757 12.5155 11.2338 12.5285 10.8071L12.5289 10.7823V5.47651L9.35538 5.47659C9.06149 5.47659 8.82188 5.24415 8.81036 4.95308L8.80993 4.93114L8.80983 1.75753ZM11.9661 4.38561L9.90073 2.32033L9.90083 4.38569L11.9661 4.38561Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/creditCardIcon-white.svg b/web/satellite/static/images/common/creditCardIcon-white.svg
deleted file mode 100644
index 745544064be5..000000000000
--- a/web/satellite/static/images/common/creditCardIcon-white.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.0639 0.400391L13.1645 0.400892C13.8317 0.407731 14.0886 0.484474 14.3475 0.622928C14.619 0.768136 14.8321 0.981222 14.9773 1.25274L14.9971 1.29066C15.1295 1.55033 15.1998 1.82811 15.1998 2.53626V8.85626C15.1998 9.59895 15.1225 9.86826 14.9773 10.1398C14.8321 10.4113 14.619 10.6244 14.3475 10.7696L14.3095 10.7894C14.0499 10.9218 13.7721 10.9921 13.0639 10.9921H2.93567L2.83506 10.9916C2.16793 10.9848 1.91104 10.908 1.65215 10.7696C1.38064 10.6244 1.16755 10.4113 1.02234 10.1398L1.00252 10.1019C0.870108 9.84219 0.799805 9.5644 0.799805 8.85626V2.53626L0.800306 2.43565C0.807145 1.76851 0.883888 1.51162 1.02234 1.25274C1.16755 0.981222 1.38064 0.768136 1.65215 0.622928L1.69007 0.603108C1.94974 0.470694 2.22753 0.400391 2.93567 0.400391H13.0639ZM13.8907 5.75576H2.10901L2.10907 8.93267C2.111 9.34616 2.12975 9.43459 2.17672 9.52241C2.19992 9.56579 2.22614 9.59201 2.26952 9.61522L2.293 9.627C2.37016 9.66289 2.46858 9.67897 2.7896 9.68235L2.93567 9.68303L13.1403 9.68287C13.5538 9.68093 13.6423 9.66218 13.7301 9.61522C13.7735 9.59201 13.7997 9.56579 13.8229 9.52241L13.8347 9.49893C13.8755 9.41113 13.8907 9.2958 13.8907 8.85626V5.75576ZM2.8966 1.70952C2.45097 1.71051 2.35993 1.72895 2.26952 1.7773C2.22614 1.8005 2.19992 1.82672 2.17672 1.8701L2.16493 1.89359C2.12904 1.97074 2.11296 2.06916 2.10958 2.39018L2.1089 2.53626V3.61361H13.8907V2.49718C13.8897 2.05156 13.8712 1.96051 13.8229 1.8701C13.7997 1.82672 13.7735 1.8005 13.7301 1.7773L13.7066 1.76552C13.6241 1.72716 13.5174 1.71142 13.1403 1.70965L2.8966 1.70952Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/documentIcon.svg b/web/satellite/static/images/common/documentIcon.svg
deleted file mode 100644
index 11623841f5ec..000000000000
--- a/web/satellite/static/images/common/documentIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.38432 0.799805C8.76307 0.799805 9.1263 0.950259 9.39412 1.21807L13.1536 4.97747C13.4214 5.24529 13.5719 5.60854 13.5719 5.9873V12.9387C13.5719 14.1875 12.5596 15.1998 11.3108 15.1998H4.28933C3.04054 15.1998 2.02819 14.1875 2.02819 12.9387V12.4625H1.31414C0.919786 12.4625 0.600098 12.1428 0.600098 11.7485V9.13033C0.600098 8.73597 0.919786 8.41628 1.31414 8.41628H2.02819V3.06104C2.02819 1.81225 3.04054 0.799805 4.28933 0.799805H8.38432ZM7.79993 2.10889H4.28933C3.77348 2.10889 3.35339 2.51926 3.33772 3.03139L3.33727 3.06104V8.41628H7.74055C8.1349 8.41628 8.45459 8.73597 8.45459 9.13033V11.7485C8.45459 12.1428 8.1349 12.4625 7.74055 12.4625H3.33727V12.9387C3.33727 13.4545 3.74759 13.8746 4.25968 13.8903L4.28933 13.8907H11.3108C11.8267 13.8907 12.2467 13.4804 12.2624 12.9683L12.2628 12.9387V6.57167L8.45459 6.57176C8.10191 6.57176 7.81439 6.29284 7.80057 5.94355L7.80005 5.91722L7.79993 2.10889ZM2.46745 9.36834H1.55216V11.4888H2.12784V10.8593H2.44674C2.93027 10.8593 3.25435 10.5746 3.25435 10.118C3.25435 9.66654 2.93856 9.36834 2.46745 9.36834ZM4.42507 9.36834H3.61746V11.4888H4.43336C5.07944 11.4888 5.48946 11.0912 5.48946 10.4286C5.48946 9.76594 5.07944 9.36834 4.42507 9.36834ZM7.39739 9.36834H5.90641V11.4888H6.4821V10.6605H7.30627V10.1967H6.4821V9.8322H7.39739V9.36834ZM4.39608 9.85705C4.72741 9.85705 4.90964 9.98544 4.90964 10.4286C4.90964 10.8717 4.72741 11.0001 4.41265 11.0001H4.19314V9.85705H4.39608ZM2.33078 9.82806C2.53268 9.82806 2.65382 9.93574 2.65382 10.118C2.65382 10.2992 2.53268 10.412 2.33078 10.412H2.12784V9.82806H2.33078ZM9.10901 2.78425L9.10913 5.26268L11.5875 5.26259L9.10901 2.78425Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/common/download.svg b/web/satellite/static/images/common/download.svg
deleted file mode 100644
index 20d613032fa0..000000000000
--- a/web/satellite/static/images/common/download.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.91756 11.4592L7.89845 11.4409L4.509 8.05142C4.25161 7.79403 4.25161 7.37671 4.509 7.11932C4.76011 6.86821 5.16344 6.86208 5.42198 7.10095L5.4411 7.11932L7.72743 9.4057V1.95914C7.72743 1.59513 8.02251 1.30005 8.38652 1.30005C8.74165 1.30005 9.03118 1.58092 9.04509 1.93263L9.04561 1.95914V9.36184L11.2879 7.11932C11.539 6.86821 11.9423 6.86208 12.2009 7.10095L12.22 7.11932C12.4711 7.37043 12.4772 7.77377 12.2384 8.0323L12.22 8.05142L8.83055 11.4409C8.57943 11.692 8.1761 11.6981 7.91756 11.4592ZM15.7 14.4022C15.7 14.7662 15.4049 15.0613 15.0409 15.0613H1.97887C1.61486 15.0613 1.31977 14.7662 1.31977 14.4022C1.31977 14.0382 1.61486 13.7431 1.97887 13.7431H15.0409C15.4049 13.7431 15.7 14.0382 15.7 14.4022ZM1.95908 15.0113C1.59507 15.0113 1.29999 14.7162 1.29999 14.3522V11.7158C1.29999 11.3518 1.59507 11.0567 1.95908 11.0567C2.32309 11.0567 2.61817 11.3518 2.61817 11.7158V14.3522C2.61817 14.7162 2.32309 15.0113 1.95908 15.0113ZM15.0211 15.0113C14.6571 15.0113 14.362 14.7162 14.362 14.3522V11.7158C14.362 11.3518 14.6571 11.0567 15.0211 11.0567C15.3851 11.0567 15.6802 11.3518 15.6802 11.7158V14.3522C15.6802 14.7162 15.3851 15.0113 15.0211 15.0113Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/dropIcon.svg b/web/satellite/static/images/common/dropIcon.svg
deleted file mode 100644
index 41fda0bd31fc..000000000000
--- a/web/satellite/static/images/common/dropIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 0.292893C0.683416 -0.097631 1.31658 -0.097631 1.7071 0.292893L4.99999 3.58579L8.29288 0.292893C8.6834 -0.0976311 9.31657 -0.0976311 9.70709 0.292893C10.0976 0.683417 10.0976 1.31658 9.70709 1.70711L5.7071 5.70711C5.31657 6.09763 4.68341 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976309 1.31658 -0.0976309 0.683417 0.292893 0.292893Z" fill="#374151"/>
-</svg>
diff --git a/web/satellite/static/images/common/emptySearchResult.svg b/web/satellite/static/images/common/emptySearchResult.svg
deleted file mode 100644
index 30573dd6c5c8..000000000000
--- a/web/satellite/static/images/common/emptySearchResult.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-<svg width="254" height="195" viewBox="0 0 380 295" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M168 295C246.997 295 311 231.2 311 152.5C311 73.8 246.997 10 168 10C89.0028 10 25 73.8 25 152.5C25 231.2 89.0028 295 168 295Z" fill="#E8EAF2"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M23.3168 98C21.4071 98 20 96.5077 20 94.6174C20.9046 68.9496 31.8599 45.769 49.0467 28.7566C66.2335 11.7442 89.6518 0.900089 115.583 0.00470057C117.492 -0.094787 119 1.39753 119 3.28779V32.4377C119 34.2284 117.593 35.6213 115.784 35.7208C99.7025 36.5167 85.2294 43.3813 74.4751 53.927C63.8213 64.5722 56.8863 78.8984 56.0822 94.8164C55.9817 96.6072 54.5746 98 52.7655 98H23.3168Z" fill="#B0B6C9"/>
-    <path d="M117.5 30C124.404 30 130 25.0751 130 19C130 12.9249 124.404 8 117.5 8C110.596 8 105 12.9249 105 19C105 25.0751 110.596 30 117.5 30Z" fill="#8F96AD"/>
-    <path d="M112.5 97C116.09 97 119 94.3137 119 91C119 87.6863 116.09 85 112.5 85C108.91 85 106 87.6863 106 91C106 94.3137 108.91 97 112.5 97Z" fill="#B0B6C9"/>
-    <path d="M15.0005 282C23.226 282 30 274.575 30 265.5C30 256.425 23.226 249 15.0005 249C6.77499 249 0.00102409 256.425 0.00102409 265.5C-0.0957468 274.678 6.67822 282 15.0005 282Z" fill="#8F96AD"/>
-    <path d="M15.5 274C19.0286 274 22 270.9 22 267C22 263.2 19.1214 260 15.5 260C11.9714 260 9 263.1 9 267C9 270.9 11.8786 274 15.5 274Z" fill="white"/>
-    <path d="M282.587 111H307.413C309.906 111 312 108.955 312 106.5C312 104.045 309.906 102 307.413 102H282.587C280.094 102 278 104.045 278 106.5C278 108.955 280.094 111 282.587 111Z" fill="white"/>
-    <path d="M282.585 93H289.415C291.951 93 294 91.02 294 88.5C294 85.98 291.951 84 289.415 84H282.585C280.049 84 278 85.98 278 88.5C278 91.02 279.951 93 282.585 93Z" fill="#E8EAF2"/>
-    <path d="M252.872 92H260.128C262.823 92 265 90.4091 265 88.5C265 86.5909 262.823 85 260.128 85H252.872C250.177 85 248 86.5909 248 88.5C248 90.4091 250.177 92 252.872 92Z" fill="#363840"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M45 166C48.8182 166 52 162.818 52 159C52 155.182 48.8182 152 45 152C41.1818 152 38 155.182 38 159C38 162.818 41.1818 166 45 166Z" fill="#B0B6C9"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M217 232C220.818 232 224 228.818 224 225C224 221.182 220.818 218 217 218C213.182 218 210 221.182 210 225C210 228.818 213.182 232 217 232Z" fill="#2683FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M26 142C29.8182 142 33 139.045 33 135.5C33 131.955 29.8182 129 26 129C22.1818 129 19 131.955 19 135.5C19 139.045 22.1818 142 26 142Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M45 142C48.8182 142 52 139.045 52 135.5C52 131.955 48.8182 129 45 129C41.1818 129 38 131.955 38 135.5C38 139.045 41.1818 142 45 142Z" fill="#E8EAF2"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M64 142C67.8182 142 71 139.045 71 135.5C71 131.955 67.8182 129 64 129C60.1818 129 57 131.955 57 135.5C57 139.045 60.1818 142 64 142Z" fill="white"/>
-    <path d="M107.014 129.651C107.014 129.651 152.017 118.395 199.527 125.169C212.857 127.061 224.785 134.831 232.001 146.186C245.031 166.606 263.374 203.062 259.465 241.112L239.018 246.093C239.018 246.093 224.885 200.97 209.049 182.643C209.049 182.643 190.205 225.275 191.208 248.683C191.208 249.38 191.308 249.977 191.308 250.575C193.513 273.485 101 254.858 101 254.858L107.014 129.651Z" fill="#F5F6FA"/>
-    <path d="M143 89.7894L145.01 121.569C145.211 124.568 147.12 127.066 149.833 127.865C156.063 129.664 167.821 131.863 179.276 127.266C181.387 126.466 182.492 123.968 181.789 121.669L166.514 73L143 89.7894Z" fill="#8F96AD"/>
-    <path d="M189 61.014C189 61.014 186.474 85.2772 181.219 95.8484C175.964 106.42 174.448 114.272 161.412 109.641C148.376 105.01 141.707 93.5328 142.01 80.2434C142.01 80.2434 142.414 59.7052 147.972 54.3692C153.631 49.0333 189 61.014 189 61.014Z" fill="#B0B6C9"/>
-    <path d="M150.596 75.686L152.115 76.4754C152.115 76.4754 153.128 60.6872 159.814 61.4766C166.5 62.266 190.609 69.8641 199.625 64.9303C208.235 60.1938 191.521 44.2082 180.074 40.4585C163.866 35.0313 150.798 35.5247 144.822 45.2936C144.416 45.8857 143.606 45.8857 143.201 45.2936C142.492 44.0108 128.209 53.9772 132.97 65.917C133.172 66.5091 138.946 83.4815 140.567 83.9748C140.972 84.0735 141.479 83.8762 141.681 83.4815L146.24 74.4032C146.442 73.9098 147.05 73.7125 147.557 74.0085L150.596 75.686Z" fill="#0F002D"/>
-    <path d="M149.877 78.0283C149.877 78.0283 154.31 62.6808 145.56 63.0051C136.81 63.3293 139.844 79.7576 144.744 83L149.877 78.0283Z" fill="#B0B6C9"/>
-    <path d="M106.635 221.07C104.63 206.983 119.272 186.154 125.289 178.305C126.994 176.092 127.996 173.274 127.996 170.457C128.197 150.433 119.773 137.553 106.335 129C106.335 129 57.5953 185.953 70.0308 229.724C71.3345 234.453 73.4406 238.478 76.048 242C78.0538 225.397 97.1082 221.875 106.635 221.07Z" fill="#F5F6FA"/>
-    <path d="M107.966 215L106 214.798C107.655 200.851 120.172 183.67 125.448 177L127 178.112C121.828 184.681 109.621 201.559 107.966 215Z" fill="#0F002D"/>
-    <path d="M107.128 221.954C106.926 221.337 106.825 220.617 106.725 220C97.054 220.823 78.0147 224.423 76 241.29C97.8599 270.808 158 260.111 158 260.111V248.592C158.101 248.695 111.862 239.953 107.128 221.954Z" fill="#B0B6C9"/>
-    <path d="M152 257C152 257 160.863 236.189 176.575 243.593C192.187 250.997 190.978 255.799 190.978 255.799L152 257Z" fill="#B0B6C9"/>
-    <path d="M271.213 238H136.787C134.194 238 132 235.787 132 233.172V139.828C132 137.213 134.194 135 136.787 135H271.213C273.806 135 276 137.213 276 139.828V233.172C276 235.787 273.906 238 271.213 238Z" fill="#363840"/>
-    <path d="M217.252 258H195.744C193.109 258 191 256 191 253.5V190.5C191 188 193.109 186 195.744 186H217.252C219.888 186 221.996 188 221.996 190.5V253.5C222.102 255.9 219.888 258 217.252 258Z" fill="#363840"/>
-    <path d="M246.189 254H150.811C149.305 254 148 255.444 148 257.111V258.889C148 260.556 149.305 262 150.811 262H246.189C247.695 262 249 260.556 249 258.889V257.111C249 255.444 247.795 254 246.189 254Z" fill="#363840"/>
-    <path d="M350.452 224.555C349.952 224.555 349.553 224.555 349.154 224.654C348.355 224.754 347.557 224.256 347.257 223.56C337.873 206.543 319.705 195 298.742 195C279.775 195 263.004 204.454 253.121 218.883C252.622 219.579 251.724 219.878 250.925 219.778C248.429 219.281 245.834 218.982 243.239 218.982C223.772 219.082 208 234.605 208 253.91C208 253.91 208 253.91 208 254.01C208 255.104 208.898 256 210.096 256H377.904C379.002 256 380 255.104 380 254.01V253.91C379.8 237.591 366.623 224.555 350.452 224.555Z" fill="#B0B6C9"/>
-    <path d="M206 195C210.418 195 214 191.194 214 186.5C214 181.806 210.418 178 206 178C201.582 178 198 181.806 198 186.5C198 191.194 201.582 195 206 195Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/errorNotice.svg b/web/satellite/static/images/common/errorNotice.svg
deleted file mode 100644
index 79aabd892310..000000000000
--- a/web/satellite/static/images/common/errorNotice.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="22" y="22" width="22" height="22" rx="11" transform="rotate(-180 22 22)" fill="#E30011"/>
-<rect x="9.77441" y="5.7041" width="2.44444" height="6.51852" rx="1.22222" fill="white"/>
-<rect x="9.47363" y="13.4443" width="3.05556" height="3.05556" rx="1.52778" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/gearIcon.svg b/web/satellite/static/images/common/gearIcon.svg
deleted file mode 100644
index 0c4c5194690d..000000000000
--- a/web/satellite/static/images/common/gearIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path class="path" d="M10.56 6.10352e-05C11.3815 6.10352e-05 12.0476 0.666049 12.0476 1.48763L12.0475 1.73022C12.0475 2.28189 12.4947 2.72912 13.0464 2.72913C13.2217 2.72913 13.394 2.68298 13.5458 2.59531L13.756 2.474C14.4675 2.06323 15.3773 2.30701 15.7881 3.01851L17.5732 6.11044C17.9768 6.80945 17.7486 7.69987 17.0657 8.12045L17.0287 8.14251L16.8186 8.26378C16.3646 8.52591 16.209 9.1065 16.4711 9.56056C16.5544 9.70488 16.6743 9.82473 16.8186 9.90805L16.9543 9.98641C17.6658 10.3972 17.9096 11.307 17.4988 12.0185L15.7881 14.9816C15.3845 15.6807 14.4993 15.9282 13.7936 15.5471L13.756 15.5261L13.5459 15.4048C13.0681 15.1289 12.4572 15.2926 12.1814 15.7703C12.0937 15.9222 12.0475 16.0945 12.0475 16.2698L12.0475 16.5125C12.0476 17.3201 11.404 17.9775 10.6016 17.9995L10.56 18.0001H6.98971C6.16814 18.0001 5.50212 17.334 5.50207 16.5125L5.50206 16.3987C5.50205 15.8881 5.08812 15.4742 4.57753 15.4742C4.41524 15.4742 4.25582 15.5169 4.11528 15.5981L4.01682 15.6549C3.31782 16.0585 2.42739 15.8303 2.0068 15.1475L1.98473 15.1104L0.199609 12.0185C-0.211138 11.307 0.0326249 10.3972 0.744089 9.98637L0.95426 9.86502C1.43201 9.58918 1.59568 8.97827 1.31984 8.50053C1.23216 8.34867 1.10605 8.22258 0.954196 8.13491L0.744145 8.01365C0.0450642 7.61016 -0.202544 6.72493 0.178498 6.01926L0.199609 5.98161L1.91035 3.01851C2.32115 2.30702 3.23095 2.06323 3.94246 2.474L4.07809 2.5523C4.53214 2.81444 5.11274 2.65887 5.37488 2.20481C5.45819 2.06051 5.50206 1.89681 5.50206 1.73018L5.50207 1.48766C5.50212 0.666097 6.16814 6.10352e-05 6.98971 6.10352e-05H10.56ZM7.13854 1.63628L7.13842 1.73022C7.13841 2.18408 7.01894 2.62993 6.79202 3.02298C6.08652 4.24498 4.53417 4.67324 3.30423 3.99446L3.25321 3.96542L1.69123 6.67077L1.77231 6.71774C2.15291 6.93746 2.4722 7.24868 2.70149 7.62273L2.73695 7.6823C3.45612 8.92787 3.04288 10.5165 1.81662 11.2561L1.77248 11.2821L1.69123 11.3291L3.32774 14.1637L3.35897 14.1463C3.7121 13.9553 4.10523 13.8499 4.50658 13.8388L4.57749 13.8378C5.95931 13.8378 7.08553 14.9322 7.13662 16.3015L7.13824 16.3637H10.4113L10.4112 16.2699C10.4111 15.8304 10.521 15.3982 10.7304 15.0126L10.7642 14.9521C11.4834 13.7065 13.0659 13.2702 14.3195 13.9624L14.3641 13.9876L14.4453 14.0344L16.0073 11.3291L16.0004 11.3252C15.627 11.1096 15.3137 10.8042 15.0887 10.4372L15.054 10.3787C14.3485 9.1567 14.7538 7.59821 15.9567 6.87249L16.0005 6.84662L16.0817 6.79975L14.4453 3.96542L14.364 4.01245C13.9834 4.23218 13.5543 4.35306 13.1157 4.36458L13.0463 4.36549C11.6073 4.36546 10.4377 3.21196 10.4116 1.77891L10.4112 1.72995L10.4113 1.63642L7.13854 1.63628ZM8.90209 4.90915C11.1614 4.90915 12.993 6.74071 12.993 9.00006C12.993 11.2594 11.1614 13.091 8.90209 13.091C6.64274 13.091 4.81118 11.2594 4.81118 9.00006C4.81118 6.74071 6.64274 4.90915 8.90209 4.90915ZM8.90209 6.54552C7.54648 6.54552 6.44754 7.64445 6.44754 9.00006C6.44754 10.3557 7.54648 11.4546 8.90209 11.4546C10.2577 11.4546 11.3566 10.3557 11.3566 9.00006C11.3566 7.64445 10.2577 6.54552 8.90209 6.54552Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/common/greyChevron.svg b/web/satellite/static/images/common/greyChevron.svg
deleted file mode 100644
index eb63eb1833e7..000000000000
--- a/web/satellite/static/images/common/greyChevron.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.28021 7.48016C8.13064 7.62973 7.89124 7.63471 7.73568 7.49511L7.71989 7.48016L0.916093 0.676357C0.761367 0.521631 0.761367 0.270771 0.916093 0.116045C1.06566 -0.033524 1.30506 -0.0385096 1.46062 0.101088L1.47641 0.116045L8.00004 6.63969L14.5237 0.116045C14.6733 -0.033524 14.9127 -0.0385096 15.0682 0.101088L15.084 0.116045C15.2336 0.265613 15.2386 0.505014 15.099 0.660572L15.084 0.676357L8.28021 7.48016Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/common/greyWarning.svg b/web/satellite/static/images/common/greyWarning.svg
deleted file mode 100644
index 0cb210ca29f3..000000000000
--- a/web/satellite/static/images/common/greyWarning.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="18" y="18" width="18" height="18" rx="9" transform="rotate(-180 18 18)" fill="#A9B5C1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99707 4.66675C8.44478 4.66675 7.99707 5.11446 7.99707 5.66675L7.99707 9.00008C7.99707 9.55237 8.44478 10.0001 8.99707 10.0001C9.54935 10.0001 9.99707 9.55237 9.99707 9.00008L9.99707 5.66675C9.99707 5.11446 9.54935 4.66675 8.99707 4.66675ZM9.00098 11C8.31062 11 7.75098 11.5596 7.75098 12.25C7.75098 12.9404 8.31062 13.5 9.00098 13.5C9.69133 13.5 10.251 12.9404 10.251 12.25C10.251 11.5596 9.69133 11 9.00098 11Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/common/horizontalDots.svg b/web/satellite/static/images/common/horizontalDots.svg
deleted file mode 100644
index aabd22dcf344..000000000000
--- a/web/satellite/static/images/common/horizontalDots.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="6" viewBox="0 0 22 6" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9999 0.333496C9.53325 0.333496 8.33325 1.5335 8.33325 3.00016C8.33325 4.46683 9.53325 5.66683 10.9999 5.66683C12.4666 5.66683 13.6666 4.46683 13.6666 3.00016C13.6666 1.5335 12.4666 0.333496 10.9999 0.333496ZM18.9999 0.333496C17.5333 0.333496 16.3333 1.5335 16.3333 3.00016C16.3333 4.46683 17.5333 5.66683 18.9999 5.66683C20.4666 5.66683 21.6666 4.46683 21.6666 3.00016C21.6666 1.5335 20.4666 0.333496 18.9999 0.333496ZM2.99992 0.333496C1.53325 0.333496 0.333252 1.5335 0.333252 3.00016C0.333252 4.46683 1.53325 5.66683 2.99992 5.66683C4.46659 5.66683 5.66658 4.46683 5.66658 3.00016C5.66658 1.5335 4.46659 0.333496 2.99992 0.333496Z" fill="#7C8794"/>
-</svg>
diff --git a/web/satellite/static/images/common/lightBottomArrow.svg b/web/satellite/static/images/common/lightBottomArrow.svg
deleted file mode 100644
index 1bc258c5c22a..000000000000
--- a/web/satellite/static/images/common/lightBottomArrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg class="register-area__content-area__expand__icon" width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M5 5L0.669873 0.499999L9.33013 0.5L5 5Z" fill="#ACBACE"/>
-</svg>
diff --git a/web/satellite/static/images/common/loader.svg b/web/satellite/static/images/common/loader.svg
deleted file mode 100644
index a8a6f75b28eb..000000000000
--- a/web/satellite/static/images/common/loader.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background: new 0 0 50 50;" xml:space="preserve">
-    <path fill="#376FFF" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
-        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
-    </path>
-</svg>
diff --git a/web/satellite/static/images/common/lockIcon.svg b/web/satellite/static/images/common/lockIcon.svg
deleted file mode 100644
index c7d491fb98e6..000000000000
--- a/web/satellite/static/images/common/lockIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.87396 0.799805C9.79601 0.799805 12.1703 3.14491 12.2175 6.05572L12.2182 6.14409L12.2183 7.28151C12.4793 7.46716 12.6901 7.70744 12.8445 7.99622L12.8779 8.06035C13.0506 8.40357 13.144 8.7761 13.1478 9.68768V12.2891C13.1478 13.3012 13.0424 13.6682 12.8445 14.0382C12.6467 14.4083 12.3563 14.6987 11.9863 14.8965L11.9221 14.9299C11.5789 15.1026 11.2064 15.196 10.2948 15.1997L3.5108 15.1998C2.49868 15.1998 2.13167 15.0944 1.76165 14.8965C1.39164 14.6987 1.10125 14.4083 0.903365 14.0382L0.880504 13.9947C0.701039 13.6456 0.604026 13.2766 0.600098 12.3468V9.74536C0.600098 8.73325 0.70548 8.36623 0.903365 7.99622C1.0578 7.70744 1.26859 7.46716 1.52959 7.28151L1.52967 6.14409C1.52967 3.19252 3.92239 0.799805 6.87396 0.799805ZM10.2371 8.14918L3.45851 8.14929L3.32504 8.15037C2.74693 8.15762 2.56771 8.19755 2.38158 8.29709C2.24065 8.37246 2.1379 8.47521 2.06253 8.61614L2.04163 8.65706C1.95729 8.83098 1.9216 9.02767 1.91556 9.5642L1.91462 9.7453L1.91473 12.3414L1.9158 12.4749C1.92306 13.053 1.96299 13.2322 2.06253 13.4183C2.1379 13.5593 2.24065 13.662 2.38158 13.7374L2.4225 13.7583C2.59642 13.8426 2.79311 13.8783 3.32968 13.8843L3.5108 13.8853L10.3306 13.885C10.9793 13.8817 11.1714 13.8416 11.3663 13.7374C11.5073 13.662 11.61 13.5593 11.6854 13.4183L11.7063 13.3774C11.7906 13.2035 11.8263 13.0068 11.8324 12.4702L11.8333 12.2891L11.8331 9.65184C11.8297 9.00318 11.7897 8.81111 11.6854 8.61614C11.61 8.47521 11.5073 8.37246 11.3663 8.29709L11.3254 8.2762C11.1515 8.19185 10.9548 8.15616 10.4182 8.15012L10.2371 8.14918ZM6.99346 9.58321C7.58745 9.58321 8.06898 10.0647 8.06898 10.6587C8.06898 11.0052 7.90518 11.3134 7.6508 11.5101L7.65072 11.9135C7.65072 12.2765 7.35645 12.5708 6.99346 12.5708C6.63046 12.5708 6.3362 12.2765 6.3362 11.9135L6.33624 11.5101C6.08179 11.3134 5.91794 11.0052 5.91794 10.6587C5.91794 10.0647 6.39947 9.58321 6.99346 9.58321ZM6.87396 2.11433C4.67063 2.11433 2.88032 3.88261 2.84473 6.07746L2.84419 6.14409L2.84412 6.85556C3.01683 6.84273 3.21687 6.83574 3.45312 6.83478L10.2371 6.83466C10.4988 6.83466 10.7173 6.8417 10.9039 6.85556L10.9037 6.14409C10.9037 3.91852 9.09953 2.11433 6.87396 2.11433Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/common/minus.svg b/web/satellite/static/images/common/minus.svg
deleted file mode 100644
index 3a3b22c2f70c..000000000000
--- a/web/satellite/static/images/common/minus.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.45691 12L21.9224 12" stroke="#0149FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/common/passwordHidden.svg b/web/satellite/static/images/common/passwordHidden.svg
deleted file mode 100644
index 2b647f992389..000000000000
--- a/web/satellite/static/images/common/passwordHidden.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="input-wrap__image__path" d="M10 4C4.70642 4 1 10 1 10C1 10 3.6999 16 10 16C16.3527 16 19 10 19 10C19 10 15.3472 4 10 4ZM10 13.8176C7.93537 13.8176 6.2946 12.1271 6.2946 10C6.2946 7.87285 7.93537 6.18239 10 6.18239C12.0646 6.18239 13.7054 7.87285 13.7054 10C13.7054 12.1271 12.0646 13.8176 10 13.8176Z" fill="#AFB7C1"/>
-    <path d="M11.6116 9.96328C11.6116 10.8473 10.8956 11.5633 10.0116 11.5633C9.12763 11.5633 8.41162 10.8473 8.41162 9.96328C8.41162 9.07929 9.12763 8.36328 10.0116 8.36328C10.8956 8.36328 11.6116 9.07929 11.6116 9.96328Z" fill="#AFB7C1"/>
-</svg>
diff --git a/web/satellite/static/images/common/passwordShown.svg b/web/satellite/static/images/common/passwordShown.svg
deleted file mode 100644
index 063d256d1c43..000000000000
--- a/web/satellite/static/images/common/passwordShown.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="input-wrap__image__path" d="M10 4C4.70642 4 1 10 1 10C1 10 3.6999 16 10 16C16.3527 16 19 10 19 10C19 10 15.3472 4 10 4ZM10 13.8176C7.93537 13.8176 6.2946 12.1271 6.2946 10C6.2946 7.87285 7.93537 6.18239 10 6.18239C12.0646 6.18239 13.7054 7.87285 13.7054 10C13.7054 12.1271 12.0646 13.8176 10 13.8176Z" fill="#AFB7C1"/>
-    <path d="M11.6121 9.96328C11.6121 10.8473 10.8961 11.5633 10.0121 11.5633C9.12812 11.5633 8.41211 10.8473 8.41211 9.96328C8.41211 9.07929 9.12812 8.36328 10.0121 8.36328C10.8961 8.36328 11.6121 9.07929 11.6121 9.96328Z" fill="#AFB7C1"/>
-    <mask id="path-3-inside-1" fill="white">
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M5 16.5L16 1L16.8155 1.57875L5.81551 17.0787L5 16.5Z"/>
-    </mask>
-    <path class="input-wrap__image__path" fill-rule="evenodd" clip-rule="evenodd" d="M5 16.5L16 1L16.8155 1.57875L5.81551 17.0787L5 16.5Z" fill="white"/>
-    <path class="input-wrap__image__path" d="M16 1L16.5787 0.184493L15.7632 -0.394254L15.1845 0.421253L16 1ZM5 16.5L4.18449 15.9213L3.60575 16.7368L4.42125 17.3155L5 16.5ZM16.8155 1.57875L17.631 2.15749L18.2098 1.34199L17.3943 0.76324L16.8155 1.57875ZM5.81551 17.0787L5.23676 17.8943L6.05227 18.473L6.63101 17.6575L5.81551 17.0787ZM15.1845 0.421253L4.18449 15.9213L5.81551 17.0787L16.8155 1.57875L15.1845 0.421253ZM17.3943 0.76324L16.5787 0.184493L15.4213 1.81551L16.2368 2.39425L17.3943 0.76324ZM6.63101 17.6575L17.631 2.15749L16 1L5 16.5L6.63101 17.6575ZM4.42125 17.3155L5.23676 17.8943L6.39425 16.2632L5.57875 15.6845L4.42125 17.3155Z" fill="white" mask="url(#path-3-inside-1)"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M5 17.5L16 2L16.8155 2.57875L5.81551 18.0787L5 17.5Z" fill="#AFB7C1"/>
-</svg>
diff --git a/web/satellite/static/images/common/plus.svg b/web/satellite/static/images/common/plus.svg
deleted file mode 100644
index 1fcd695e0f80..000000000000
--- a/web/satellite/static/images/common/plus.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 3V21" stroke="#0149FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M3 12L21 12" stroke="#0149FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/common/plusWhite.svg b/web/satellite/static/images/common/plusWhite.svg
deleted file mode 100644
index 42c226d6bda5..000000000000
--- a/web/satellite/static/images/common/plusWhite.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.99959 12.3334V7.00002M6.99959 7.00002V1.66669M6.99959 7.00002H12.3329M6.99959 7.00002H1.66626" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
-</svg>
diff --git a/web/satellite/static/images/common/rocket.svg b/web/satellite/static/images/common/rocket.svg
deleted file mode 100644
index 1ee435dee4e5..000000000000
--- a/web/satellite/static/images/common/rocket.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="445" height="325" viewBox="0 0 445 325" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_20566_237156" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="103" width="445" height="222">
-<path d="M0 103.186H444.729V304.544C444.729 315.59 435.774 324.544 424.729 324.544H0V103.186Z" fill="#C4C4C4"/>
-</mask>
-<g mask="url(#mask0_20566_237156)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M230.525 121.877H216.208L194.452 259.44C193.392 259.295 192.314 259.22 191.223 259.22C184.489 259.22 178.347 262.056 173.845 266.682H168.105V275.697C167.47 277.357 166.99 279.104 166.685 280.916C160.041 273.171 150.484 268.456 140.092 268.456C121.362 268.456 105.818 283.696 104.327 303.311L104.011 307.462C97.0562 300.662 87.7594 296.523 77.5972 296.523C61.3774 296.523 47.0343 307.119 41.2916 322.855L39.1779 328.647L30.4876 328.647C15.0197 328.647 2.48047 341.908 2.48047 358.266C2.48047 374.624 15.0197 387.885 30.4876 387.885H72.3192C72.5094 387.885 72.6951 387.883 72.8768 387.879L73.0608 387.875L73.4884 387.884L73.7325 387.885H128.79C140.605 387.885 150.184 377.755 150.184 365.259C150.184 360.627 148.868 356.32 146.609 352.733H183.548C185.185 352.733 186.786 352.572 188.338 352.264H200.826C202.743 352.947 204.796 353.317 206.931 353.317H209.128C208.873 354.926 208.739 356.58 208.739 358.266C208.739 374.624 221.278 387.885 236.746 387.885H278.578C278.662 387.885 278.745 387.885 278.827 387.884C278.931 387.883 279.034 387.882 279.136 387.879L279.32 387.875L279.747 387.884L279.991 387.885H300.78H335.048H342.611C342.801 387.885 342.987 387.883 343.169 387.879L343.353 387.875L343.78 387.884L344.024 387.885H399.082C410.897 387.885 420.476 377.755 420.476 365.259C420.476 352.764 410.897 342.634 399.081 342.634L387.294 342.633L386.661 334.309C385.044 313.045 368.194 296.523 347.889 296.523C335.157 296.523 323.581 303.052 316.414 313.471C313.401 308.034 308.605 303.836 302.876 301.772C297.731 298.718 291.872 296.866 285.647 296.566L285.144 295.188C280.128 281.445 267.774 272.088 253.687 271.666V266.682H208.607C208.476 266.548 208.344 266.415 208.211 266.284H254.727L230.525 121.877Z" fill="#EBEEF1"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M244.833 130.103C247.966 141.797 241.026 153.817 229.332 156.95C222.643 158.743 215.847 157.239 210.669 153.435C213.484 155.469 217.158 156.266 220.775 155.297C227.153 153.588 230.939 147.032 229.23 140.653C227.521 134.274 220.964 130.489 214.586 132.198C208.207 133.907 204.422 140.464 206.131 146.842C206.828 149.445 208.333 151.616 210.303 153.158C206.607 150.325 203.783 146.295 202.485 141.45C199.351 129.756 206.291 117.736 217.985 114.603C229.679 111.469 241.699 118.409 244.833 130.103Z" fill="#C8D3DE"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M224.655 101.899C238.412 101.899 249.565 113.051 249.565 126.809C249.565 132.013 247.969 136.845 245.239 140.841C245.462 139.853 245.579 138.825 245.579 137.769C245.579 130.065 239.334 123.819 231.63 123.819C223.926 123.819 217.68 130.065 217.68 137.769C217.68 144.451 222.378 150.035 228.651 151.4C227.35 151.61 226.015 151.719 224.655 151.719C210.897 151.719 199.745 140.566 199.745 126.809C199.745 113.051 210.897 101.899 224.655 101.899Z" fill="#FFC600"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M224.655 52.0784L263.514 115.848L185.795 115.848L224.655 52.0784Z" fill="#0218A7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M223.857 20.912L224.654 20.1936C251.164 43.7572 259.801 81.497 246.277 114.201L245.579 115.848L203.73 115.848L203.448 115.19C189.616 82.9162 197.547 45.5161 223.078 21.6316L223.857 20.912Z" fill="#276CFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M224.655 20.1937C230.037 24.9776 234.682 30.3457 238.555 36.1374L210.755 36.1374C214.435 30.6339 218.813 25.5128 223.857 20.9121L224.655 20.1937Z" fill="#FF458B"/>
-<path d="M224.655 83.9634C232.91 83.9634 239.601 77.2718 239.601 69.0174C239.601 60.7629 232.909 54.0713 224.655 54.0713C216.401 54.0713 209.709 60.7629 209.709 69.0173C209.709 77.2718 216.401 83.9634 224.655 83.9634Z" fill="white"/>
-<path d="M224.655 79.978C230.708 79.978 235.615 75.0708 235.615 69.0175C235.615 62.9643 230.708 58.0571 224.655 58.0571C218.601 58.0571 213.694 62.9643 213.694 69.0175C213.694 75.0708 218.601 79.978 224.655 79.978Z" fill="#0218A7"/>
-</svg>
diff --git a/web/satellite/static/images/common/search.svg b/web/satellite/static/images/common/search.svg
deleted file mode 100644
index 3715fa42fef4..000000000000
--- a/web/satellite/static/images/common/search.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z" stroke="#444955" stroke-width="1.64731" stroke-linecap="round" stroke-linejoin="round"/>
-	<path d="M13.9996 13.9996L11.0996 11.0996" stroke="#444955" stroke-width="1.64731" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/common/selectedCheck.svg b/web/satellite/static/images/common/selectedCheck.svg
deleted file mode 100644
index 233156823acd..000000000000
--- a/web/satellite/static/images/common/selectedCheck.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14.0928 3.02746C14.6603 2.4239 14.631 1.4746 14.0275 0.907152C13.4239 0.339699 12.4746 0.368972 11.9072 0.972536L14.0928 3.02746ZM4.53846 11L3.44613 12.028C3.72968 12.3293 4.12509 12.5001 4.53884 12.5C4.95258 12.4999 5.34791 12.3289 5.63131 12.0275L4.53846 11ZM3.09234 7.27469C2.52458 6.67141 1.57527 6.64261 0.971991 7.21036C0.36871 7.77812 0.339911 8.72743 0.907664 9.33071L3.09234 7.27469ZM11.9072 0.972536L3.44561 9.97254L5.63131 12.0275L14.0928 3.02746L11.9072 0.972536ZM5.6308 9.97199L3.09234 7.27469L0.907664 9.33071L3.44613 12.028L5.6308 9.97199Z" fill="#2683FF"/>
-</svg>
diff --git a/web/satellite/static/images/common/tableIcon.svg b/web/satellite/static/images/common/tableIcon.svg
deleted file mode 100644
index d4f7d50c7daf..000000000000
--- a/web/satellite/static/images/common/tableIcon.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 9H7V7H9V9Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13H7V11H9V13Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 17H7V15H9V17Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9H10V7H18V9Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 13H10V11H18V13Z" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 17H10V15H18V17Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/common/tablePaginationArrowRight.svg b/web/satellite/static/images/common/tablePaginationArrowRight.svg
deleted file mode 100644
index f20562516b44..000000000000
--- a/web/satellite/static/images/common/tablePaginationArrowRight.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0.200293 1.10636C-0.428118 0.51287 0.566865 -0.426818 1.19528 0.216126L5.80362 4.51891C6.06546 4.7662 6.06546 5.21131 5.80362 5.4586L1.19528 9.81084C0.566865 10.4043 -0.428118 9.46464 0.200293 8.87115L4.28496 5.01348L0.200293 1.10636Z" fill="#2C353A"/>
-</svg>
diff --git a/web/satellite/static/images/common/topArrow.svg b/web/satellite/static/images/common/topArrow.svg
deleted file mode 100644
index 0f3279415dca..000000000000
--- a/web/satellite/static/images/common/topArrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="arrow-svg-path" d="M4.73684 5.70565e-07L9 6L-9.53674e-07 6L4.73684 5.70565e-07Z" fill="#354049"/>
-</svg>
diff --git a/web/satellite/static/images/common/upload.svg b/web/satellite/static/images/common/upload.svg
deleted file mode 100644
index ca1986ee1fe8..000000000000
--- a/web/satellite/static/images/common/upload.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.32568 0.975085L8.34476 0.993421L11.7271 4.37577C11.984 4.63262 11.984 5.04906 11.7271 5.30591C11.4765 5.5565 11.074 5.56261 10.816 5.32425L10.797 5.30591L8.51542 3.02433V10.4553C8.51542 10.8185 8.22095 11.113 7.85771 11.113C7.50332 11.113 7.2144 10.8327 7.20052 10.4817L7.2 10.4553V3.0681L4.96241 5.30591C4.71182 5.5565 4.30934 5.56261 4.05134 5.32425L4.03227 5.30591C3.78168 5.05532 3.77557 4.65284 4.01393 4.39484L4.03227 4.37577L7.41461 0.993421C7.6652 0.742833 8.06769 0.736721 8.32568 0.975085ZM15.1998 13.8755C15.1998 14.2387 14.9053 14.5332 14.5421 14.5332H1.50744C1.14419 14.5332 0.849725 14.2387 0.849725 13.8755C0.849725 13.5122 1.14419 13.2178 1.50744 13.2178H14.5421C14.9053 13.2178 15.1998 13.5122 15.1998 13.8755ZM1.45752 14.4833C1.09427 14.4833 0.799805 14.1888 0.799805 13.8256V11.1947C0.799805 10.8315 1.09427 10.537 1.45752 10.537C1.82076 10.537 2.11523 10.8315 2.11523 11.1947V13.8256C2.11523 14.1888 1.82076 14.4833 1.45752 14.4833ZM14.4922 14.4833C14.1289 14.4833 13.8345 14.1888 13.8345 13.8256V11.1947C13.8345 10.8315 14.1289 10.537 14.4922 10.537C14.8554 10.537 15.1499 10.8315 15.1499 11.1947V13.8256C15.1499 14.1888 14.8554 14.4833 14.4922 14.4833Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/common/validCheck.svg b/web/satellite/static/images/common/validCheck.svg
deleted file mode 100644
index 26f0461c0567..000000000000
--- a/web/satellite/static/images/common/validCheck.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="11" cy="11" r="11" fill="#00D459"/>
-<path d="M5.17423 11.8324C4.63467 11.2929 4.63467 10.4181 5.17423 9.8785C5.7138 9.33894 6.5886 9.33894 7.12817 9.8785L10.3847 13.1351C10.9243 13.6746 10.9243 14.5494 10.3847 15.089C9.84516 15.6286 8.97036 15.6286 8.43079 15.089L5.17423 11.8324Z" fill="white"/>
-<path d="M10.3847 15.089C9.84516 15.6286 8.97036 15.6286 8.43079 15.089C7.89123 14.5494 7.89123 13.6746 8.43079 13.1351L14.2926 7.27325C14.8322 6.73369 15.707 6.73369 16.2465 7.27325C16.7861 7.81282 16.7861 8.68762 16.2465 9.22719L10.3847 15.089Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/modals/burger.png b/web/satellite/static/images/modals/burger.png
deleted file mode 100644
index 667d72dbd222bfe6510fd2c483d5c8348ee01237..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 122
zcmeAS@N?(olHy`uVBq!ia0vp^B0$W~!3HFs%y=IPq#Qk6978JNk`pA19{k$7{QLU*
z)t~0u{P|+HtMZC@0SnWr_J?1q``<IF{(pENf=4mo!2|aH|No~SX}x$=h}F$+2?N8z
XtvNMcLL-1?F)(<#`njxgN@xNA+|DlN

diff --git a/web/satellite/static/images/modals/deleteAccessGrant/delete.svg b/web/satellite/static/images/modals/deleteAccessGrant/delete.svg
deleted file mode 100644
index a342876a4f3e..000000000000
--- a/web/satellite/static/images/modals/deleteAccessGrant/delete.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0.980469H23.3463C28.8835 0.980469 31.0805 1.59419 33.2353 2.74664C35.3902 3.89908 37.0814 5.59024 38.2338 7.74512L38.3214 7.91102C39.4029 9.98719 39.9846 12.1804 40 17.4228V24.3268C40 29.864 39.3863 32.0609 38.2338 34.2158C37.0814 36.3707 35.3902 38.0619 33.2353 39.2143L33.0694 39.3019C30.9933 40.3834 28.8 40.965 23.5577 40.9805H16.6537C11.1165 40.9805 8.91954 40.3667 6.76466 39.2143C4.60977 38.0619 2.91861 36.3707 1.76617 34.2158L1.67858 34.0499C0.597074 31.9738 0.0154219 29.7805 0 24.5381V17.6341C0 12.097 0.613723 9.90001 1.76617 7.74512C2.91861 5.59024 4.60977 3.89908 6.76466 2.74664L6.93055 2.65905C9.00672 1.57754 11.2 0.995891 16.4423 0.980469Z" fill="#EBEEF1"/>
-    <path d="M27.3983 16.3472C27.7858 16.3472 28.0999 16.6614 28.0999 17.0488C28.0999 17.4268 27.8009 17.735 27.4265 17.7498L27.3983 17.7504H25.9509L24.8664 26.6069C24.7098 27.8864 23.6232 28.848 22.3342 28.848H17.7704C16.4911 28.848 15.4096 27.9005 15.2414 26.6323L14.0632 17.7504H12.6015C12.214 17.7504 11.8999 17.4363 11.8999 17.0488C11.8999 16.6708 12.1989 16.3626 12.5733 16.3478L12.6015 16.3472H27.3983ZM24.5373 17.7504H15.4787L16.6324 26.4478C16.7066 27.0073 17.1758 27.4281 17.7367 27.4444L17.7704 27.4449H22.3342C22.9029 27.4449 23.384 27.029 23.4691 26.4701L23.4737 26.4364L24.5373 17.7504ZM18.9425 20.2394L18.9471 20.2678L18.9505 20.2958L19.397 24.7615C19.4356 25.147 19.1543 25.4908 18.7687 25.5294C18.3926 25.567 18.0562 25.3001 18.0042 24.9291L18.0008 24.9011L17.5543 20.4354C17.5157 20.0499 17.797 19.7061 18.1826 19.6675C18.5491 19.6309 18.8778 19.8832 18.9425 20.2394ZM22.0723 19.6678C22.4485 19.7054 22.7254 20.0335 22.7029 20.4075L22.7006 20.4357L22.2544 24.898C22.2158 25.2835 21.872 25.5648 21.4865 25.5263C21.1103 25.4887 20.8334 25.1605 20.8559 24.7865L20.8582 24.7584L21.3044 20.2961C21.343 19.9105 21.6868 19.6292 22.0723 19.6678ZM22.296 13.3496C22.6834 13.3496 22.9975 13.6637 22.9975 14.0512C22.9975 14.4292 22.6986 14.7374 22.3242 14.7522L22.296 14.7528H17.7038C17.3164 14.7528 17.0023 14.4387 17.0023 14.0512C17.0023 13.6732 17.3012 13.365 17.6756 13.3502L17.7038 13.3496H22.296Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/modals/objectUpload/arrow.svg b/web/satellite/static/images/modals/objectUpload/arrow.svg
deleted file mode 100644
index d46cff372b3d..000000000000
--- a/web/satellite/static/images/modals/objectUpload/arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.46647 5.221C9.75394 4.93352 10.2157 4.92651 10.5116 5.19996L10.5335 5.221L18.779 13.4665C19.0737 13.7611 19.0737 14.2389 18.779 14.5335C18.4915 14.821 18.0298 14.828 17.7338 14.5546L17.7119 14.5335L9.99999 6.8214L2.28806 14.5335C2.00058 14.821 1.53885 14.828 1.24288 14.5546L1.221 14.5335C0.933522 14.2461 0.92651 13.7843 1.19996 13.4884L1.221 13.4665L9.46647 5.221Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/modals/objectUpload/check.svg b/web/satellite/static/images/modals/objectUpload/check.svg
deleted file mode 100644
index 0105c9c79913..000000000000
--- a/web/satellite/static/images/modals/objectUpload/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M18.6175 4.39957C19.1151 4.91934 19.1272 5.75418 18.6539 6.28932L18.6175 6.32888L8.83282 16.5491C8.64102 16.7495 8.40546 16.8772 8.15784 16.9319C7.73208 17.0804 7.24386 16.9867 6.89303 16.6439L6.8778 16.6287L1.38254 10.8891C0.872486 10.3563 0.872486 9.49253 1.38254 8.95976C1.88016 8.43999 2.67941 8.42732 3.19174 8.92173L3.22962 8.95976L7.81726 13.7513L16.7704 4.39957C17.2804 3.86681 18.1074 3.86681 18.6175 4.39957Z" fill="#00AC26"/>
-</svg>
diff --git a/web/satellite/static/images/modals/objectUpload/close.svg b/web/satellite/static/images/modals/objectUpload/close.svg
deleted file mode 100644
index 2b9128378806..000000000000
--- a/web/satellite/static/images/modals/objectUpload/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.7143 1.28565C19.0952 1.66652 19.0952 2.28403 18.7143 2.6649L11.3791 9.99987L18.6517 17.2724C19.0325 17.6533 19.0325 18.2708 18.6517 18.6517C18.2708 19.0325 17.6533 19.0325 17.2724 18.6517L9.99987 11.3791L2.6649 18.7143C2.28403 19.0952 1.66652 19.0952 1.28565 18.7143C0.904783 18.3335 0.904783 17.716 1.28565 17.3351L8.62075 9.99975L1.34835 2.72759C0.967476 2.34673 0.967476 1.72921 1.34835 1.34835C1.72921 0.967476 2.34673 0.967476 2.72759 1.34835L10 8.6205L17.3351 1.28565C17.716 0.904783 18.3335 0.904783 18.7143 1.28565Z" fill="#929FB1"/>
-</svg>
diff --git a/web/satellite/static/images/modals/objectUpload/complete.svg b/web/satellite/static/images/modals/objectUpload/complete.svg
deleted file mode 100644
index 7d45c15568c9..000000000000
--- a/web/satellite/static/images/modals/objectUpload/complete.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="24" height="24" rx="12" fill="#00AC26"/>
-    <path d="M17.1705 8.64013C17.469 8.952 17.4763 9.4529 17.1923 9.77398L17.1705 9.79772L11.2997 15.9299C11.1846 16.0501 11.0432 16.1267 10.8947 16.1595C10.6392 16.2487 10.3463 16.1924 10.1358 15.9867L10.1267 15.9776L6.8295 12.5338C6.52347 12.2142 6.52347 11.6959 6.8295 11.3762C7.12807 11.0644 7.60762 11.0568 7.91502 11.3534L7.93775 11.3762L10.6903 14.2512L16.0622 8.64013C16.3682 8.32048 16.8644 8.32048 17.1705 8.64013Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/modals/objectUpload/failed.svg b/web/satellite/static/images/modals/objectUpload/failed.svg
deleted file mode 100644
index d3a07d7d6810..000000000000
--- a/web/satellite/static/images/modals/objectUpload/failed.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <path d="m16 8a8 8 0 0 1-8 8 8 8 0 0 1-8-8 8 8 0 0 1 8-8 8 8 0 0 1 8 8z" fill="#ba0000"/>
-    <path d="m8.002 2.9961a1 1 0 0 0-1.0039 1.0059v4a1 1 0 0 0 1.0039 0.99609 1 1 0 0 0 0.99609-0.99609v-4a1 1 0 0 0-0.99609-1.0059zm-0.0019532 8.0039a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/modals/objectUpload/info.svg b/web/satellite/static/images/modals/objectUpload/info.svg
deleted file mode 100644
index 4cfecce8f25d..000000000000
--- a/web/satellite/static/images/modals/objectUpload/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20ZM10 18.1667C14.5103 18.1667 18.1667 14.5103 18.1667 10C18.1667 5.48967 14.5103 1.83333 10 1.83333C5.48967 1.83333 1.83333 5.48967 1.83333 10C1.83333 14.5103 5.48967 18.1667 10 18.1667ZM9.16667 13.4162V10.4767C9.16667 9.97041 9.57707 9.56 10.0833 9.56C10.5772 9.56 10.9799 9.95063 10.9993 10.4398L11 10.4767V13.3552C11 13.8666 10.5945 14.2858 10.0833 14.3028C9.59364 14.3191 9.18345 13.9354 9.16716 13.4457C9.16683 13.4358 9.16667 13.426 9.16667 13.4162ZM9.16667 6.58283V6.47667C9.16667 5.97041 9.57707 5.56 10.0833 5.56C10.5772 5.56 10.9799 5.95063 10.9993 6.4398L11 6.47667V6.52183C11 7.03323 10.5945 7.45249 10.0833 7.4695C9.59364 7.48579 9.18345 7.10202 9.16716 6.61233C9.16683 6.6025 9.16667 6.59266 9.16667 6.58283Z" fill="#091C45"/>
-</svg>
diff --git a/web/satellite/static/images/modals/upgradeFlow/check.svg b/web/satellite/static/images/modals/upgradeFlow/check.svg
deleted file mode 100644
index 38ca03bfd6e8..000000000000
--- a/web/satellite/static/images/modals/upgradeFlow/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M28.1134 7.85248C28.8171 8.55617 28.8343 9.68641 28.1649 10.4109L28.1134 10.4645L14.2767 24.3011C14.0055 24.5724 13.6724 24.7453 13.3222 24.8193C12.7202 25.0204 12.0298 24.8935 11.5337 24.4294L11.5121 24.4089L3.74116 16.6383C3.01987 15.917 3.01987 14.7476 3.74116 14.0263C4.44485 13.3226 5.57509 13.3054 6.29958 13.9748L6.35315 14.0263L12.8406 20.5133L25.5014 7.85248C26.2227 7.1312 27.3921 7.1312 28.1134 7.85248Z" fill="#00AC26"/>
-</svg>
diff --git a/web/satellite/static/images/modals/upgradeFlow/greenCheckmark.svg b/web/satellite/static/images/modals/upgradeFlow/greenCheckmark.svg
deleted file mode 100644
index e7e0dda0d401..000000000000
--- a/web/satellite/static/images/modals/upgradeFlow/greenCheckmark.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="16" height="16" rx="8" fill="#00AC26"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8271 5.30044C12.1397 5.6127 12.14 6.11923 11.8277 6.43181L7.02717 11.2371C6.87717 11.3873 6.67365 11.4717 6.4614 11.4717C6.24916 11.4718 6.0456 11.3875 5.89552 11.2374L3.70111 9.04302C3.38869 8.7306 3.38869 8.22407 3.70111 7.91165C4.01353 7.59923 4.52006 7.59923 4.83248 7.91165L6.46092 9.54009L10.6958 5.301C11.008 4.98843 11.5146 4.98817 11.8271 5.30044Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/modals/upgradeFlow/greyCheckmark.svg b/web/satellite/static/images/modals/upgradeFlow/greyCheckmark.svg
deleted file mode 100644
index cd41f9a2af07..000000000000
--- a/web/satellite/static/images/modals/upgradeFlow/greyCheckmark.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="16" height="16" rx="8" fill="#929FB1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8271 5.30044C12.1397 5.6127 12.14 6.11923 11.8277 6.43181L7.02717 11.2371C6.87717 11.3873 6.67365 11.4717 6.4614 11.4717C6.24916 11.4718 6.0456 11.3875 5.89552 11.2374L3.70111 9.04302C3.38869 8.7306 3.38869 8.22407 3.70111 7.91165C4.01353 7.59923 4.52006 7.59923 4.83248 7.91165L6.46092 9.54009L10.6958 5.301C11.008 4.98843 11.5146 4.98817 11.8271 5.30044Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/modals/upgradeFlow/info.svg b/web/satellite/static/images/modals/upgradeFlow/info.svg
deleted file mode 100644
index 6bfbd671578e..000000000000
--- a/web/satellite/static/images/modals/upgradeFlow/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.0002 13.3002C3.5208 13.3002 0.700195 10.4796 0.700195 7.0002C0.700195 3.5208 3.5208 0.700195 7.0002 0.700195C10.4796 0.700195 13.3002 3.5208 13.3002 7.0002C13.3002 10.4796 10.4796 13.3002 7.0002 13.3002ZM7.0002 12.1452C9.8417 12.1452 12.1452 9.8417 12.1452 7.0002C12.1452 4.15869 9.8417 1.8552 7.0002 1.8552C4.15869 1.8552 1.8552 4.15869 1.8552 7.0002C1.8552 9.8417 4.15869 12.1452 7.0002 12.1452ZM6.4752 9.15238V7.3005C6.4752 6.98155 6.73375 6.723 7.0527 6.723C7.36386 6.723 7.61755 6.96909 7.62974 7.27727L7.6302 7.3005V9.11395C7.6302 9.43613 7.3747 9.70027 7.0527 9.71098C6.74419 9.72125 6.48577 9.47947 6.4755 9.17096C6.4753 9.16477 6.4752 9.15857 6.4752 9.15238ZM6.4752 4.84738V4.7805C6.4752 4.46155 6.73375 4.203 7.0527 4.203C7.36386 4.203 7.61755 4.44909 7.62974 4.75727L7.6302 4.7805V4.80895C7.6302 5.13113 7.3747 5.39527 7.0527 5.40598C6.74419 5.41625 6.48577 5.17447 6.4755 4.86596C6.4753 4.85977 6.4752 4.85357 6.4752 4.84738Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/modals/upgradeFlow/pending.svg b/web/satellite/static/images/modals/upgradeFlow/pending.svg
deleted file mode 100644
index 09f9e2d184d6..000000000000
--- a/web/satellite/static/images/modals/upgradeFlow/pending.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.0055 23.2474C16.7111 23.2474 17.2864 23.8055 17.3141 24.5044L17.3151 24.557V30.0021C17.3151 30.7254 16.7288 31.3117 16.0055 31.3117C15.2999 31.3117 14.7246 30.7536 14.6969 30.0548L14.6959 30.0021V24.557C14.6959 23.8338 15.2822 23.2474 16.0055 23.2474ZM22.3687 21.4247L22.412 21.4661L26.1877 25.2418C26.6991 25.7532 26.6991 26.5824 26.1877 27.0938C25.6904 27.591 24.8929 27.6048 24.3789 27.1352L24.3356 27.0938L20.56 23.3182C20.0486 22.8068 20.0486 21.9776 20.56 21.4661C21.0426 20.9835 21.8081 20.9563 22.3226 21.3845L22.3687 21.4247ZM11.5272 21.329C12.0231 21.8275 12.0348 22.6251 11.5638 23.1378L11.5223 23.181L7.627 27.0486C7.11422 27.5587 6.28503 27.5565 5.77495 27.0437C5.27904 26.5452 5.26734 25.7476 5.7383 25.2349L5.77985 25.1917L9.67511 21.3241C10.1879 20.814 11.0171 20.8162 11.5272 21.329ZM8.36483 15.602C9.08811 15.602 9.67444 16.1884 9.67444 16.9116C9.67444 17.6173 9.11636 18.1926 8.41751 18.2202L8.36483 18.2212H2.90921C2.18594 18.2212 1.59961 17.6349 1.59961 16.9116C1.59961 16.206 2.15769 15.6307 2.85654 15.6031L2.90921 15.602H8.36483ZM29.0962 15.602C29.8195 15.602 30.4058 16.1884 30.4058 16.9116C30.4058 17.6173 29.8478 18.1926 29.1489 18.2202L29.0962 18.2212H23.8611C23.1378 18.2212 22.5515 17.6349 22.5515 16.9116C22.5515 16.206 23.1096 15.6307 23.8085 15.6031L23.8611 15.602H29.0962ZM7.62368 6.67968L7.66703 6.72112L11.4556 10.5097C11.967 11.0211 11.967 11.8503 11.4556 12.3617C10.9583 12.8589 10.1608 12.8727 9.64684 12.4031L9.6035 12.3617L5.81497 8.57317C5.30354 8.06174 5.30354 7.23255 5.81497 6.72112C6.29757 6.23852 7.06312 6.21131 7.57762 6.6395L7.62368 6.67968ZM26.1927 6.73366C26.6886 7.2322 26.7003 8.02981 26.2294 8.54248L26.1878 8.58571L22.5032 12.2438C21.9904 12.7539 21.1612 12.7517 20.6512 12.2389C20.1552 11.7404 20.1435 10.9428 20.6145 10.4301L20.656 10.3869L24.3407 6.72877C24.8535 6.21869 25.6827 6.22088 26.1927 6.73366ZM16.0055 2.51172C16.7111 2.51172 17.2864 3.06979 17.3141 3.76865L17.3151 3.82132V9.05911C17.3151 9.78238 16.7288 10.3687 16.0055 10.3687C15.2999 10.3687 14.7246 9.81063 14.6969 9.11178L14.6959 9.05911V3.82132C14.6959 3.09805 15.2822 2.51172 16.0055 2.51172Z" fill="#FF8A00"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/accessGrants.svg b/web/satellite/static/images/navigation/accessGrants.svg
deleted file mode 100644
index 63b88cf817f2..000000000000
--- a/web/satellite/static/images/navigation/accessGrants.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4.83996 16.8885L1.47457 17.0988C1.17645 17.1175 0.919679 16.8909 0.901047 16.5928C0.899643 16.5703 0.899643 16.5478 0.901047 16.5253L1.11138 13.1599C1.1196 13.0284 1.17556 12.9044 1.26873 12.8112L5.58936 8.4905L5.57305 8.43607C4.99009 6.44536 5.49354 4.26189 6.96125 2.7231L7.00946 2.67316L7.05942 2.62259C9.35634 0.325673 13.0804 0.325673 15.3773 2.62259C17.6742 4.9195 17.6742 8.64354 15.3773 10.9405C13.8504 12.4673 11.6456 13.011 9.62866 12.4454L9.56366 12.4268L9.50927 12.4106L5.18865 16.7311C5.09547 16.8243 4.97148 16.8803 4.83996 16.8885ZM2.45238 15.5476L4.39006 15.4264L9.13381 10.6826L9.58871 10.8639C11.2074 11.509 13.0721 11.1423 14.3256 9.88877C16.0417 8.17269 16.0417 5.39036 14.3256 3.67427C12.6095 1.95819 9.82719 1.95819 8.11111 3.67427C6.87187 4.91351 6.49933 6.75008 7.11433 8.35578L7.13593 8.41105L7.3172 8.86593L2.57351 13.6099L2.45238 15.5476ZM10.7859 7.21399C11.3667 7.79482 12.3084 7.79482 12.8893 7.21399C13.4701 6.63316 13.4701 5.69145 12.8893 5.11062C12.3084 4.52979 11.3667 4.52979 10.7859 5.11062C10.2051 5.69145 10.2051 6.63316 10.7859 7.21399Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/account.svg b/web/satellite/static/images/navigation/account.svg
deleted file mode 100644
index 6f05fbde1377..000000000000
--- a/web/satellite/static/images/navigation/account.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.06951 1.3501C11.7078 1.3501 13.8466 3.48887 13.8466 6.12719C13.8466 7.71029 13.0765 9.11354 11.8905 9.98277C14.2698 10.8566 16.1437 12.779 16.9536 15.1907C16.9786 15.2652 17.0026 15.3401 17.0256 15.4155L17.0593 15.529C17.2169 16.0739 16.9029 16.6435 16.3579 16.8011C16.2651 16.8279 16.1691 16.8415 16.0725 16.8415H1.91866C1.35607 16.8415 0.899994 16.3854 0.899994 15.8228C0.899994 15.7435 0.909264 15.6645 0.927579 15.5874L0.939652 15.5414C0.972763 15.4262 1.00827 15.312 1.04612 15.199C1.86492 12.7524 3.77827 10.8083 6.20389 9.94947C5.04325 9.07822 4.29242 7.69039 4.29242 6.12719C4.29242 3.48887 6.43119 1.3501 9.06951 1.3501ZM9.00126 10.9725C6.16795 10.9725 3.66508 12.7019 2.62223 15.2641L2.59178 15.3401H15.4107L15.4102 15.3389C14.3965 12.7625 11.9143 11.0093 9.09055 10.9731L9.00126 10.9725ZM9.06951 2.85147C7.26038 2.85147 5.79379 4.31806 5.79379 6.12719C5.79379 7.93631 7.26038 9.4029 9.06951 9.4029C10.8786 9.4029 12.3452 7.93631 12.3452 6.12719C12.3452 4.31806 10.8786 2.85147 9.06951 2.85147Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/arrowExpandRight.svg b/web/satellite/static/images/navigation/arrowExpandRight.svg
deleted file mode 100644
index bf768de7f7f7..000000000000
--- a/web/satellite/static/images/navigation/arrowExpandRight.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.26677 4.73323C7.4105 4.87697 7.41401 5.10784 7.27728 5.25582L7.26677 5.26677L3.14403 9.3895C2.9967 9.53683 2.75783 9.53683 2.6105 9.3895C2.46676 9.24576 2.46326 9.0149 2.59998 8.86691L2.6105 8.85597L6.46651 5.00004L2.6105 1.14403C2.46676 1.00029 2.46326 0.769426 2.59998 0.621439L2.6105 0.610498C2.75423 0.466761 2.9851 0.463255 3.13309 0.59998L3.14403 0.610498L7.26677 4.73323Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/billing.svg b/web/satellite/static/images/navigation/billing.svg
deleted file mode 100644
index edb589fde4a0..000000000000
--- a/web/satellite/static/images/navigation/billing.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14.6972 2.7002L14.8103 2.70076C15.5609 2.70845 15.8499 2.79479 16.1411 2.95055C16.4466 3.11391 16.6863 3.35363 16.8496 3.65909L16.8719 3.70174C17.0209 3.99388 17.1 4.30638 17.1 5.10304V12.213C17.1 13.0486 17.013 13.3516 16.8496 13.657C16.6863 13.9625 16.4466 14.2022 16.1411 14.3655L16.0985 14.3878C15.8063 14.5368 15.4938 14.6159 14.6972 14.6159H3.30285L3.18967 14.6153C2.43914 14.6076 2.15014 14.5213 1.85889 14.3655C1.55344 14.2022 1.31371 13.9625 1.15036 13.657L1.12806 13.6143C0.979092 13.3222 0.900002 13.0097 0.900002 12.213V5.10304L0.900565 4.98986C0.908259 4.23933 0.994595 3.95033 1.15036 3.65909C1.31371 3.35363 1.55344 3.11391 1.85889 2.95055L1.90155 2.92825C2.19368 2.77929 2.50619 2.7002 3.30285 2.7002H14.6972ZM15.6273 8.72499H2.37286L2.37292 12.299C2.3751 12.7642 2.39619 12.8637 2.44903 12.9625C2.47513 13.0113 2.50462 13.0408 2.55343 13.0669L2.57985 13.0801C2.66665 13.1205 2.77737 13.1386 3.13852 13.1424L3.30285 13.1432L14.7831 13.143C15.2483 13.1408 15.3478 13.1197 15.4466 13.0669C15.4954 13.0408 15.5249 13.0113 15.551 12.9625L15.5642 12.9361C15.6102 12.8373 15.6273 12.7075 15.6273 12.213V8.72499ZM3.25889 4.17297C2.75756 4.17408 2.65514 4.19482 2.55343 4.24922C2.50462 4.27532 2.47513 4.30482 2.44903 4.35362L2.43577 4.38004C2.3954 4.46684 2.3773 4.57756 2.3735 4.93871L2.37273 5.10304V6.31507H15.6273V5.05909C15.6261 4.55776 15.6054 4.45533 15.551 4.35362C15.5249 4.30482 15.4954 4.27532 15.4466 4.24922L15.4202 4.23597C15.3274 4.19281 15.2072 4.1751 14.7831 4.17311L3.25889 4.17297Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/buckets.svg b/web/satellite/static/images/navigation/buckets.svg
deleted file mode 100644
index 2fb409ec9f99..000000000000
--- a/web/satellite/static/images/navigation/buckets.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.3549 7.54666C17.762 8.95376 17.7748 11.227 16.3778 12.624C15.8117 13.1901 15.1018 13.5247 14.3639 13.6289L14.1106 15.0638C14.092 16.1897 11.7878 17.1 8.94808 17.1C6.12541 17.1 3.83185 16.2006 3.78626 15.0841L3.78583 15.0638L1.84465 4.06597C1.8228 3.98819 1.80882 3.90946 1.80303 3.82992L1.79999 3.81221L1.80189 3.81231C1.80062 3.79028 1.79999 3.76818 1.79999 3.74602C1.79999 2.17422 5.0003 0.900024 8.94808 0.900024C12.8959 0.900024 16.0962 2.17422 16.0962 3.74602C16.0962 3.76818 16.0955 3.79028 16.0943 3.81231L16.0962 3.81221L16.093 3.83111C16.0872 3.90975 16.0734 3.98759 16.0519 4.06451L15.5749 6.76662L16.3549 7.54666ZM14.2961 5.63437C12.9867 6.22183 11.076 6.59202 8.94808 6.59202C6.82026 6.59202 4.90959 6.22185 3.60014 5.63443L5.00723 13.6077L5.23729 14.8286L5.25861 14.8452C5.37892 14.9354 5.56514 15.0371 5.80696 15.1351L5.85606 15.1546C6.63551 15.4594 7.74619 15.6439 8.94808 15.6439C10.1569 15.6439 11.2733 15.4573 12.0527 15.1497C12.3337 15.0388 12.5431 14.9223 12.6661 14.8231L12.6761 14.8148L12.9019 13.5348C12.3338 13.3787 11.7955 13.0812 11.3429 12.6429L11.3004 12.6011L8.37488 9.67559C8.09056 9.39127 8.09056 8.93029 8.37488 8.64597C8.65226 8.36859 9.09779 8.36182 9.38338 8.62568L9.40449 8.64597L12.33 11.5715C12.5717 11.8132 12.8555 11.9861 13.1569 12.0901L14.2961 5.63437ZM15.2661 8.51698L14.6408 12.0597C14.8989 11.9575 15.1402 11.8024 15.3482 11.5944C16.1641 10.7784 16.1664 9.44942 15.3549 8.60652L15.3253 8.57627L15.2661 8.51698ZM8.94808 2.35612C7.20125 2.35612 5.58125 2.62893 4.43223 3.08641C3.93851 3.28298 3.57117 3.49947 3.35976 3.69848C3.34629 3.71116 3.33399 3.72325 3.32283 3.73469L3.31221 3.74589L3.33142 3.76606L3.35976 3.79357C3.57117 3.99258 3.93851 4.20906 4.43223 4.40564C5.58125 4.86312 7.20125 5.13593 8.94808 5.13593C10.6949 5.13593 12.3149 4.86312 13.4639 4.40564C13.9576 4.20906 14.325 3.99258 14.5364 3.79357C14.5499 3.78089 14.5622 3.7688 14.5733 3.75735L14.5841 3.74589L14.5647 3.72599L14.5364 3.69848C14.325 3.49947 13.9576 3.28298 13.4639 3.08641C12.3149 2.62893 10.6949 2.35612 8.94808 2.35612Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/checkmark.svg b/web/satellite/static/images/navigation/checkmark.svg
deleted file mode 100644
index 35c074333cda..000000000000
--- a/web/satellite/static/images/navigation/checkmark.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14.0562 3.47043C14.4081 3.82228 14.4166 4.3874 14.082 4.74964L14.0562 4.77643L7.13789 11.6948C7.00227 11.8304 6.83571 11.9169 6.66064 11.9538C6.35959 12.0544 6.01439 11.9909 5.76634 11.7589L5.75557 11.7486L1.87009 7.86332C1.50945 7.50268 1.50945 6.91797 1.87009 6.55733C2.22193 6.20548 2.78706 6.1969 3.1493 6.53158L3.17608 6.55733L6.41982 9.80083L12.7502 3.47043C13.1109 3.10979 13.6956 3.10979 14.0562 3.47043Z" fill="#00F08B"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/createAccessGrant.svg b/web/satellite/static/images/navigation/createAccessGrant.svg
deleted file mode 100644
index 1ad8c10036f3..000000000000
--- a/web/satellite/static/images/navigation/createAccessGrant.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
-    <ellipse cx="20.2297" cy="20.2083" rx="12.7703" ry="13.125" fill="#0149FF"/>
-    <ellipse cx="10.7432" cy="31.125" rx="4.74324" ry="4.875" fill="#FFC600"/>
-    <ellipse cx="30.8513" cy="7.20833" rx="2.14865" ry="2.20833" fill="#00E075"/>
-    <path d="M16.2603 16.8333C17.5392 16.8333 18.6523 17.5667 19.2227 18.6448H26.0447L27.6486 20.1269L25.4031 21.9384L24.4407 20.9503L23.4783 21.9384L22.5159 20.9503L21.5535 21.9384H19.2227C18.6523 23.0165 17.5392 23.7499 16.2603 23.7499C14.4 23.7499 12.8919 22.2016 12.8919 20.2916C12.8919 18.3816 14.4 16.8333 16.2603 16.8333ZM15.1375 19.3035C14.606 19.3035 14.1751 19.7459 14.1751 20.2916C14.1751 20.8373 14.606 21.2797 15.1375 21.2797C15.669 21.2797 16.0999 20.8373 16.0999 20.2916C16.0999 19.7459 15.669 19.3035 15.1375 19.3035Z" fill="#F3F5F8"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/createProject.svg b/web/satellite/static/images/navigation/createProject.svg
deleted file mode 100644
index a776bf52746d..000000000000
--- a/web/satellite/static/images/navigation/createProject.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.9998 0.800049C11.9763 0.800049 15.1998 4.0236 15.1998 8.00005C15.1998 11.9765 11.9763 15.2 7.9998 15.2C4.02335 15.2 0.799805 11.9765 0.799805 8.00005C0.799805 4.0236 4.02335 0.800049 7.9998 0.800049ZM7.9998 2.12005C4.75237 2.12005 2.1198 4.75261 2.1198 8.00005C2.1198 11.2475 4.75237 13.88 7.9998 13.88C11.2472 13.88 13.8798 11.2475 13.8798 8.00005C13.8798 4.75261 11.2472 2.12005 7.9998 2.12005ZM8.59945 5.51917L8.59972 5.52979L8.59968 7.37845H10.3939C10.7621 7.37845 11.064 7.67044 11.0762 8.03845C11.088 8.39103 10.8117 8.68636 10.4591 8.6981L10.4485 8.69836L8.59968 8.69845L8.5998 10.5368C8.5998 10.9014 8.30431 11.1968 7.9398 11.1968C7.58419 11.1968 7.29426 10.9156 7.28033 10.5634L7.2798 10.5368L7.27968 8.69845H5.4414C5.0769 8.69845 4.7814 8.40296 4.7814 8.03845C4.7814 7.68283 5.06266 7.3929 5.41486 7.37897L5.4414 7.37845H7.27968L7.2798 5.58433C7.2798 5.21613 7.5718 4.91425 7.9398 4.90201C8.29239 4.89028 8.58772 5.16659 8.59945 5.51917Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/docs.svg b/web/satellite/static/images/navigation/docs.svg
deleted file mode 100644
index fb9e7368db9e..000000000000
--- a/web/satellite/static/images/navigation/docs.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
-    <rect x="4" y="8" width="31.6484" height="24" rx="4" fill="white"/>
-    <rect x="4" y="8" width="31.6484" height="24" rx="4" fill="white"/>
-    <path d="M20 8H32C34.2091 8 36 9.79086 36 12V28C36 30.2091 34.2091 32 32 32H20V8Z" fill="white"/>
-    <path d="M20 8H32C34.2091 8 36 9.79086 36 12V28C36 30.2091 34.2091 32 32 32H20V8Z" fill="#376FFF"/>
-    <rect x="22.7255" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7255" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7255" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7255" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7251" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7251" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7255" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="22.7255" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="7.25098" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="7.25098" y="21.2954" width="10.084" height="1.55139" rx="0.775695" fill="#376FFF"/>
-    <rect x="7.25098" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="7.25098" y="17.4165" width="8.53264" height="1.55139" rx="0.775695" fill="#376FFF"/>
-    <rect x="7.25134" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="7.25134" y="13.5378" width="4.65417" height="1.55139" rx="0.775695" fill="#376FFF"/>
-    <rect x="7.25098" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="white"/>
-    <rect x="7.25098" y="25.1733" width="8.53264" height="1.55139" rx="0.775695" fill="#376FFF"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/forum.svg b/web/satellite/static/images/navigation/forum.svg
deleted file mode 100644
index fc8750381433..000000000000
--- a/web/satellite/static/images/navigation/forum.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613722 33.2353 1.76616C35.3902 2.91861 37.0814 4.60977 38.2338 6.76465L38.3214 6.93055C39.4029 9.0067 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0804 38.2338 33.2353C37.0814 35.3902 35.3902 37.0813 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9845 23.5577 39.9999H16.6537C11.1165 39.9999 8.91954 39.3862 6.76466 38.2338C4.60977 37.0813 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9932 0.0154219 28.8 0 23.5576V16.6536C0 11.1165 0.613723 8.91953 1.76617 6.76465C2.91861 4.60977 4.60977 2.91861 6.76466 1.76616L6.93055 1.67858C9.00672 0.597073 11.2 0.0154218 16.4423 0Z" fill="#EBEEF1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M31.2127 30.6406C33.8623 30.6406 36.3479 31.3403 38.4932 32.5643C38.3861 32.791 38.2731 33.0134 38.1544 33.2354C37.0019 35.3903 35.3108 37.0815 33.1559 38.2339L32.99 38.3215C30.9233 39.3981 28.7406 39.9794 23.5499 39.9999L17.5207 40C19.6372 34.5254 24.9694 30.6406 31.2127 30.6406Z" fill="#00E366"/>
-    <path d="M31.2396 28.0745C34.4481 28.0745 37.0491 25.4844 37.0491 22.2893C37.0491 19.0943 34.4481 16.5042 31.2396 16.5042C28.0312 16.5042 25.4302 19.0943 25.4302 22.2893C25.4302 25.4844 28.0312 28.0745 31.2396 28.0745Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.65385 30.6406C14.8972 30.6406 20.2293 34.5254 22.3458 40L16.5742 40C11.037 40 8.84006 39.3863 6.68518 38.2339C4.5303 37.0814 2.83913 35.3903 1.68669 33.2354L1.5991 33.0695C1.51406 32.9062 1.4321 32.7422 1.35327 32.5761C3.50303 31.3447 5.99587 30.6406 8.65385 30.6406Z" fill="#0149FF"/>
-    <path d="M8.68086 28.0745C11.8893 28.0745 14.4903 25.4844 14.4903 22.2893C14.4903 19.0943 11.8893 16.5042 8.68086 16.5042C5.47242 16.5042 2.87146 19.0943 2.87146 22.2893C2.87146 25.4844 5.47242 28.0745 8.68086 28.0745Z" fill="#FF458B"/>
-    <path d="M20.0174 28.0745C23.9523 28.0745 27.1422 24.8979 27.1422 20.9794C27.1422 17.0609 23.9523 13.8843 20.0174 13.8843C16.0825 13.8843 12.8926 17.0609 12.8926 20.9794C12.8926 24.8979 16.0825 28.0745 20.0174 28.0745Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.973 30.6406C25.5735 30.6406 30.4409 33.7667 32.9115 38.3622L32.9899 38.3215C30.9233 39.398 28.7406 39.9793 23.5499 39.9998L16.5742 40C11.3164 40 9.07029 39.4467 7.01215 38.4042C9.47535 33.7858 14.3553 30.6406 19.973 30.6406Z" fill="#FFC600"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/info.svg b/web/satellite/static/images/navigation/info.svg
deleted file mode 100644
index e360c70decd0..000000000000
--- a/web/satellite/static/images/navigation/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00005 15.2C4.0236 15.2 0.800049 11.9765 0.800049 8.00005C0.800049 4.0236 4.0236 0.800049 8.00005 0.800049C11.9765 0.800049 15.2 4.0236 15.2 8.00005C15.2 11.9765 11.9765 15.2 8.00005 15.2ZM8.00005 13.88C11.2475 13.88 13.88 11.2475 13.88 8.00005C13.88 4.75261 11.2475 2.12005 8.00005 2.12005C4.75261 2.12005 2.12005 4.75261 2.12005 8.00005C2.12005 11.2475 4.75261 13.88 8.00005 13.88ZM7.40005 10.4597V8.34325C7.40005 7.97874 7.69554 7.68325 8.06005 7.68325C8.41567 7.68325 8.70559 7.9645 8.71952 8.3167L8.72005 8.34325V10.4158C8.72005 10.784 8.42805 11.0858 8.06005 11.0981C7.70747 11.1098 7.41213 10.8335 7.4004 10.4809C7.40017 10.4738 7.40005 10.4668 7.40005 10.4597ZM7.40005 5.53968V5.46325C7.40005 5.09874 7.69554 4.80325 8.06005 4.80325C8.41567 4.80325 8.70559 5.0845 8.71952 5.4367L8.72005 5.46325V5.49576C8.72005 5.86397 8.42805 6.16584 8.06005 6.17809C7.70747 6.18982 7.41213 5.91351 7.4004 5.56092C7.40017 5.55385 7.40005 5.54677 7.40005 5.53968Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/logout.svg b/web/satellite/static/images/navigation/logout.svg
deleted file mode 100644
index 44571961fad1..000000000000
--- a/web/satellite/static/images/navigation/logout.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.88329 0.800049L7.08379 0.800546C8.75276 0.811034 9.61637 0.988623 10.4946 1.45413C10.9182 1.67863 11.2973 1.95873 11.6262 2.29049C11.8786 2.54511 11.8768 2.95615 11.6222 3.20856C11.3676 3.46098 10.9565 3.45919 10.7041 3.20457C10.4683 2.96663 10.1952 2.76487 9.88659 2.60131C9.20212 2.23852 8.52434 2.10267 6.99581 2.09851L6.88518 2.09841L6.7402 2.09925C5.3636 2.11139 4.70114 2.24047 4.07314 2.55766L3.98891 2.60131C3.38994 2.91878 2.92411 3.38046 2.60424 3.97322L2.56964 4.03867C2.23068 4.69345 2.10262 5.36725 2.09851 6.83018L2.09841 9.1634L2.09999 9.37668C2.11572 10.6684 2.2422 11.3111 2.54394 11.9114L2.57694 11.9756L2.60424 12.0269C2.92411 12.6196 3.38994 13.0813 3.98891 13.3988C4.67339 13.7616 5.35117 13.8974 6.87969 13.9016L6.99033 13.9017L7.13531 13.9008C8.5119 13.8887 9.17437 13.7596 9.80237 13.4424L9.88659 13.3988C10.1517 13.2583 10.3906 13.0896 10.6021 12.894C10.8654 12.6507 11.2761 12.6668 11.5195 12.9301C11.7629 13.1934 11.7467 13.6041 11.4834 13.8475C11.2099 14.1003 10.9051 14.3198 10.5696 14.5054L10.4916 14.5476L10.4336 14.5779C9.60651 15.0049 8.76913 15.1782 7.23219 15.1982L6.99222 15.2L6.79172 15.1996C5.12275 15.1891 4.25914 15.0115 3.38087 14.546C2.57722 14.12 1.93794 13.4962 1.49542 12.7049L1.45998 12.6404L1.42935 12.5829L1.38631 12.4992C0.978761 11.6901 0.815816 10.8483 0.801052 9.32533L0.800049 9.16533V6.90399L0.800568 6.74133C0.811343 5.08653 0.991093 4.22861 1.46163 3.35664C1.89188 2.55933 2.52133 1.92573 3.31889 1.48761L3.38393 1.45252L3.44192 1.42219C4.31105 0.973485 5.19156 0.804978 6.88329 0.800049ZM12.5262 5.04422L12.545 5.06232L15.0489 7.56617C15.2962 7.81351 15.3023 8.21078 15.067 8.46543L15.0489 8.48425L12.545 10.9881C12.2915 11.2416 11.8805 11.2416 11.627 10.9881C11.3796 10.7408 11.3736 10.3435 11.6089 10.0889L11.627 10.07L13.0443 8.6527H5.70976C5.35123 8.6527 5.06058 8.36206 5.06058 8.00352C5.06058 7.65374 5.33723 7.36856 5.68365 7.35486L5.70976 7.35434H13.0011L11.627 5.9804C11.3796 5.73306 11.3736 5.3358 11.6089 5.08115L11.627 5.06232C11.8743 4.81498 12.2716 4.80895 12.5262 5.04422Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/menu.svg b/web/satellite/static/images/navigation/menu.svg
deleted file mode 100644
index 80525f7c78db..000000000000
--- a/web/satellite/static/images/navigation/menu.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="#000000" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="16px" height="16px"><path d="M 3 7 A 1.0001 1.0001 0 1 0 3 9 L 27 9 A 1.0001 1.0001 0 1 0 27 7 L 3 7 z M 3 14 A 1.0001 1.0001 0 1 0 3 16 L 27 16 A 1.0001 1.0001 0 1 0 27 14 L 3 14 z M 3 21 A 1.0001 1.0001 0 1 0 3 23 L 27 23 A 1.0001 1.0001 0 1 0 27 21 L 3 21 z"/></svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/navigation/newProject.svg b/web/satellite/static/images/navigation/newProject.svg
deleted file mode 100644
index e94f7e9ff782..000000000000
--- a/web/satellite/static/images/navigation/newProject.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
-    <circle cx="20.3618" cy="20.3618" r="7.36176" transform="rotate(-45 20.3618 20.3618)" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.5673 25.5673C28.4423 22.6924 28.4423 18.0312 25.5673 15.1562C22.6924 12.2813 18.0312 12.2813 15.1562 15.1562C12.2813 18.0312 12.2813 22.6924 15.1562 25.5673C18.0312 28.4423 22.6924 28.4423 25.5673 25.5673ZM20.3617 16.2081C20.7146 16.2081 21.0006 16.4942 21.0006 16.8471V19.7226H23.8761C24.229 19.7226 24.5151 20.0087 24.5151 20.3616C24.5151 20.7145 24.229 21.0006 23.8761 21.0006H21.0006V23.876C21.0006 24.2289 20.7146 24.515 20.3617 24.515C20.0087 24.515 19.7227 24.2289 19.7227 23.876V21.0006H16.8472C16.4943 21.0006 16.2082 20.7145 16.2082 20.3616C16.2082 20.0087 16.4943 19.7226 16.8472 19.7226H19.7227V16.8471C19.7227 16.4942 20.0087 16.2081 20.3617 16.2081Z" fill="#0149FF"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/passphrase.svg b/web/satellite/static/images/navigation/passphrase.svg
deleted file mode 100644
index e96bd99febe1..000000000000
--- a/web/satellite/static/images/navigation/passphrase.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.87383 0.799805C10.7959 0.799805 13.1702 3.14491 13.2174 6.05572L13.2181 6.14409L13.2182 7.28151C13.4792 7.46716 13.69 7.70744 13.8444 7.99622L13.8777 8.06035C14.0505 8.40357 14.1438 8.7761 14.1477 9.68768V12.2891C14.1477 13.3012 14.0423 13.6682 13.8444 14.0382C13.6465 14.4083 13.3562 14.6987 12.9861 14.8965L12.922 14.9299C12.5788 15.1026 12.2063 15.196 11.2947 15.1997L4.51068 15.1998C3.49856 15.1998 3.13155 15.0944 2.76153 14.8965C2.39152 14.6987 2.10113 14.4083 1.90324 14.0382L1.88038 13.9947C1.70092 13.6456 1.6039 13.2766 1.59998 12.3468V9.74536C1.59998 8.73325 1.70536 8.36623 1.90324 7.99622C2.05768 7.70744 2.26847 7.46716 2.52947 7.28151L2.52955 6.14409C2.52955 3.19252 4.92226 0.799805 7.87383 0.799805ZM11.237 8.14918L4.45839 8.14929L4.32492 8.15037C3.74681 8.15762 3.56759 8.19755 3.38146 8.29709C3.24053 8.37246 3.13778 8.47521 3.06241 8.61614L3.04151 8.65706C2.95717 8.83098 2.92147 9.02767 2.91544 9.5642L2.9145 9.7453L2.9146 12.3414L2.91568 12.4749C2.92294 13.053 2.96287 13.2322 3.06241 13.4183C3.13778 13.5593 3.24053 13.662 3.38146 13.7374L3.42238 13.7583C3.5963 13.8426 3.79298 13.8783 4.32956 13.8843L4.51068 13.8853L11.3305 13.885C11.9792 13.8817 12.1712 13.8416 12.3662 13.7374C12.5071 13.662 12.6099 13.5593 12.6853 13.4183L12.7062 13.3774C12.7905 13.2035 12.8262 13.0068 12.8322 12.4702L12.8332 12.2891L12.8329 9.65184C12.8296 9.00318 12.7895 8.81111 12.6853 8.61614C12.6099 8.47521 12.5071 8.37246 12.3662 8.29709L12.3253 8.2762C12.1514 8.19185 11.9547 8.15616 11.4181 8.15012L11.237 8.14918ZM7.99334 9.58321C8.58733 9.58321 9.06886 10.0647 9.06886 10.6587C9.06886 11.0052 8.90505 11.3134 8.65067 11.5101L8.6506 11.9135C8.6506 12.2765 8.35633 12.5708 7.99334 12.5708C7.63034 12.5708 7.33608 12.2765 7.33608 11.9135L7.33612 11.5101C7.08167 11.3134 6.91782 11.0052 6.91782 10.6587C6.91782 10.0647 7.39934 9.58321 7.99334 9.58321ZM7.87383 2.11433C5.67051 2.11433 3.88019 3.88261 3.84461 6.07746L3.84407 6.14409L3.84399 6.85556C4.0167 6.84273 4.21675 6.83574 4.453 6.83478L11.237 6.83466C11.4986 6.83466 11.7172 6.8417 11.9038 6.85556L11.9036 6.14409C11.9036 3.91852 10.0994 2.11433 7.87383 2.11433Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/project.svg b/web/satellite/static/images/navigation/project.svg
deleted file mode 100644
index 403e2cf0354c..000000000000
--- a/web/satellite/static/images/navigation/project.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.20081 0.977913L9.22929 0.993492L15.6735 4.71511C15.8889 4.83955 16.0046 5.05035 16.0206 5.26755L16.022 5.29272L16.0225 5.3208V12.6969C16.0225 12.9364 15.8998 13.1584 15.6989 13.2861L15.6723 13.3022L9.22806 17.007C9.02108 17.126 8.76841 17.1306 8.55793 17.0212L8.52949 17.0055L2.14783 13.3007C1.94158 13.181 1.81134 12.9647 1.80084 12.7279L1.80005 12.6969L1.80028 5.30767L1.80005 5.28634C1.80132 5.0558 1.91682 4.83175 2.12354 4.70042L2.14878 4.68511L8.53049 0.993731C8.72739 0.879842 8.96603 0.869627 9.17042 0.963112L9.20081 0.977913ZM14.626 6.52933L9.57824 9.4444V15.1948L14.626 12.2928V6.52933ZM3.19662 6.53517V12.2948L8.18177 15.1888V9.44237L3.19662 6.53517ZM8.88026 2.40454L3.86249 5.30691L8.88178 8.23404L13.928 5.31973L8.88026 2.40454Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/projectDashboard.svg b/web/satellite/static/images/navigation/projectDashboard.svg
deleted file mode 100644
index 72168098d8d4..000000000000
--- a/web/satellite/static/images/navigation/projectDashboard.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.00002 2.70001C13.4735 2.70001 17.1 6.29653 17.1 10.7331C17.1 12.3942 16.5916 13.9375 15.7208 15.2184H2.27928C1.4084 13.9375 0.900024 12.3942 0.900024 10.7331C0.900024 6.29653 4.52652 2.70001 9.00002 2.70001ZM9.00002 4.17274C5.33716 4.17274 2.37275 7.11265 2.37275 10.7331C2.37275 11.765 2.61299 12.7594 3.06487 13.6561L3.11099 13.7456H14.8891L14.8922 13.7399C15.3588 12.8463 15.6133 11.8526 15.6267 10.8193L15.6273 10.7331C15.6273 7.11265 12.6629 4.17274 9.00002 4.17274ZM11.7822 8.02529C12.0679 8.29859 12.0856 8.74677 11.8281 9.04152L11.8053 9.0664L9.53215 11.4429C9.25104 11.7368 8.78492 11.7471 8.49103 11.466C8.20531 11.1927 8.18758 10.7445 8.44515 10.4498L8.4679 10.4249L10.7411 8.04842C11.0222 7.75454 11.4883 7.74418 11.7822 8.02529Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/quickStart.svg b/web/satellite/static/images/navigation/quickStart.svg
deleted file mode 100644
index 0ce208c660dd..000000000000
--- a/web/satellite/static/images/navigation/quickStart.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.00333 12.5639C9.40025 12.5639 9.72385 12.8778 9.7394 13.2709L9.73998 13.3005V16.3634C9.73998 16.7702 9.41017 17.1 9.00333 17.1C8.60642 17.1 8.28282 16.7861 8.26727 16.393L8.26668 16.3634V13.3005C8.26668 12.8937 8.59649 12.5639 9.00333 12.5639ZM12.5826 11.5386L12.607 11.5619L14.7308 13.6857C15.0185 13.9733 15.0185 14.4398 14.7308 14.7275C14.4511 15.0071 14.0025 15.0149 13.7134 14.7508L13.689 14.7275L11.5652 12.6037C11.2776 12.316 11.2776 11.8496 11.5652 11.5619C11.8367 11.2904 12.2673 11.2751 12.5567 11.516L12.5826 11.5386ZM6.48427 11.4847C6.76322 11.7652 6.7698 12.2138 6.50489 12.5022L6.48152 12.5265L4.29043 14.702C4.00199 14.989 3.53557 14.9877 3.24865 14.6993C2.96971 14.4189 2.96312 13.9702 3.22804 13.6818L3.25141 13.6575L5.44249 11.482C5.73093 11.1951 6.19735 11.1963 6.48427 11.4847ZM4.70546 8.26333C5.1123 8.26333 5.44211 8.59314 5.44211 8.99998C5.44211 9.3969 5.1282 9.7205 4.73509 9.73605L4.70546 9.73663H1.63668C1.22983 9.73663 0.900024 9.40682 0.900024 8.99998C0.900024 8.60306 1.21394 8.27946 1.60705 8.26391L1.63668 8.26333H4.70546ZM16.3669 8.26333C16.7737 8.26333 17.1035 8.59314 17.1035 8.99998C17.1035 9.3969 16.7896 9.7205 16.3965 9.73605L16.3669 9.73663H13.4221C13.0153 9.73663 12.6855 9.40682 12.6855 8.99998C12.6855 8.60306 12.9994 8.27946 13.3925 8.26391L13.4221 8.26333H16.3669ZM4.28857 3.2445L4.31295 3.26781L6.444 5.39886C6.73168 5.68654 6.73168 6.15296 6.444 6.44064C6.16431 6.72033 5.71567 6.7281 5.42659 6.46395L5.40222 6.44064L3.27116 4.30959C2.98348 4.02191 2.98348 3.55549 3.27116 3.26781C3.54263 2.99635 3.97325 2.98105 4.26265 3.2219L4.28857 3.2445ZM14.7337 3.27487C15.0126 3.5553 15.0192 4.00395 14.7543 4.29233L14.7309 4.31665L12.6583 6.37432C12.3699 6.66124 11.9034 6.66001 11.6165 6.37157C11.3376 6.09114 11.331 5.64248 11.5959 5.35411L11.6193 5.32979L13.6919 3.27211C13.9803 2.9852 14.4467 2.98643 14.7337 3.27487ZM9.00333 0.900024C9.40025 0.900024 9.72385 1.21394 9.7394 1.60705L9.73998 1.63668V4.58293C9.73998 4.98977 9.41017 5.31958 9.00333 5.31958C8.60642 5.31958 8.28282 5.00566 8.26727 4.61256L8.26668 4.58293V1.63668C8.26668 1.22983 8.59649 0.900024 9.00333 0.900024Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/resources.svg b/web/satellite/static/images/navigation/resources.svg
deleted file mode 100644
index 36de1a10d7c8..000000000000
--- a/web/satellite/static/images/navigation/resources.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14.1281 3.60013C14.9369 3.60427 15.3608 3.6899 15.8016 3.92564C16.2192 4.14899 16.551 4.48078 16.7744 4.89841C17.0161 5.35051 17.1 5.78485 17.1 6.63492V11.9189C17.0957 12.7277 17.0101 13.1517 16.7744 13.5924C16.551 14.0101 16.2192 14.3419 15.8016 14.5652C15.3721 14.7949 14.9586 14.8821 14.1895 14.8902L14.0651 14.8909H3.93496C3.0849 14.8909 2.65056 14.807 2.19846 14.5652C1.78083 14.3419 1.44904 14.0101 1.22568 13.5924C0.995989 13.163 0.908807 12.7495 0.900663 11.9804L0.900024 11.8559V6.63492C0.900024 5.78485 0.9839 5.35051 1.22568 4.89841C1.44904 4.48078 1.78083 4.14899 2.19846 3.92564C2.65056 3.68385 3.0849 3.59998 3.93496 3.59998L14.1281 3.60013ZM8.26366 4.94998L3.88481 4.95007C3.31069 4.95218 3.08429 4.99165 2.87243 5.09683L2.83512 5.11608C2.65275 5.21361 2.51366 5.3527 2.41613 5.53507C2.29324 5.76486 2.25002 5.98866 2.25002 6.63492V11.9061C2.25223 12.4811 2.29183 12.7073 2.39739 12.9195L2.41613 12.9558C2.51366 13.1382 2.65275 13.2772 2.83512 13.3748C3.0649 13.4977 3.2887 13.5409 3.93496 13.5409H8.26366V4.94998ZM14.1152 4.95007L9.61366 4.94998V13.5408L14.1152 13.5408C14.6728 13.5387 14.9024 13.5014 15.1093 13.4029L15.1286 13.3935L15.1649 13.3748C15.3473 13.2772 15.4864 13.1382 15.5839 12.9558C15.7068 12.726 15.75 12.5022 15.75 11.8559L15.7499 6.58476C15.7478 6.01064 15.7083 5.78424 15.6032 5.57238L15.5839 5.53507C15.4864 5.3527 15.3473 5.21361 15.1649 5.11608L15.1451 5.10567L15.1286 5.09734C15.1112 5.08865 15.0936 5.08041 15.0758 5.0726C15.0741 5.07185 15.0723 5.07107 15.0705 5.07029L15.0758 5.0726C15.071 5.07049 15.0661 5.0684 15.0612 5.06635L15.0705 5.07029C15.0626 5.06688 15.0546 5.06355 15.0466 5.0603L15.0612 5.06635C15.0542 5.0634 15.0472 5.06052 15.0401 5.0577L15.0466 5.0603C15.0423 5.05859 15.0381 5.0569 15.0338 5.05524L15.0401 5.0577C15.0267 5.0524 15.0131 5.04733 14.9992 5.04247C14.9969 5.04166 14.9945 5.04084 14.9922 5.04004L14.9992 5.04247C14.9909 5.03956 14.9825 5.03672 14.9739 5.03396C14.9476 5.02549 14.9202 5.01774 14.8912 5.01068C14.8872 5.00971 14.8832 5.00876 14.8792 5.00782L14.8912 5.01068C14.8825 5.00857 14.8736 5.00652 14.8646 5.00453L14.8792 5.00782C14.8714 5.006 14.8634 5.00423 14.8554 5.00251L14.8646 5.00453C14.8565 5.00272 14.8482 5.00096 14.8398 4.99926L14.8554 5.00251C14.848 5.00094 14.8406 4.99941 14.8331 4.99791L14.8398 4.99926C14.8155 4.99433 14.79 4.98982 14.7632 4.9857C14.7582 4.98493 14.7532 4.98418 14.7481 4.98344L14.7632 4.9857C14.7548 4.98441 14.7463 4.98316 14.7376 4.98194L14.7481 4.98344C14.7247 4.98004 14.7002 4.97692 14.6746 4.97408C14.6659 4.97311 14.6571 4.97217 14.648 4.97127C14.6356 4.97001 14.6228 4.96882 14.6099 4.96769C14.5938 4.96629 14.5773 4.96498 14.5603 4.96375C14.5552 4.96339 14.5501 4.96303 14.5449 4.96268L14.5603 4.96375C14.548 4.96286 14.5354 4.96202 14.5225 4.96122L14.5449 4.96268C14.5333 4.96189 14.5216 4.96114 14.5096 4.96044L14.5225 4.96122C14.5117 4.96055 14.5006 4.9599 14.4894 4.95929L14.5096 4.96044C14.4818 4.9588 14.4528 4.95736 14.4226 4.95612C14.4215 4.95608 14.4202 4.95603 14.4189 4.95598L14.4226 4.95612C14.4109 4.95565 14.3991 4.9552 14.387 4.95478L14.4189 4.95598C14.3749 4.9542 14.3282 4.95284 14.2784 4.95187C14.2564 4.95144 14.2337 4.95108 14.2105 4.9508L14.1152 4.95007ZM6.30002 10.7795C6.67282 10.7795 6.97502 11.0817 6.97502 11.4545C6.97502 11.8182 6.68738 12.1147 6.32717 12.129L6.30002 12.1295H4.09093C3.71814 12.1295 3.41593 11.8273 3.41593 11.4545C3.41593 11.0908 3.70358 10.7943 4.06379 10.7801L4.09093 10.7795H6.30002ZM13.1114 10.7795C13.4842 10.7795 13.7864 11.0817 13.7864 11.4545C13.7864 11.8182 13.4987 12.1147 13.1385 12.129L13.1114 12.1295H11.5159C11.1431 12.1295 10.8409 11.8273 10.8409 11.4545C10.8409 11.0908 11.1286 10.7943 11.4888 10.7801L11.5159 10.7795H13.1114ZM6.30002 8.57043C6.67282 8.57043 6.97502 8.87264 6.97502 9.24543C6.97502 9.60913 6.68738 9.90565 6.32717 9.91989L6.30002 9.92043H4.09093C3.71814 9.92043 3.41593 9.61822 3.41593 9.24543C3.41593 8.88173 3.70358 8.58521 4.06379 8.57097L4.09093 8.57043H6.30002ZM13.725 8.57043C14.0978 8.57043 14.4 8.87264 14.4 9.24543C14.4 9.60913 14.1124 9.90565 13.7522 9.91989L13.725 9.92043H11.5159C11.1431 9.92043 10.8409 9.61822 10.8409 9.24543C10.8409 8.88173 11.1286 8.58521 11.4888 8.57097L11.5159 8.57043H13.725ZM6.30002 6.36134C6.67282 6.36134 6.97502 6.66355 6.97502 7.03634C6.97502 7.40004 6.68738 7.69656 6.32717 7.7108L6.30002 7.71134H4.09093C3.71814 7.71134 3.41593 7.40913 3.41593 7.03634C3.41593 6.67264 3.70358 6.37612 4.06379 6.36188L4.09093 6.36134H6.30002ZM13.725 6.36134C14.0978 6.36134 14.4 6.66355 14.4 7.03634C14.4 7.40004 14.1124 7.69656 13.7522 7.7108L13.725 7.71134H11.5159C11.1431 7.71134 10.8409 7.40913 10.8409 7.03634C10.8409 6.67264 11.1286 6.37612 11.4888 6.36188L11.5159 6.36134H13.725Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/s3.svg b/web/satellite/static/images/navigation/s3.svg
deleted file mode 100644
index 6fb1589609c5..000000000000
--- a/web/satellite/static/images/navigation/s3.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
-    <ellipse cx="20.2297" cy="19.8043" rx="12.7703" ry="12.7763" fill="#0149FF"/>
-    <ellipse cx="10.7432" cy="30.431" rx="4.74324" ry="4.74549" fill="#FF458B"/>
-    <ellipse cx="30.8512" cy="7.14967" rx="2.14865" ry="2.14967" fill="#FFC600"/>
-    <path d="M18.2118 18.265C18.1892 18.0168 18.0888 17.8239 17.9106 17.6863C17.7347 17.5464 17.4831 17.4765 17.156 17.4765C16.9394 17.4765 16.7589 17.5047 16.6145 17.5611C16.4702 17.6175 16.3619 17.6953 16.2897 17.7946C16.2175 17.8916 16.1803 18.0033 16.178 18.1296C16.1735 18.2334 16.1938 18.3247 16.2389 18.4037C16.2863 18.4827 16.354 18.5526 16.442 18.6135C16.5322 18.6722 16.6405 18.7241 16.7668 18.7692C16.8932 18.8143 17.0353 18.8538 17.1932 18.8876L17.7888 19.023C18.1317 19.0974 18.434 19.1967 18.6957 19.3208C18.9597 19.4449 19.1808 19.5926 19.359 19.7641C19.5395 19.9355 19.676 20.1329 19.7685 20.3563C19.8609 20.5796 19.9083 20.83 19.9106 21.1075C19.9083 21.5452 19.7978 21.9208 19.5789 22.2344C19.3601 22.548 19.0454 22.7883 18.6348 22.9552C18.2265 23.1222 17.7335 23.2056 17.156 23.2056C16.5762 23.2056 16.0708 23.1188 15.6399 22.9451C15.209 22.7713 14.874 22.5074 14.6349 22.1532C14.3957 21.799 14.2728 21.3512 14.266 20.8097H15.8701C15.8836 21.0331 15.9434 21.2192 16.0494 21.3681C16.1554 21.517 16.301 21.6298 16.4859 21.7065C16.6732 21.7832 16.8898 21.8216 17.1357 21.8216C17.3613 21.8216 17.553 21.7911 17.711 21.7302C17.8711 21.6693 17.9941 21.5847 18.0798 21.4764C18.1656 21.3681 18.2095 21.244 18.2118 21.1042C18.2095 20.9733 18.1689 20.8616 18.09 20.7691C18.011 20.6744 17.8892 20.5932 17.7245 20.5255C17.5621 20.4555 17.3545 20.3912 17.1018 20.3326L16.3777 20.1634C15.7776 20.0258 15.3049 19.8036 14.9598 19.4967C14.6146 19.1877 14.4431 18.7703 14.4454 18.2447C14.4431 17.816 14.5582 17.4404 14.7906 17.1178C15.0229 16.7952 15.3444 16.5436 15.755 16.3631C16.1656 16.1827 16.6337 16.0924 17.1594 16.0924C17.6963 16.0924 18.1622 16.1838 18.557 16.3665C18.954 16.547 19.262 16.8008 19.4808 17.1279C19.6996 17.455 19.8113 17.8341 19.8158 18.265H18.2118ZM23.3792 23.2124C22.8513 23.2124 22.3832 23.1222 21.9748 22.9417C21.5688 22.7589 21.2484 22.5074 21.0138 22.187C20.7791 21.8667 20.6596 21.4978 20.6551 21.0805H22.3403C22.3471 21.2316 22.3956 21.3658 22.4858 21.4832C22.5761 21.5982 22.699 21.6885 22.8547 21.7539C23.0103 21.8193 23.1874 21.852 23.386 21.852C23.5845 21.852 23.7593 21.8171 23.9105 21.7471C24.0639 21.6749 24.1835 21.5768 24.2692 21.4527C24.3549 21.3264 24.3967 21.182 24.3944 21.0196C24.3967 20.8571 24.3504 20.7127 24.2557 20.5864C24.1609 20.4601 24.0267 20.3619 23.853 20.292C23.6815 20.222 23.4785 20.1871 23.2438 20.1871H22.5704V18.9959H23.2438C23.4491 18.9959 23.6296 18.9621 23.7853 18.8944C23.9432 18.8267 24.0662 18.7319 24.1541 18.6101C24.2421 18.486 24.285 18.3439 24.2827 18.1837C24.285 18.0281 24.2478 17.8916 24.1711 17.7743C24.0966 17.6547 23.9917 17.5622 23.8564 17.4968C23.7232 17.4314 23.5687 17.3986 23.3927 17.3986C23.2077 17.3986 23.0397 17.4314 22.8885 17.4968C22.7396 17.5622 22.6212 17.6547 22.5332 17.7743C22.4452 17.8938 22.399 18.0326 22.3945 18.1905H20.7938C20.7983 17.7777 20.9134 17.4144 21.139 17.1009C21.3646 16.785 21.6714 16.538 22.0594 16.3597C22.4497 16.1815 22.8942 16.0924 23.3927 16.0924C23.8891 16.0924 24.3256 16.1793 24.7024 16.353C25.0791 16.5267 25.3724 16.7636 25.5822 17.0636C25.792 17.3614 25.8969 17.6987 25.8969 18.0754C25.8992 18.4657 25.7717 18.7872 25.5145 19.0399C25.2596 19.2926 24.9313 19.4482 24.5298 19.5069V19.561C25.0667 19.6242 25.4717 19.7979 25.7446 20.0822C26.0199 20.3664 26.1564 20.7218 26.1541 21.1481C26.1541 21.5497 26.0357 21.9062 25.7988 22.2175C25.5642 22.5266 25.237 22.7702 24.8174 22.9484C24.4001 23.1244 23.9206 23.2124 23.3792 23.2124Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/satellite.svg b/web/satellite/static/images/navigation/satellite.svg
deleted file mode 100644
index aec4fa650dc8..000000000000
--- a/web/satellite/static/images/navigation/satellite.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00005 0.800049C10.3223 0.800049 12.3877 1.89942 13.7043 3.60609C13.444 3.4991 13.1589 3.44005 12.86 3.44005C12.4812 3.44005 12.1246 3.53493 11.8126 3.70222C11.8508 3.67571 11.89 3.65043 11.9301 3.62641C10.8887 2.68989 9.51092 2.12005 8.00005 2.12005C6.69775 2.12005 5.49433 2.54342 4.51992 3.26004L5.90005 3.26005C7.25867 3.26005 8.36005 4.36143 8.36005 5.72005C8.36005 7.06481 7.28103 8.15754 5.94156 8.17971L5.90005 8.18005H4.82005C4.48868 8.18005 4.22005 8.44868 4.22005 8.78005C4.22005 9.1027 4.47473 9.36587 4.79402 9.37949L4.82005 9.38005H5.03005C6.1932 9.38005 7.13859 10.3124 7.15969 11.4705L7.16005 11.54C7.16005 12.407 6.64933 13.1546 5.91236 13.4985C6.56109 13.7451 7.26481 13.88 8.00005 13.88C8.68174 13.88 9.33634 13.764 9.94518 13.5507C9.08192 13.1688 8.47961 12.3048 8.47961 11.3C8.47961 9.95529 9.55863 8.86255 10.8981 8.84039L10.9396 8.84005H13.2196C13.551 8.84005 13.8196 8.57142 13.8196 8.24005C13.8196 8.04402 13.7256 7.86995 13.5802 7.76046C14.2606 7.52741 14.7918 6.97293 14.9928 6.27823C15.1282 6.8299 15.2 7.40659 15.2 8.00005C15.2 11.9765 11.9765 15.2 8.00005 15.2C4.0236 15.2 0.800049 11.9765 0.800049 8.00005C0.800049 4.0236 4.0236 0.800049 8.00005 0.800049ZM13.4774 10.1429L13.4458 10.1469C13.3838 10.1541 13.321 10.1585 13.2574 10.1597L13.2196 10.16H10.9396C10.31 10.16 9.79961 10.6704 9.79961 11.3C9.79961 11.9188 10.2926 12.4224 10.9072 12.4396L10.9396 12.44L11.8551 12.4401C12.5665 11.8219 13.1279 11.0355 13.4774 10.1429ZM5.90005 4.58005L3.21639 4.58005C2.52626 5.54364 2.12005 6.72441 2.12005 8.00005C2.12005 9.74009 2.87587 11.3036 4.07712 12.3802L5.00005 12.38C5.4543 12.38 5.82434 12.0195 5.83956 11.5689L5.84005 11.54V11.51C5.84005 11.0722 5.49267 10.7155 5.05849 10.7005L5.03005 10.7H4.82005C3.75966 10.7 2.90005 9.84044 2.90005 8.78005C2.90005 7.73229 3.73932 6.88054 4.78226 6.86041L4.82005 6.86005H5.90005C6.52965 6.86005 7.04005 6.34965 7.04005 5.72005C7.04005 5.1013 6.5471 4.59768 5.93251 4.5805L5.90005 4.58005ZM12.8187 4.34081C13.5477 4.34081 14.1387 4.93179 14.1387 5.66081C14.1387 6.38983 13.5477 6.98081 12.8187 6.98081C12.0897 6.98081 11.4987 6.38983 11.4987 5.66081C11.4987 4.93179 12.0897 4.34081 12.8187 4.34081Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/settings.svg b/web/satellite/static/images/navigation/settings.svg
deleted file mode 100644
index 3bfb006baa07..000000000000
--- a/web/satellite/static/images/navigation/settings.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.24801 0.800049C9.90528 0.800049 10.4381 1.33284 10.4381 1.9901L10.4381 2.18417C10.4381 2.62551 10.7958 2.98329 11.2372 2.9833C11.3774 2.98331 11.5152 2.94638 11.6367 2.87625L11.8048 2.7792C12.374 2.45058 13.1019 2.64561 13.4305 3.21481L14.8586 5.68835C15.1815 6.24756 14.9989 6.9599 14.4526 7.29636L14.423 7.31401L14.2549 7.41102C13.8917 7.62073 13.7672 8.0852 13.9769 8.44845C14.0436 8.56391 14.1395 8.65978 14.2549 8.72644L14.3635 8.78913C14.9327 9.11776 15.1277 9.8456 14.7991 10.4148L13.4305 12.7853C13.1077 13.3445 12.3995 13.5426 11.8349 13.2377L11.8048 13.2209L11.6367 13.1238C11.2545 12.9031 10.7658 13.0341 10.5451 13.4163C10.475 13.5378 10.4381 13.6756 10.4381 13.8159L10.4381 14.01C10.4381 14.6561 9.92321 15.182 9.28135 15.1996L9.24801 15.2H6.39181C5.73456 15.2 5.20175 14.6672 5.2017 14.01L5.2017 13.919C5.20169 13.5105 4.87054 13.1793 4.46207 13.1794C4.33224 13.1794 4.2047 13.2135 4.09227 13.2785L4.01351 13.3239C3.4543 13.6468 2.74196 13.4643 2.40549 12.918L2.38784 12.8884L0.959736 10.4148C0.631138 9.8456 0.826149 9.11777 1.39532 8.7891L1.56346 8.69202C1.94565 8.47134 2.07659 7.98262 1.85592 7.60042C1.78578 7.47894 1.68489 7.37806 1.56341 7.30793L1.39536 7.21092C0.8361 6.88813 0.638013 6.17995 0.942847 5.61541L0.959736 5.58529L2.32833 3.21481C2.65697 2.64561 3.38481 2.45059 3.95402 2.7792L4.06252 2.84184C4.42576 3.05156 4.89024 2.92709 5.09995 2.56385C5.1666 2.44841 5.20169 2.31745 5.2017 2.18415L5.2017 1.99013C5.20175 1.33288 5.73456 0.800049 6.39181 0.800049H9.24801ZM6.51088 2.10902L6.51079 2.18418C6.51078 2.54726 6.4152 2.90394 6.23367 3.21839C5.66926 4.19598 4.42738 4.53859 3.44344 3.99557L3.40262 3.97233L2.15303 6.13662L2.2179 6.17419C2.52238 6.34997 2.77781 6.59894 2.96124 6.89818L2.98961 6.94584C3.56495 7.9423 3.23435 9.21322 2.25335 9.80487L2.21803 9.82571L2.15303 9.86324L3.46224 12.1309L3.48722 12.1171C3.76973 11.9642 4.08424 11.88 4.40531 11.8711L4.46204 11.8703C5.56749 11.8702 6.46848 12.7458 6.50934 13.8412L6.51064 13.891H9.12906L9.12897 13.8159C9.12896 13.4643 9.21689 13.1186 9.38435 12.8101L9.41145 12.7617C9.98679 11.7652 11.2528 11.4161 12.2556 11.97L12.2913 11.9901L12.3563 12.0275L13.6059 9.86324L13.6004 9.86015C13.3016 9.68766 13.051 9.44336 12.871 9.14973L12.8432 9.10296C12.2788 8.12536 12.6031 6.87857 13.5654 6.29799L13.6004 6.2773L13.6654 6.2398L12.3563 3.97233L12.2913 4.00996C11.9868 4.18574 11.6435 4.28244 11.2926 4.29167L11.2371 4.2924C10.0859 4.29237 9.15018 3.36956 9.12933 2.22313L9.12897 2.18396L9.12906 2.10914L6.51088 2.10902ZM7.92172 4.72732C9.7292 4.72732 11.1944 6.19257 11.1944 8.00005C11.1944 9.80753 9.7292 11.2728 7.92172 11.2728C6.11424 11.2728 4.64899 9.80753 4.64899 8.00005C4.64899 6.19257 6.11424 4.72732 7.92172 4.72732ZM7.92172 6.03641C6.83723 6.03641 5.95808 6.91556 5.95808 8.00005C5.95808 9.08453 6.83723 9.96369 7.92172 9.96369C9.00621 9.96369 9.88536 9.08453 9.88536 8.00005C9.88536 6.91556 9.00621 6.03641 7.92172 6.03641Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/support.svg b/web/satellite/static/images/navigation/support.svg
deleted file mode 100644
index 668284b188fa..000000000000
--- a/web/satellite/static/images/navigation/support.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93056C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93056 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#EBEEF1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M22.6674 7.93408C24.0241 7.93408 25.124 9.02393 25.124 10.3683V16.1384H17.6633C16.3201 16.1384 15.2287 17.2065 15.207 18.5324L15.2067 18.5726L15.2066 20.6462H9.29783L5.28931 24.1323V10.3683C5.28931 9.02393 6.38916 7.93408 7.7459 7.93408H22.6674Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M35.0411 32.0661L31.0327 28.58H17.6635C16.3067 28.58 15.2069 27.4901 15.2069 26.1457V18.3019C15.2069 16.9575 16.3067 15.8677 17.6635 15.8677H32.5845C33.9412 15.8677 35.0411 16.9575 35.0411 18.3019V32.0661Z" fill="#0149FF"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/tierBadgeFree.svg b/web/satellite/static/images/navigation/tierBadgeFree.svg
deleted file mode 100644
index 027ae9eacb4d..000000000000
--- a/web/satellite/static/images/navigation/tierBadgeFree.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="47" height="24" viewBox="0 0 47 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="46" height="23" rx="3.5" fill="white"/>
-<path d="M9.38494 17V6.81818H16.1264V8.59304H11.5376V11.0192H15.679V12.794H11.5376V17H9.38494ZM17.4116 17V9.36364H19.4648V10.696H19.5444C19.6836 10.2221 19.9173 9.86411 20.2454 9.62216C20.5735 9.37689 20.9513 9.25426 21.3789 9.25426C21.485 9.25426 21.5993 9.26089 21.7219 9.27415C21.8446 9.28741 21.9523 9.30563 22.0451 9.32883V11.2081C21.9457 11.1783 21.8081 11.1518 21.6325 11.1286C21.4568 11.1054 21.296 11.0938 21.1502 11.0938C20.8387 11.0938 20.5603 11.1617 20.315 11.2976C20.073 11.4302 19.8808 11.6158 19.7383 11.8544C19.5991 12.093 19.5295 12.3681 19.5295 12.6797V17H17.4116ZM26.2647 17.1491C25.4792 17.1491 24.8031 16.9901 24.2363 16.6719C23.6729 16.3504 23.2387 15.8963 22.9338 15.3097C22.6288 14.7197 22.4764 14.022 22.4764 13.2166C22.4764 12.4311 22.6288 11.7417 22.9338 11.1484C23.2387 10.5552 23.6679 10.0928 24.2214 9.76136C24.7782 9.42992 25.4312 9.2642 26.1802 9.2642C26.684 9.2642 27.153 9.34541 27.5872 9.50781C28.0247 9.6669 28.4058 9.9072 28.7306 10.2287C29.0588 10.5502 29.314 10.9545 29.4963 11.4418C29.6786 11.9257 29.7697 12.4924 29.7697 13.142V13.7237H23.3216V12.4112H27.7761C27.7761 12.1063 27.7098 11.8362 27.5772 11.6009C27.4447 11.3655 27.2607 11.1816 27.0254 11.049C26.7934 10.9131 26.5233 10.8452 26.215 10.8452C25.8935 10.8452 25.6085 10.9197 25.3599 11.0689C25.1146 11.2147 24.9224 11.4119 24.7832 11.6605C24.644 11.9058 24.5727 12.1792 24.5694 12.4808V13.7287C24.5694 14.1065 24.639 14.433 24.7782 14.7081C24.9208 14.9832 25.1213 15.1953 25.3798 15.3445C25.6383 15.4936 25.9449 15.5682 26.2995 15.5682C26.5349 15.5682 26.7503 15.535 26.9458 15.4688C27.1414 15.4025 27.3088 15.303 27.448 15.1705C27.5872 15.0379 27.6932 14.8755 27.7662 14.6832L29.725 14.8125C29.6255 15.2831 29.4217 15.6941 29.1135 16.0455C28.8085 16.3935 28.4141 16.6652 27.9302 16.8608C27.4496 17.053 26.8945 17.1491 26.2647 17.1491ZM34.6319 17.1491C33.8464 17.1491 33.1703 16.9901 32.6035 16.6719C32.0401 16.3504 31.6059 15.8963 31.301 15.3097C30.996 14.7197 30.8436 14.022 30.8436 13.2166C30.8436 12.4311 30.996 11.7417 31.301 11.1484C31.6059 10.5552 32.0351 10.0928 32.5886 9.76136C33.1454 9.42992 33.7984 9.2642 34.5474 9.2642C35.0512 9.2642 35.5202 9.34541 35.9544 9.50781C36.3919 9.6669 36.773 9.9072 37.0978 10.2287C37.426 10.5502 37.6812 10.9545 37.8635 11.4418C38.0458 11.9257 38.1369 12.4924 38.1369 13.142V13.7237H31.6887V12.4112H36.1433C36.1433 12.1063 36.077 11.8362 35.9444 11.6009C35.8118 11.3655 35.6279 11.1816 35.3926 11.049C35.1606 10.9131 34.8904 10.8452 34.5822 10.8452C34.2607 10.8452 33.9757 10.9197 33.7271 11.0689C33.4818 11.2147 33.2896 11.4119 33.1504 11.6605C33.0112 11.9058 32.9399 12.1792 32.9366 12.4808V13.7287C32.9366 14.1065 33.0062 14.433 33.1454 14.7081C33.2879 14.9832 33.4885 15.1953 33.747 15.3445C34.0055 15.4936 34.3121 15.5682 34.6667 15.5682C34.902 15.5682 35.1175 15.535 35.313 15.4688C35.5086 15.4025 35.676 15.303 35.8152 15.1705C35.9544 15.0379 36.0604 14.8755 36.1333 14.6832L38.0922 14.8125C37.9927 15.2831 37.7889 15.6941 37.4806 16.0455C37.1757 16.3935 36.7813 16.6652 36.2974 16.8608C35.8168 17.053 35.2617 17.1491 34.6319 17.1491Z" fill="#56606D"/>
-<rect x="0.5" y="0.5" width="46" height="23" rx="3.5" stroke="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/tierBadgePro.svg b/web/satellite/static/images/navigation/tierBadgePro.svg
deleted file mode 100644
index cc90eee1e7b9..000000000000
--- a/web/satellite/static/images/navigation/tierBadgePro.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="40" height="24" viewBox="0 0 40 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="0.5" y="0.5" width="39" height="23" rx="3.5" fill="white"/>
-<path d="M9.38494 17V6.81818H13.402C14.1742 6.81818 14.8321 6.96567 15.3757 7.26065C15.9193 7.55232 16.3336 7.95833 16.6186 8.47869C16.907 8.99574 17.0511 9.59233 17.0511 10.2685C17.0511 10.9446 16.9053 11.5412 16.6136 12.0582C16.322 12.5753 15.8994 12.978 15.3459 13.2663C14.7957 13.5547 14.1295 13.6989 13.3473 13.6989H10.7869V11.9737H12.9993C13.4136 11.9737 13.755 11.9025 14.0234 11.7599C14.2952 11.6141 14.4974 11.4136 14.63 11.1584C14.7659 10.8999 14.8338 10.6032 14.8338 10.2685C14.8338 9.9304 14.7659 9.63542 14.63 9.38352C14.4974 9.12831 14.2952 8.93111 14.0234 8.7919C13.7517 8.64938 13.407 8.57812 12.9893 8.57812H11.5376V17H9.38494ZM18.4096 17V9.36364H20.4629V10.696H20.5424C20.6816 10.2221 20.9153 9.86411 21.2434 9.62216C21.5716 9.37689 21.9494 9.25426 22.377 9.25426C22.483 9.25426 22.5974 9.26089 22.72 9.27415C22.8426 9.28741 22.9503 9.30563 23.0431 9.32883V11.2081C22.9437 11.1783 22.8062 11.1518 22.6305 11.1286C22.4548 11.1054 22.2941 11.0938 22.1483 11.0938C21.8367 11.0938 21.5583 11.1617 21.313 11.2976C21.0711 11.4302 20.8788 11.6158 20.7363 11.8544C20.5971 12.093 20.5275 12.3681 20.5275 12.6797V17H18.4096ZM27.233 17.1491C26.4607 17.1491 25.7929 16.9851 25.2294 16.657C24.6693 16.3255 24.2367 15.8648 23.9318 15.2749C23.6269 14.6816 23.4744 13.9938 23.4744 13.2116C23.4744 12.4228 23.6269 11.7334 23.9318 11.1435C24.2367 10.5502 24.6693 10.0895 25.2294 9.76136C25.7929 9.42992 26.4607 9.2642 27.233 9.2642C28.0052 9.2642 28.6714 9.42992 29.2315 9.76136C29.795 10.0895 30.2292 10.5502 30.5341 11.1435C30.839 11.7334 30.9915 12.4228 30.9915 13.2116C30.9915 13.9938 30.839 14.6816 30.5341 15.2749C30.2292 15.8648 29.795 16.3255 29.2315 16.657C28.6714 16.9851 28.0052 17.1491 27.233 17.1491ZM27.2429 15.5085C27.5942 15.5085 27.8875 15.4091 28.1229 15.2102C28.3582 15.008 28.5355 14.733 28.6548 14.3849C28.7775 14.0369 28.8388 13.6409 28.8388 13.1967C28.8388 12.7526 28.7775 12.3565 28.6548 12.0085C28.5355 11.6605 28.3582 11.3854 28.1229 11.1832C27.8875 10.9811 27.5942 10.88 27.2429 10.88C26.8883 10.88 26.59 10.9811 26.348 11.1832C26.1094 11.3854 25.9287 11.6605 25.8061 12.0085C25.6868 12.3565 25.6271 12.7526 25.6271 13.1967C25.6271 13.6409 25.6868 14.0369 25.8061 14.3849C25.9287 14.733 26.1094 15.008 26.348 15.2102C26.59 15.4091 26.8883 15.5085 27.2429 15.5085Z" fill="#00AC26"/>
-<rect x="0.5" y="0.5" width="39" height="23" rx="3.5" stroke="#00AC26"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/upgrade.svg b/web/satellite/static/images/navigation/upgrade.svg
deleted file mode 100644
index 3e8c1ca9967e..000000000000
--- a/web/satellite/static/images/navigation/upgrade.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.9999 0.900391C13.4734 0.900391 17.0999 4.52688 17.0999 9.00039C17.0999 13.4739 13.4734 17.1004 8.9999 17.1004C4.5264 17.1004 0.899902 13.4739 0.899902 9.00039C0.899902 4.52688 4.5264 0.900391 8.9999 0.900391ZM8.9999 2.38539C5.34654 2.38539 2.3849 5.34703 2.3849 9.00039C2.3849 12.6538 5.34654 15.6154 8.9999 15.6154C12.6533 15.6154 15.6149 12.6538 15.6149 9.00039C15.6149 5.34703 12.6533 2.38539 8.9999 2.38539ZM9.4607 4.84557L9.48224 4.86627L12.346 7.73005C12.636 8.02002 12.636 8.49014 12.346 8.78011C12.0631 9.063 11.6088 9.0699 11.3175 8.80081L11.296 8.78011L9.6749 7.15899V12.8479C9.6749 13.258 9.34247 13.5904 8.9324 13.5904C8.53233 13.5904 8.20616 13.274 8.19049 12.8778L8.1899 12.8479V7.2084L6.61846 8.78011C6.33556 9.063 5.88119 9.0699 5.58994 8.80081L5.5684 8.78011C5.28551 8.49722 5.27861 8.04284 5.5477 7.75159L5.5684 7.73005L8.43218 4.86627C8.71508 4.58338 9.16945 4.57648 9.4607 4.84557Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/uploadInCLI.svg b/web/satellite/static/images/navigation/uploadInCLI.svg
deleted file mode 100644
index 7e3caa404eae..000000000000
--- a/web/satellite/static/images/navigation/uploadInCLI.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#C8D3DE"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4703 0H23.3661C28.8967 0 31.0911 0.613723 33.2434 1.76617C35.3957 2.91861 37.0849 4.60977 38.236 6.76466L38.3235 6.93055C39.4037 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.387 31.0805 38.236 33.2353C37.0849 35.3902 35.3957 37.0814 33.2434 38.2338L33.0777 38.3214C31.004 39.4029 28.8134 39.9846 23.5772 40H16.6814C11.1508 40 8.95643 39.3863 6.80411 38.2338C4.65178 37.0814 2.96262 35.3902 1.81154 33.2353L1.72406 33.0694C0.643836 30.9933 0.0628737 28.8 0.0474701 23.5577V16.6537C0.0474701 11.1165 0.660465 8.91954 1.81154 6.76466C2.96262 4.60977 4.65178 2.91861 6.80411 1.76617L6.96981 1.67858C9.04351 0.597074 11.2342 0.0154219 16.4703 0Z" fill="#EBEEF1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6875 7H22.1751C25.7743 7 27.2023 7.39892 28.603 8.14801C30.0036 8.8971 31.1029 9.99635 31.852 11.397L31.9089 11.5049C32.6119 12.8544 32.99 14.28 33 17.6875V22.1751C33 25.7743 32.6011 27.2023 31.852 28.603C31.1029 30.0036 30.0036 31.1029 28.603 31.852L28.4951 31.9089C27.1456 32.6119 25.72 32.99 22.3125 33H17.8249C14.2257 33 12.7977 32.6011 11.397 31.852C9.99635 31.1029 8.8971 30.0036 8.14801 28.603L8.09108 28.4951C7.3881 27.1456 7.01002 25.72 7 22.3125V17.8249C7 14.2257 7.39892 12.7977 8.14801 11.397C8.8971 9.99635 9.99635 8.8971 11.397 8.14801L11.5049 8.09108C12.8544 7.3881 14.28 7.01002 17.6875 7Z" fill="#0218A7"/>
-    <path d="M11.3248 12.6317C11.8712 12.6317 12.3142 12.1887 12.3142 11.6423C12.3142 11.0958 11.8712 10.6528 11.3248 10.6528C10.7784 10.6528 10.3354 11.0958 10.3354 11.6423C10.3354 12.1887 10.7784 12.6317 11.3248 12.6317Z" fill="#FF458B"/>
-    <path d="M14.2929 12.6317C14.8394 12.6317 15.2824 12.1887 15.2824 11.6423C15.2824 11.0958 14.8394 10.6528 14.2929 10.6528C13.7465 10.6528 13.3035 11.0958 13.3035 11.6423C13.3035 12.1887 13.7465 12.6317 14.2929 12.6317Z" fill="#FFC600"/>
-    <path d="M17.2614 12.6317C17.8078 12.6317 18.2508 12.1887 18.2508 11.6423C18.2508 11.0958 17.8078 10.6528 17.2614 10.6528C16.7149 10.6528 16.2719 11.0958 16.2719 11.6423C16.2719 12.1887 16.7149 12.6317 17.2614 12.6317Z" fill="#00E567"/>
-    <path d="M20.4354 16.1169H11.4555C10.9091 16.1169 10.4661 16.5599 10.4661 17.1064C10.4661 17.6528 10.9091 18.0958 11.4555 18.0958H20.4354C20.9819 18.0958 21.4249 17.6528 21.4249 17.1064C21.4249 16.5599 20.9819 16.1169 20.4354 16.1169Z" fill="#0149FF"/>
-    <path d="M17.6084 19.5564H15.2998C14.7533 19.5564 14.3103 19.9994 14.3103 20.5458C14.3103 21.0923 14.7533 21.5352 15.2998 21.5352H17.6084C18.1549 21.5352 18.5979 21.0923 18.5979 20.5458C18.5979 19.9994 18.1549 19.5564 17.6084 19.5564Z" fill="#FF458B"/>
-    <path d="M23.5921 19.5564H21.2834C20.737 19.5564 20.294 19.9994 20.294 20.5458C20.294 21.0923 20.737 21.5352 21.2834 21.5352H23.5921C24.1385 21.5352 24.5815 21.0923 24.5815 20.5458C24.5815 19.9994 24.1385 19.5564 23.5921 19.5564Z" fill="#00E567"/>
-    <path d="M29.5756 19.5564H27.267C26.7206 19.5564 26.2776 19.9994 26.2776 20.5458C26.2776 21.0923 26.7206 21.5352 27.267 21.5352H29.5756C30.1221 21.5352 30.565 21.0923 30.565 20.5458C30.565 19.9994 30.1221 19.5564 29.5756 19.5564Z" fill="#00E567"/>
-    <path d="M26.7016 16.1169H24.0631C23.5166 16.1169 23.0736 16.5599 23.0736 17.1064C23.0736 17.6528 23.5166 18.0958 24.0631 18.0958H26.7016C27.248 18.0958 27.691 17.6528 27.691 17.1064C27.691 16.5599 27.248 16.1169 26.7016 16.1169Z" fill="#0149FF"/>
-    <path d="M23.592 22.9958H18.268C17.7215 22.9958 17.2785 23.4388 17.2785 23.9853C17.2785 24.5317 17.7215 24.9747 18.268 24.9747H23.592C24.1385 24.9747 24.5815 24.5317 24.5815 23.9853C24.5815 23.4388 24.1385 22.9958 23.592 22.9958Z" fill="#0149FF"/>
-    <path d="M20.4352 26.4353H18.2679C17.7215 26.4353 17.2785 26.8783 17.2785 27.4247C17.2785 27.9712 17.7215 28.4141 18.2679 28.4141H20.4352C20.9817 28.4141 21.4246 27.9712 21.4246 27.4247C21.4246 26.8783 20.9817 26.4353 20.4352 26.4353Z" fill="#0149FF"/>
-    <path d="M26.7016 26.4353H24.0631C23.5166 26.4353 23.0736 26.8783 23.0736 27.4247C23.0736 27.9712 23.5166 28.4141 24.0631 28.4141H26.7016C27.248 28.4141 27.691 27.9712 27.691 27.4247C27.691 26.8783 27.248 26.4353 26.7016 26.4353Z" fill="#FF458B"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/uploadInWeb.svg b/web/satellite/static/images/navigation/uploadInWeb.svg
deleted file mode 100644
index 0351c36a4746..000000000000
--- a/web/satellite/static/images/navigation/uploadInWeb.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613723 33.2353 1.76617C35.3902 2.91861 37.0814 4.60977 38.2338 6.76466L38.3214 6.93055C39.4029 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.3863 31.0805 38.2338 33.2353C37.0814 35.3902 35.3902 37.0814 33.2353 38.2338L33.0694 38.3214C30.9933 39.4029 28.8 39.9846 23.5577 40H16.6537C11.1165 40 8.91954 39.3863 6.76466 38.2338C4.60977 37.0814 2.91861 35.3902 1.76617 33.2353L1.67858 33.0694C0.597074 30.9933 0.0154219 28.8 0 23.5577V16.6537C0 11.1165 0.613723 8.91954 1.76617 6.76466C2.91861 4.60977 4.60977 2.91861 6.76466 1.76617L6.93055 1.67858C9.00672 0.597074 11.2 0.0154219 16.4423 0Z" fill="#C8D3DE"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4703 0H23.3661C28.8967 0 31.0911 0.613723 33.2434 1.76617C35.3957 2.91861 37.0849 4.60977 38.236 6.76466L38.3235 6.93055C39.4037 9.00672 39.9846 11.2 40 16.4423V23.3463C40 28.8835 39.387 31.0805 38.236 33.2353C37.0849 35.3902 35.3957 37.0814 33.2434 38.2338L33.0777 38.3214C31.004 39.4029 28.8134 39.9846 23.5772 40H16.6814C11.1508 40 8.95643 39.3863 6.80411 38.2338C4.65178 37.0814 2.96262 35.3902 1.81154 33.2353L1.72406 33.0694C0.643836 30.9933 0.0628737 28.8 0.0474701 23.5577V16.6537C0.0474701 11.1165 0.660465 8.91954 1.81154 6.76466C2.96262 4.60977 4.65178 2.91861 6.80411 1.76617L6.96981 1.67858C9.04351 0.597074 11.2342 0.0154219 16.4703 0Z" fill="#EBEEF1"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.7192 8L27.0794 14.3603V29.4287H12V8L20.7192 8Z" fill="#0149FF"/>
-    <path d="M18.4817 14.6135H15.8361C15.4709 14.6135 15.1748 14.9096 15.1748 15.2749C15.1748 15.6402 15.4709 15.9363 15.8361 15.9363H18.4817C18.8469 15.9363 19.143 15.6402 19.143 15.2749C19.143 14.9096 18.8469 14.6135 18.4817 14.6135Z" fill="white"/>
-    <path d="M23.2436 17.7883H15.8361C15.4709 17.7883 15.1748 18.0844 15.1748 18.4497C15.1748 18.815 15.4709 19.1111 15.8361 19.1111H23.2436C23.6089 19.1111 23.905 18.815 23.905 18.4497C23.905 18.0844 23.6089 17.7883 23.2436 17.7883Z" fill="white"/>
-    <path d="M23.2436 20.9629H15.8361C15.4709 20.9629 15.1748 21.259 15.1748 21.6243C15.1748 21.9895 15.4709 22.2856 15.8361 22.2856H23.2436C23.6089 22.2856 23.905 21.9895 23.905 21.6243C23.905 21.259 23.6089 20.9629 23.2436 20.9629Z" fill="white"/>
-    <path d="M23.2436 24.1375H15.8361C15.4709 24.1375 15.1748 24.4336 15.1748 24.7988C15.1748 25.1641 15.4709 25.4602 15.8361 25.4602H23.2436C23.6089 25.4602 23.905 25.1641 23.905 24.7988C23.905 24.4336 23.6089 24.1375 23.2436 24.1375Z" fill="white"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.7196 14.3601V7.99986L27.0798 14.3601L20.7196 14.3601Z" fill="#00127F"/>
-    <circle cx="26.8149" cy="28.8149" r="5.8149" fill="white"/>
-    <path d="M27.3584 25.7685L27.3752 25.7846L29.6025 28.012C29.8281 28.2375 29.8281 28.6032 29.6025 28.8287C29.3825 29.0487 29.0291 29.0541 28.8026 28.8448L28.7858 28.8287L27.525 27.5679V31.9926C27.525 32.3115 27.2664 32.5701 26.9475 32.5701C26.6363 32.5701 26.3827 32.324 26.3705 32.0158L26.37 31.9926V27.6063L25.1478 28.8287C24.9277 29.0487 24.5743 29.0541 24.3478 28.8448L24.3311 28.8287C24.111 28.6087 24.1057 28.2553 24.315 28.0288L24.3311 28.012L26.5584 25.7846C26.7785 25.5646 27.1319 25.5592 27.3584 25.7685Z" fill="#0218A7"/>
-</svg>
diff --git a/web/satellite/static/images/navigation/users.svg b/web/satellite/static/images/navigation/users.svg
deleted file mode 100644
index aa9882281cd7..000000000000
--- a/web/satellite/static/images/navigation/users.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.7061 3.59998C13.5601 3.59998 15.0631 5.10292 15.0631 6.9569C15.0631 7.90694 14.6655 8.79086 13.9895 9.41778L13.942 9.46077L13.9751 9.47516C15.2886 10.0527 16.3479 11.1049 16.9303 12.4334L16.9595 12.5011L16.9875 12.5683L17.0262 12.6651C17.075 12.7964 17.1 12.9354 17.1 13.0756C17.1 13.7014 16.6113 14.2154 15.9891 14.2517L15.9556 14.2532L15.9219 14.2537H7.46748C7.31161 14.2537 7.15717 14.2239 7.01247 14.166C6.38509 13.9147 6.08021 13.2024 6.3319 12.574C6.89901 11.1806 7.98445 10.0758 9.3409 9.47758L9.40782 9.44857L9.44138 9.43448L9.40505 9.40101C9.29836 9.30057 9.1983 9.19324 9.10555 9.07976L9.05079 9.01094L9.03429 8.98902L9.00503 9.02722C8.68773 9.43175 8.2807 9.76003 7.81594 9.98362L7.75499 10.0122L7.70114 10.0361L7.64893 10.0627C7.31348 10.228 6.94893 10.3264 6.57441 10.3525L6.50408 10.3566L6.43746 10.3588L6.37516 10.3595L6.31825 10.3591L6.26305 10.3594C4.6107 10.3796 3.12374 11.3273 2.39659 12.7824L2.37154 12.8333L2.34749 12.8835L4.47023 12.8836C4.82989 12.8836 5.12481 13.1608 5.15307 13.5131L5.15475 13.5411L5.15529 13.5687C5.15529 13.9378 4.86336 14.2387 4.49778 14.2532L4.47023 14.2537H2.12375C1.44791 14.2537 0.900024 13.7058 0.900024 13.03C0.900024 12.9088 0.918016 12.7885 0.954216 12.6703L0.970846 12.6198L0.988153 12.574C1.55525 11.1807 2.64063 10.0759 3.99703 9.47763L4.06395 9.44862L4.09732 9.4346L4.09145 9.42921C3.43549 8.82693 3.03879 7.98456 3.00747 7.07365L3.00595 7.01415L3.00547 6.9569C3.00547 5.10292 4.50841 3.59998 6.36239 3.59998C7.40671 3.59998 8.36901 4.08075 8.99762 4.87697L9.03429 4.92428L9.03637 4.92154C9.64148 4.12812 10.573 3.63601 11.5925 3.60188L11.6492 3.60045L11.7061 3.59998ZM11.6608 10.359L11.6068 10.3594C9.93617 10.3798 8.43454 11.3484 7.71644 12.8309L7.6913 12.8835H15.6301L15.6287 12.8802C14.9369 11.4062 13.475 10.4259 11.8324 10.3624L11.775 10.3606L11.7189 10.3595L11.6608 10.359ZM11.7061 4.97008C10.6088 4.97008 9.71932 5.85961 9.71932 6.9569C9.71932 8.05419 10.6088 8.94372 11.7061 8.94372C12.8034 8.94372 13.693 8.05419 13.693 6.9569C13.693 5.85961 12.8034 4.97008 11.7061 4.97008ZM6.36239 4.97008C5.2651 4.97008 4.37557 5.85961 4.37557 6.9569C4.37557 8.05419 5.2651 8.94372 6.36239 8.94372C7.45968 8.94372 8.34921 8.05419 8.34921 6.9569C8.34921 5.85961 7.45968 4.97008 6.36239 4.97008Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/notifications/circleWarning.svg b/web/satellite/static/images/notifications/circleWarning.svg
deleted file mode 100644
index 7033e6f443e8..000000000000
--- a/web/satellite/static/images/notifications/circleWarning.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 0.600006C22.9529 0.600006 29.4 7.04711 29.4 15C29.4 22.9529 22.9529 29.4 15 29.4C7.04711 29.4 0.600006 22.9529 0.600006 15C0.600006 7.04711 7.04711 0.600006 15 0.600006ZM15 3.24001C8.50514 3.24001 3.24001 8.50514 3.24001 15C3.24001 21.4949 8.50514 26.76 15 26.76C21.4949 26.76 26.76 21.4949 26.76 15C26.76 8.50514 21.4949 3.24001 15 3.24001ZM16.2 8.40074V15.9936C16.2 16.7226 15.609 17.3136 14.88 17.3136C14.1688 17.3136 13.5889 16.7511 13.5611 16.0467L13.56 15.9936V8.48858C13.56 7.75216 14.144 7.14842 14.88 7.12393C15.5852 7.10046 16.1758 7.65309 16.1993 8.35825C16.1998 8.37241 16.2 8.38657 16.2 8.40074ZM16.2 21.1207V21.2736C16.2 22.0026 15.609 22.5936 14.88 22.5936C14.1688 22.5936 13.5889 22.0311 13.5611 21.3267L13.56 21.2736V21.2086C13.56 20.4722 14.144 19.8684 14.88 19.8439C15.5852 19.8205 16.1758 20.3731 16.1993 21.0783C16.1998 21.0924 16.2 21.1066 16.2 21.1207Z" fill="#003DC1"/>
-</svg>
diff --git a/web/satellite/static/images/notifications/close.svg b/web/satellite/static/images/notifications/close.svg
deleted file mode 100644
index b64b5882cee3..000000000000
--- a/web/satellite/static/images/notifications/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M23.7071 9.70711C24.0976 9.31658 24.0976 8.68342 23.7071 8.29289C23.3166 7.90237 22.6834 7.90237 22.2929 8.29289L23.7071 9.70711ZM8.29289 22.2929C7.90237 22.6834 7.90237 23.3166 8.29289 23.7071C8.68342 24.0976 9.31658 24.0976 9.70711 23.7071L8.29289 22.2929ZM9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L9.70711 8.29289ZM22.2929 23.7071C22.6834 24.0976 23.3166 24.0976 23.7071 23.7071C24.0976 23.3166 24.0976 22.6834 23.7071 22.2929L22.2929 23.7071ZM22.2929 8.29289L8.29289 22.2929L9.70711 23.7071L23.7071 9.70711L22.2929 8.29289ZM8.29289 9.70711L22.2929 23.7071L23.7071 22.2929L9.70711 8.29289L8.29289 9.70711Z" fill="#354049"/>
-</svg>
diff --git a/web/satellite/static/images/notifications/closeSmall.svg b/web/satellite/static/images/notifications/closeSmall.svg
deleted file mode 100644
index f823543b5273..000000000000
--- a/web/satellite/static/images/notifications/closeSmall.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M11 1L1 11M1 1L11 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/notifications/error.svg b/web/satellite/static/images/notifications/error.svg
deleted file mode 100644
index 46d3b11382a2..000000000000
--- a/web/satellite/static/images/notifications/error.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="40" height="40" rx="10" fill="#EB5757"/>
-    <path d="M20.5 22.75C21.7676 22.75 22.8047 21.645 22.8047 20.2944V10.4556C22.8047 10.3328 22.797 10.2019 22.7816 10.0791C22.6126 8.90857 21.6523 8 20.5 8C19.2324 8 18.1953 9.10502 18.1953 10.4556V20.2862C18.1953 21.645 19.2324 22.75 20.5 22.75Z" fill="#F5F5F9"/>
-    <path d="M20.5 25.1465C18.7146 25.1465 17.2734 26.5877 17.2734 28.373C17.2734 30.1584 18.7146 31.5996 20.5 31.5996C22.2853 31.5996 23.7265 30.1584 23.7265 28.373C23.7337 26.5877 22.2925 25.1465 20.5 25.1465Z" fill="#F5F5F9"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/notifications/info.svg b/web/satellite/static/images/notifications/info.svg
deleted file mode 100644
index e1a0d5c14e75..000000000000
--- a/web/satellite/static/images/notifications/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path class="icon-path" d="M16 30.4C8.04711 30.4 1.60001 23.9529 1.60001 16C1.60001 8.04711 8.04711 1.60001 16 1.60001C23.9529 1.60001 30.4 8.04711 30.4 16C30.4 23.9529 23.9529 30.4 16 30.4ZM16 27.76C22.4949 27.76 27.76 22.4949 27.76 16C27.76 9.50514 22.4949 4.24001 16 4.24001C9.50514 4.24001 4.24001 9.50514 4.24001 16C4.24001 22.4949 9.50514 27.76 16 27.76ZM14.8 20.9193V16.6864C14.8 15.9574 15.391 15.3664 16.12 15.3664C16.8312 15.3664 17.4111 15.9289 17.439 16.6333L17.44 16.6864V20.8314C17.44 21.5679 16.856 22.1716 16.12 22.1961C15.4148 22.2195 14.8242 21.6669 14.8007 20.9618C14.8002 20.9476 14.8 20.9334 14.8 20.9193ZM14.8 11.0793V10.9264C14.8 10.1974 15.391 9.60641 16.12 9.60641C16.8312 9.60641 17.4111 10.1689 17.439 10.8733L17.44 10.9264V10.9914C17.44 11.7279 16.856 12.3316 16.12 12.3561C15.4148 12.3795 14.8242 11.8269 14.8007 11.1218C14.8002 11.1076 14.8 11.0934 14.8 11.0793Z"/>
-</svg>
diff --git a/web/satellite/static/images/notifications/notification.svg b/web/satellite/static/images/notifications/notification.svg
deleted file mode 100644
index b850938966df..000000000000
--- a/web/satellite/static/images/notifications/notification.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="40" height="40" rx="10" fill="#2683FF"/>
-    <path d="M18.1489 17.043H21.9149V28H18.1489V17.043ZM20 12C20.5816 12 21.0567 12.1823 21.4255 12.5468C21.8085 12.8979 22 13.357 22 13.9241C22 14.4776 21.8085 14.9367 21.4255 15.3013C21.0567 15.6658 20.5816 15.8481 20 15.8481C19.4184 15.8481 18.9362 15.6658 18.5532 15.3013C18.1844 14.9367 18 14.4776 18 13.9241C18 13.357 18.1844 12.8979 18.5532 12.5468C18.9362 12.1823 19.4184 12 20 12Z" fill="#F5F6FA"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/notifications/success.svg b/web/satellite/static/images/notifications/success.svg
deleted file mode 100644
index 9f4d96f3995e..000000000000
--- a/web/satellite/static/images/notifications/success.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="40" height="40" rx="10" fill="#95D486"/>
-    <path d="M27.7625 17.0601C28.348 16.4741 28.3475 15.5243 27.7614 14.9388C27.1753 14.3533 26.2256 14.3538 25.6401 14.9399L27.7625 17.0601ZM17.7003 25.01L16.6396 26.0707C16.921 26.3521 17.3027 26.5101 17.7007 26.51C18.0986 26.5099 18.4802 26.3517 18.7615 26.0701L17.7003 25.01ZM16.0607 21.249C15.4749 20.6633 14.5251 20.6633 13.9393 21.249C13.3536 21.8348 13.3536 22.7846 13.9393 23.3704L16.0607 21.249ZM25.6401 14.9399L16.6391 23.9499L18.7615 26.0701L27.7625 17.0601L25.6401 14.9399ZM18.761 23.9493L16.0607 21.249L13.9393 23.3704L16.6396 26.0707L18.761 23.9493Z" fill="white"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/notifications/sunnyicon.svg b/web/satellite/static/images/notifications/sunnyicon.svg
deleted file mode 100644
index b9fda63857f1..000000000000
--- a/web/satellite/static/images/notifications/sunnyicon.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.35119 6.92862C5.11284 5.9759 5.9759 5.11284 6.92862 5.35119L12.2567 6.68412C12.8864 6.84168 13.5359 6.51073 13.7787 5.90863L15.832 0.814678C16.1992 -0.0961837 17.4047 -0.287119 18.0354 0.465701L21.5624 4.67581C21.9793 5.17344 22.6993 5.28748 23.2495 4.94302L27.9049 2.02887C28.7373 1.50779 29.8248 2.06191 29.8926 3.04165L30.2713 8.52081C30.3161 9.16845 30.8316 9.6839 31.4792 9.72867L36.9584 10.1074C37.9381 10.1752 38.4922 11.2627 37.9711 12.0951L35.057 16.7505C34.7125 17.3007 34.8266 18.0207 35.3242 18.4376L39.5343 21.9646C40.2871 22.5953 40.0962 23.8008 39.1853 24.168L34.0914 26.2213C33.4893 26.4641 33.1583 27.1136 33.3159 27.7433L34.6488 33.0714C34.8872 34.0241 34.0241 34.8872 33.0714 34.6488L27.7433 33.3159C27.1136 33.1583 26.4641 33.4893 26.2213 34.0914L24.168 39.1853C23.8008 40.0962 22.5953 40.2871 21.9646 39.5343L18.4376 35.3242C18.0207 34.8266 17.3007 34.7125 16.7505 35.057L12.0951 37.9711C11.2627 38.4922 10.1752 37.9381 10.1074 36.9584L9.72867 31.4792C9.68391 30.8316 9.16845 30.3161 8.52081 30.2713L3.04165 29.8926C2.06191 29.8248 1.50779 28.7373 2.02888 27.9049L4.94302 23.2495C5.28748 22.6993 5.17344 21.9793 4.67581 21.5624L0.4657 18.0354C-0.287119 17.4047 -0.0961822 16.1992 0.814679 15.832L5.90863 13.7787C6.51073 13.5359 6.84168 12.8864 6.68412 12.2567L5.35119 6.92862Z" fill="#FFEA9F"/>
-<mask id="mask0_17693_625" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="7" width="26" height="26">
-<ellipse cx="19.7987" cy="19.7981" rx="12.6708" ry="12.6708" fill="#FFC700"/>
-</mask>
-<g mask="url(#mask0_17693_625)">
-<ellipse cx="19.7987" cy="19.7981" rx="12.6708" ry="12.6708" fill="#FFC700"/>
-</g>
-<path d="M3.74219 18.978C3.74219 17.0283 5.3228 15.4478 7.27255 15.4478H32.0779C34.0277 15.4478 35.6083 17.0283 35.6083 18.978V20.3252C35.6083 24.4557 32.2599 27.804 28.1295 27.804C23.9991 27.804 20.6507 24.4557 20.6507 20.3252V20.0001C20.6507 19.4613 20.214 19.0246 19.6752 19.0246C19.1365 19.0246 18.6997 19.4613 18.6997 20.0001V20.3252C18.6997 24.4557 15.3514 27.804 11.221 27.804C7.09056 27.804 3.74219 24.4557 3.74219 20.3252V18.978Z" fill="#FF598B"/>
-<path d="M5.69336 18.5015C5.69336 17.8925 6.18707 17.3988 6.79609 17.3988H15.6462C16.2552 17.3988 16.7489 17.8925 16.7489 18.5015V20.3253C16.7489 23.3782 14.2741 25.8531 11.2212 25.8531C8.16824 25.8531 5.69336 23.3782 5.69336 20.3253V18.5015Z" fill="black"/>
-<path d="M22.6016 18.5015C22.6016 17.8925 23.0953 17.3988 23.7043 17.3988H32.5544C33.1634 17.3988 33.6571 17.8925 33.6571 18.5015V20.3253C33.6571 23.3782 31.1823 25.8531 28.1294 25.8531C25.0764 25.8531 22.6016 23.3782 22.6016 20.3253V18.5015Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/notifications/warning.svg b/web/satellite/static/images/notifications/warning.svg
deleted file mode 100644
index 1b1b6fdc3b5d..000000000000
--- a/web/satellite/static/images/notifications/warning.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="36" height="34" viewBox="0 0 36 34" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M35.028 27.9606C34.5358 27.0512 34.0405 26.1403 33.5467 25.2262C32.628 23.5309 31.7108 21.8356 30.7936 20.1402C29.6921 18.109 28.5936 16.0746 27.4936 14.0434C26.4311 12.0825 25.3717 10.1247 24.3093 8.16544C23.528 6.7248 22.7499 5.28264 21.9686 3.84064C21.7577 3.45002 21.5467 3.0594 21.3358 2.67188C21.1171 2.26564 20.8858 1.875 20.5546 1.54376C19.3983 0.379681 17.4796 0.156241 16.089 1.03596C15.4921 1.41408 15.0609 1.95004 14.7296 2.56408C14.2218 3.5016 13.714 4.43908 13.2062 5.37972C12.2812 7.09064 11.3546 8.8016 10.4296 10.5125C9.31555 12.5547 8.21087 14.6017 7.10151 16.6485C6.05151 18.5892 4.99995 20.5266 3.94839 22.4689C3.17963 23.8908 2.40931 25.3096 1.63903 26.7313C1.4359 27.1063 1.23279 27.4813 1.02967 27.8563C0.745289 28.3844 0.521865 28.9188 0.451545 29.5282C0.253109 31.2501 1.45935 32.947 3.12655 33.3688C3.56719 33.4813 4.00155 33.486 4.44687 33.486H31.9469H31.9906C32.8969 33.4673 33.7563 33.1267 34.4203 32.5095C35.0609 31.9157 35.4359 31.1032 35.5422 30.2438C35.6437 29.4345 35.4094 28.6688 35.0281 27.961L35.028 27.9606ZM16.4372 10.9526C16.4372 10.0776 17.1528 9.42916 17.9997 9.39012C18.8434 9.35106 19.5621 10.137 19.5621 10.9526V21.9558C19.5621 22.8308 18.8465 23.4792 17.9997 23.5183C17.1559 23.5573 16.4372 22.7714 16.4372 21.9558V10.9526ZM17.9997 28.8402C17.1215 28.8402 16.409 28.1293 16.409 27.2496C16.409 26.3714 17.1199 25.6589 17.9997 25.6589C18.8778 25.6589 19.5903 26.3698 19.5903 27.2496C19.5903 28.1277 18.8778 28.8402 17.9997 28.8402Z" fill="#F4D638"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/objects/asc.svg b/web/satellite/static/images/objects/asc.svg
deleted file mode 100644
index 4fe9816964c9..000000000000
--- a/web/satellite/static/images/objects/asc.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="20"
-        height="20"
-        fill="currentColor"
-        class="bi bi-arrow-up-short"
-        viewBox="0 0 16 16"
->
-    <path
-            fill-rule="evenodd"
-            d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"
-    />
-</svg>
diff --git a/web/satellite/static/images/objects/audio.svg b/web/satellite/static/images/objects/audio.svg
deleted file mode 100644
index c2663887a44a..000000000000
--- a/web/satellite/static/images/objects/audio.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.0565 1.96903C18.1425 2.03306 18.2123 2.11631 18.2603 2.21212C18.3084 2.30794 18.3334 2.41367 18.3333 2.52086V14.8959C18.3334 14.92 18.3321 14.9442 18.3297 14.9683C18.3649 15.692 18.1542 16.4064 17.7317 16.995C17.3093 17.5837 16.7 18.0121 16.0031 18.2103C15.3061 18.4086 14.5626 18.3651 13.8935 18.087C13.2245 17.8089 12.6693 17.3124 12.3183 16.6785C11.9673 16.0446 11.8413 15.3106 11.9606 14.5959C12.08 13.8812 12.4378 13.228 12.9757 12.7425C13.5137 12.2571 14.2001 11.9681 14.9232 11.9225C15.6464 11.8769 16.3637 12.0774 16.9583 12.4914V7.11153L9.16666 9.44903V16.7292C9.1667 16.7534 9.16547 16.7776 9.16299 16.8016C9.19826 17.5253 8.98752 18.2397 8.56506 18.8284C8.1426 19.4171 7.53332 19.8454 6.83639 20.0437C6.13947 20.242 5.39595 20.1985 4.72688 19.9203C4.05781 19.6422 3.50259 19.1458 3.15162 18.5118C2.80065 17.8779 2.67459 17.1439 2.79397 16.4292C2.91335 15.7145 3.27113 15.0613 3.80907 14.5759C4.34701 14.0905 5.03343 13.8014 5.75658 13.7558C6.47972 13.7102 7.19701 13.9108 7.79166 14.3248V5.27086C7.7917 5.12312 7.83933 4.97933 7.9275 4.86078C8.01567 4.74224 8.13968 4.65524 8.28116 4.6127L17.4478 1.8627C17.5505 1.8317 17.6591 1.82517 17.7648 1.84363C17.8705 1.8621 17.9704 1.90504 18.0565 1.96903ZM9.16666 8.01353L16.9583 5.67603V3.44486L9.16666 5.78236V8.01353ZM5.95832 15.125C5.47209 15.125 5.00578 15.3182 4.66196 15.662C4.31814 16.0058 4.12499 16.4721 4.12499 16.9584C4.12499 17.4446 4.31814 17.9109 4.66196 18.2547C5.00578 18.5985 5.47209 18.7917 5.95832 18.7917C6.44455 18.7917 6.91087 18.5985 7.25469 18.2547C7.5985 17.9109 7.79166 17.4446 7.79166 16.9584C7.79166 16.4721 7.5985 16.0058 7.25469 15.662C6.91087 15.3182 6.44455 15.125 5.95832 15.125ZM13.2917 15.125C13.2917 15.6113 13.4848 16.0776 13.8286 16.4214C14.1724 16.7652 14.6388 16.9584 15.125 16.9584C15.6112 16.9584 16.0775 16.7652 16.4214 16.4214C16.7652 16.0776 16.9583 15.6113 16.9583 15.125C16.9583 14.6388 16.7652 14.1725 16.4214 13.8287C16.0775 13.4848 15.6112 13.2917 15.125 13.2917C14.6388 13.2917 14.1724 13.4848 13.8286 13.8287C13.4848 14.1725 13.2917 14.6388 13.2917 15.125Z" fill="#FF8A00"/>
-</svg>
diff --git a/web/satellite/static/images/objects/cancelWarning.svg b/web/satellite/static/images/objects/cancelWarning.svg
deleted file mode 100644
index 05d7114be8d7..000000000000
--- a/web/satellite/static/images/objects/cancelWarning.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="18" y="18" width="18" height="18" rx="9" transform="rotate(-180 18 18)" fill="#92A0AE"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99707 4.66675C8.44478 4.66675 7.99707 5.11446 7.99707 5.66675L7.99707 9.00008C7.99707 9.55237 8.44478 10.0001 8.99707 10.0001C9.54935 10.0001 9.99707 9.55237 9.99707 9.00008L9.99707 5.66675C9.99707 5.11446 9.54935 4.66675 8.99707 4.66675ZM9.00098 11C8.31062 11 7.75098 11.5596 7.75098 12.25C7.75098 12.9404 8.31062 13.5 9.00098 13.5C9.69133 13.5 10.251 12.9404 10.251 12.25C10.251 11.5596 9.69133 11 9.00098 11Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/objects/chevronLeft.svg b/web/satellite/static/images/objects/chevronLeft.svg
deleted file mode 100644
index 1b6cc3fb906b..000000000000
--- a/web/satellite/static/images/objects/chevronLeft.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.6989 9.4802C4.44017 9.22148 4.43386 8.80592 4.67996 8.53954L4.6989 8.51985L12.1198 1.09892C12.385 0.833726 12.815 0.833726 13.0802 1.09892C13.3389 1.35765 13.3452 1.77321 13.0991 2.03958L13.0802 2.05928L6.13935 8.99994L13.0802 15.9408C13.3389 16.1995 13.3452 16.6151 13.0991 16.8814L13.0802 16.9011C12.8215 17.1599 12.4059 17.1662 12.1395 16.9201L12.1198 16.9011L4.6989 9.4802Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/objects/colorBucket.svg b/web/satellite/static/images/objects/colorBucket.svg
deleted file mode 100644
index 445210b67ffa..000000000000
--- a/web/satellite/static/images/objects/colorBucket.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.3549 7.54665C16.762 8.95376 16.7748 11.227 15.3778 12.624C14.8117 13.1901 14.1018 13.5247 13.3639 13.6289L13.1106 15.0638C13.092 16.1897 10.7878 17.1 7.94808 17.1C5.12541 17.1 2.83185 16.2006 2.78626 15.0841L2.78583 15.0638L0.844654 4.06597C0.822799 3.98819 0.808818 3.90946 0.803034 3.82992L0.799988 3.81221L0.801889 3.81231C0.800624 3.79028 0.799988 3.76818 0.799988 3.74602C0.799988 2.17422 4.0003 0.900024 7.94808 0.900024C11.8959 0.900024 15.0962 2.17422 15.0962 3.74602C15.0962 3.76818 15.0955 3.79028 15.0943 3.81231L15.0962 3.81221L15.093 3.83111C15.0872 3.90975 15.0734 3.98759 15.0519 4.06451L14.5749 6.76662L15.3549 7.54665ZM13.2961 5.63437C11.9867 6.22183 10.076 6.59202 7.94808 6.59202C5.82026 6.59202 3.90959 6.22185 2.60014 5.63443L4.00723 13.6077L4.23729 14.8286L4.25861 14.8452C4.37893 14.9354 4.56514 15.0371 4.80696 15.1351L4.85606 15.1546C5.63551 15.4594 6.74619 15.6439 7.94808 15.6439C9.15691 15.6439 10.2733 15.4573 11.0527 15.1497C11.3337 15.0388 11.5431 14.9223 11.6661 14.8231L11.6761 14.8148L11.9019 13.5348C11.3338 13.3787 10.7955 13.0812 10.3429 12.6429L10.3004 12.6011L7.37488 9.67558C7.09056 9.39126 7.09056 8.93029 7.37488 8.64597C7.65226 8.36859 8.09779 8.36182 8.38338 8.62568L8.40449 8.64597L11.33 11.5715C11.5717 11.8132 11.8555 11.9861 12.1569 12.0901L13.2961 5.63437ZM14.2661 8.51698L13.6408 12.0597C13.8989 11.9575 14.1402 11.8024 14.3482 11.5944C15.1641 10.7784 15.1664 9.44942 14.3549 8.60652L14.3253 8.57627L14.2661 8.51698ZM7.94808 2.35612C6.20125 2.35612 4.58125 2.62893 3.43223 3.08641C2.93851 3.28298 2.57117 3.49947 2.35976 3.69848C2.34629 3.71116 2.33399 3.72325 2.32283 3.73469L2.31221 3.74589L2.33142 3.76606L2.35976 3.79357C2.57117 3.99258 2.93851 4.20906 3.43223 4.40564C4.58125 4.86312 6.20125 5.13593 7.94808 5.13593C9.6949 5.13593 11.3149 4.86312 12.4639 4.40564C12.9576 4.20906 13.325 3.99258 13.5364 3.79357C13.5499 3.78089 13.5622 3.7688 13.5733 3.75735L13.5841 3.74589L13.5647 3.72599L13.5364 3.69848C13.325 3.49947 12.9576 3.28298 12.4639 3.08641C11.3149 2.62893 9.6949 2.35612 7.94808 2.35612Z" fill="#0149FF"/>
-</svg>
diff --git a/web/satellite/static/images/objects/colorFolder.svg b/web/satellite/static/images/objects/colorFolder.svg
deleted file mode 100644
index a8a2c2b2c64a..000000000000
--- a/web/satellite/static/images/objects/colorFolder.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.09215 1.8388C7.26202 1.87058 7.41299 1.92335 7.56566 2.00432L7.61412 2.03075C7.74789 2.10599 7.88155 2.20167 8.19074 2.45465L10.3211 4.19769H13.4951C14.7484 4.19769 15.2029 4.32818 15.6611 4.57322C16.1193 4.81826 16.4788 5.17784 16.7239 5.63603L16.7502 5.68603C16.9782 6.12832 17.0994 6.59425 17.0994 7.80196V12.492C17.0994 13.984 16.9441 14.5251 16.6523 15.0705C16.3606 15.616 15.9326 16.044 15.3871 16.3358L15.3325 16.3645L15.2787 16.3918C14.775 16.6428 14.2218 16.778 12.8812 16.7828H5.19021C3.69821 16.7828 3.15717 16.6275 2.61172 16.3358C2.06626 16.044 1.63819 15.616 1.34647 15.0705L1.31776 15.0159C1.04929 14.497 0.904458 13.9534 0.899414 12.5658V4.91027C0.899414 4.15385 1.02131 3.65274 1.25099 3.21855C1.48068 2.78435 1.81814 2.44241 2.24927 2.20702C2.68039 1.97163 3.17985 1.84313 3.9362 1.83315L6.41411 1.80067L6.54037 1.80017C6.8263 1.80057 6.95334 1.81284 7.09215 1.8388ZM6.4743 3.27288L6.34207 3.27427L3.95563 3.30575L3.84857 3.30815C3.41715 3.32204 3.16527 3.38483 2.95501 3.49963C2.77753 3.59654 2.64736 3.72844 2.5528 3.90718C2.43831 4.12362 2.37872 4.38281 2.37266 4.83204C2.3761 4.85597 2.37825 4.88005 2.37921 4.90444L2.37979 4.93405C2.37979 5.49662 2.82707 5.95471 3.38541 5.97212L3.41838 5.97264H6.88319C6.94696 5.97264 7.0092 5.95443 7.06271 5.92043L7.08508 5.9049L8.64234 4.72714L7.17904 3.53001C7.00186 3.3863 6.93894 3.34085 6.88903 3.31271L6.87567 3.30541C6.85452 3.29419 6.84488 3.29082 6.82135 3.28642L6.7903 3.28147L6.76909 3.27904C6.71617 3.27382 6.63655 3.27173 6.4743 3.27288Z" fill="#FFC600"/>
-<path d="M7.09215 1.8388C7.26202 1.87058 7.41299 1.92335 7.56566 2.00432L7.61412 2.03075C7.74789 2.10599 7.88155 2.20167 8.19074 2.45465L10.3211 4.19769H13.4951C14.7484 4.19769 15.2029 4.32818 15.6611 4.57322C16.1193 4.81826 16.4788 5.17784 16.7239 5.63603L16.7502 5.68603C16.9782 6.12832 17.0994 6.59425 17.0994 7.80196V12.492C17.0994 13.984 16.9441 14.5251 16.6523 15.0705C16.3606 15.616 15.9326 16.044 15.3871 16.3358L15.3325 16.3645L15.2787 16.3918C14.775 16.6428 14.2218 16.778 12.8812 16.7828H5.19021C3.69821 16.7828 3.15717 16.6275 2.61172 16.3358C2.06626 16.044 1.63819 15.616 1.34647 15.0705L1.31776 15.0159C1.04929 14.497 0.904458 13.9534 0.899414 12.5658V4.91027C0.899414 4.15385 1.02131 3.65274 1.25099 3.21855C1.48068 2.78435 1.81814 2.44241 2.24927 2.20702C2.68039 1.97163 3.17985 1.84313 3.9362 1.83315L6.41411 1.80067L6.54037 1.80017C6.8263 1.80057 6.95334 1.81284 7.09215 1.8388ZM7.97338 7.07956C7.67315 7.30661 7.30988 7.43399 6.93446 7.44464L6.88319 7.44536H3.41838C3.04498 7.44536 2.69062 7.36387 2.3721 7.2177V12.5606L2.37361 12.7417L2.37541 12.8619C2.39131 13.7189 2.4664 14.0417 2.64514 14.376C2.7996 14.6648 3.01745 14.8826 3.30625 15.0371L3.34819 15.059L3.3931 15.0812C3.71637 15.2359 4.0763 15.2997 4.94968 15.3089L5.19021 15.3101L12.9319 15.3098C13.9739 15.3046 14.3292 15.2314 14.6926 15.0371C14.9814 14.8826 15.1992 14.6648 15.3537 14.376L15.3756 14.334L15.3978 14.2891C15.5525 13.9659 15.6163 13.6059 15.6255 12.7325L15.6267 12.492V7.80196C15.6267 6.88165 15.574 6.60875 15.4252 6.33056C15.3174 6.12903 15.1681 5.97967 14.9665 5.87189L14.9317 5.85379C14.6703 5.72175 14.3896 5.67256 13.5518 5.67049L9.83672 5.67035L7.97338 7.07956Z" fill="white"/>
-<path d="M7.09215 1.8388C7.26202 1.87058 7.41299 1.92335 7.56566 2.00432L7.61412 2.03075C7.74789 2.10599 7.88155 2.20167 8.19074 2.45465L10.3211 4.19769H13.4951C14.7484 4.19769 15.2029 4.32818 15.6611 4.57322C16.1193 4.81826 16.4788 5.17784 16.7239 5.63603L16.7502 5.68603C16.9782 6.12832 17.0994 6.59425 17.0994 7.80196V12.492C17.0994 13.984 16.9441 14.5251 16.6523 15.0705C16.3606 15.616 15.9326 16.044 15.3871 16.3358L15.3325 16.3645L15.2787 16.3918C14.775 16.6428 14.2218 16.778 12.8812 16.7828H5.19021C3.69821 16.7828 3.15717 16.6275 2.61172 16.3358C2.06626 16.044 1.63819 15.616 1.34647 15.0705L1.31776 15.0159C1.04929 14.497 0.904458 13.9534 0.899414 12.5658V4.91027C0.899414 4.15385 1.02131 3.65274 1.25099 3.21855C1.48068 2.78435 1.81814 2.44241 2.24927 2.20702C2.68039 1.97163 3.17985 1.84313 3.9362 1.83315L6.41411 1.80067L6.54037 1.80017C6.8263 1.80057 6.95334 1.81284 7.09215 1.8388ZM7.97338 7.07956C7.67315 7.30661 7.30988 7.43399 6.93446 7.44464L6.88319 7.44536H3.41838C3.04498 7.44536 2.69062 7.36387 2.3721 7.2177V12.5606L2.37361 12.7417L2.37541 12.8619C2.39131 13.7189 2.4664 14.0417 2.64514 14.376C2.7996 14.6648 3.01745 14.8826 3.30625 15.0371L3.34819 15.059L3.3931 15.0812C3.71637 15.2359 4.0763 15.2997 4.94968 15.3089L5.19021 15.3101L12.9319 15.3098C13.9739 15.3046 14.3292 15.2314 14.6926 15.0371C14.9814 14.8826 15.1992 14.6648 15.3537 14.376L15.3756 14.334L15.3978 14.2891C15.5525 13.9659 15.6163 13.6059 15.6255 12.7325L15.6267 12.492V7.80196C15.6267 6.88165 15.574 6.60875 15.4252 6.33056C15.3174 6.12903 15.1681 5.97967 14.9665 5.87189L14.9317 5.85379C14.6703 5.72175 14.3896 5.67256 13.5518 5.67049L9.83672 5.67035L7.97338 7.07956ZM6.4743 3.27288L6.34207 3.27427L3.95563 3.30575L3.84857 3.30815C3.41715 3.32204 3.16527 3.38483 2.95501 3.49963C2.77753 3.59654 2.64736 3.72844 2.5528 3.90718C2.43831 4.12362 2.37872 4.38281 2.37266 4.83204C2.3761 4.85597 2.37825 4.88005 2.37921 4.90444L2.37979 4.93405C2.37979 5.49662 2.82707 5.95471 3.38541 5.97212L3.41838 5.97264H6.88319C6.94696 5.97264 7.0092 5.95443 7.06271 5.92043L7.08508 5.9049L8.64234 4.72714L7.17904 3.53001C7.00186 3.3863 6.93894 3.34085 6.88903 3.31271L6.87567 3.30541C6.85452 3.29419 6.84488 3.29082 6.82135 3.28642L6.7903 3.28147L6.76909 3.27904C6.71617 3.27382 6.63655 3.27173 6.4743 3.27288Z" fill="#FFA800"/>
-</svg>
diff --git a/web/satellite/static/images/objects/delete.svg b/web/satellite/static/images/objects/delete.svg
deleted file mode 100644
index f7d0e4d7bb75..000000000000
--- a/web/satellite/static/images/objects/delete.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M18.2205 4.83071C18.651 4.83071 19 5.17971 19 5.61024C19 6.03026 18.6678 6.37269 18.2518 6.38914L18.2205 6.38976H16.6122L15.4073 16.2304C15.2332 17.652 14.0259 18.7205 12.5936 18.7205H7.52282C6.10137 18.7205 4.89972 17.6677 4.71279 16.2586L3.40364 6.38976H1.77953C1.34901 6.38976 1 6.04076 1 5.61024C1 5.19022 1.33219 4.84778 1.74818 4.83133L1.77953 4.83071H18.2205ZM15.0416 6.38976H4.97644L6.25831 16.0536C6.34078 16.6752 6.86214 17.1428 7.48531 17.1609L7.52282 17.1614H12.5936C13.2255 17.1614 13.7601 16.6993 13.8546 16.0783L13.8598 16.0409L15.0416 6.38976ZM8.82516 9.15535L8.83022 9.18684L8.83395 9.21797L9.33014 14.1798C9.37298 14.6082 9.06043 14.9902 8.63205 15.0331C8.21411 15.0748 7.84032 14.7784 7.78256 14.3661L7.77882 14.335L7.28264 9.3731C7.2398 8.94472 7.55234 8.56272 7.98073 8.51988C8.38795 8.47916 8.75326 8.75957 8.82516 9.15535ZM12.3027 8.52018C12.7206 8.56198 13.0283 8.92659 13.0033 9.34215L13.0008 9.37341L12.505 14.3315C12.4621 14.7599 12.0801 15.0725 11.6518 15.0296C11.2338 14.9878 10.9261 14.6232 10.9512 14.2077L10.9537 14.1764L11.4495 9.21827C11.4923 8.78989 11.8743 8.47734 12.3027 8.52018ZM12.5512 1.5C12.9817 1.5 13.3307 1.84901 13.3307 2.27953C13.3307 2.69955 12.9985 3.04198 12.5825 3.05844L12.5512 3.05906H7.44882C7.0183 3.05906 6.66929 2.71005 6.66929 2.27953C6.66929 1.85951 7.00148 1.51707 7.41747 1.50062L7.44882 1.5H12.5512Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/objects/desc.svg b/web/satellite/static/images/objects/desc.svg
deleted file mode 100644
index 76e12a223d14..000000000000
--- a/web/satellite/static/images/objects/desc.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="20"
-        height="20"
-        fill="currentColor"
-        class="bi bi-arrow-down-short down-arrow"
-        viewBox="0 0 16 16"
->
-    <path
-            fill-rule="evenodd"
-            d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"
-    />
-</svg>
diff --git a/web/satellite/static/images/objects/details.svg b/web/satellite/static/images/objects/details.svg
deleted file mode 100644
index 6dc60c7af36a..000000000000
--- a/web/satellite/static/images/objects/details.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="path" d="M16.7748 8.32493C18.3965 9.94665 18.4113 12.5666 16.8012 14.1767C16.1488 14.8291 15.3306 15.2148 14.4801 15.3348L14.1882 16.9886C14.1668 18.2862 11.5111 19.3354 8.23832 19.3354C4.98514 19.3354 2.34176 18.2987 2.28922 17.012L2.28873 16.9886L0.0514784 4.31336C0.0262905 4.22372 0.0101765 4.13299 0.00351078 4.04131L0 4.0209L0.00219073 4.02102C0.000732884 3.99563 0 3.97016 0 3.94462C0 2.13309 3.68842 0.664551 8.23832 0.664551C12.7882 0.664551 16.4766 2.13309 16.4766 3.94462C16.4766 3.97016 16.4759 3.99563 16.4744 4.02102L16.4766 4.0209L16.473 4.04268C16.4663 4.13332 16.4504 4.22304 16.4256 4.31169L15.8759 7.42592L16.7748 8.32493ZM14.4021 6.12099C12.8929 6.79804 10.6908 7.22469 8.23832 7.22469C5.78597 7.22469 3.58388 6.79807 2.07471 6.12105L3.69641 15.3105L3.96156 16.7175L3.98613 16.7366C4.1248 16.8406 4.33942 16.9578 4.61812 17.0708L4.67471 17.0933C5.57304 17.4446 6.85312 17.6572 8.23832 17.6572C9.63152 17.6572 10.9181 17.4421 11.8165 17.0876C12.1403 16.9598 12.3817 16.8255 12.5234 16.7112L12.5349 16.7017L12.7952 15.2264C12.1404 15.0465 11.52 14.7036 10.9984 14.1985L10.9494 14.1503L7.5777 10.7786C7.25001 10.4509 7.25001 9.9196 7.5777 9.59192C7.89739 9.27222 8.41087 9.26443 8.74001 9.56852L8.76435 9.59192L12.1361 12.9637C12.4146 13.2422 12.7417 13.4414 13.0891 13.5613L14.4021 6.12099ZM15.5199 9.44324L14.7993 13.5264C15.0968 13.4085 15.3749 13.2297 15.6146 12.99C16.555 12.0496 16.5576 10.5179 15.6224 9.54645L15.5882 9.51158L15.5199 9.44324ZM8.23832 2.34273C6.22507 2.34273 4.35798 2.65715 3.03372 3.1844C2.46469 3.41096 2.04133 3.66046 1.79767 3.88983C1.78214 3.90444 1.76797 3.91837 1.75511 3.93156L1.74286 3.94447L1.765 3.96771L1.79767 3.99942C2.04133 4.22878 2.46469 4.47829 3.03372 4.70484C4.35798 5.2321 6.22507 5.54652 8.23832 5.54652C10.2516 5.54652 12.1187 5.2321 13.4429 4.70484C14.0119 4.47829 14.4353 4.22878 14.679 3.99942C14.6945 3.9848 14.7087 3.97087 14.7215 3.95768L14.7339 3.94447L14.7116 3.92153L14.679 3.88983C14.4353 3.66046 14.0119 3.41096 13.4429 3.1844C12.1187 2.65715 10.2516 2.34273 8.23832 2.34273Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/objects/dots.svg b/web/satellite/static/images/objects/dots.svg
deleted file mode 100644
index 9439af96fc90..000000000000
--- a/web/satellite/static/images/objects/dots.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="4" height="16" viewBox="0 0 4 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.2 1.6C3.2 2.48366 2.48366 3.2 1.6 3.2C0.716344 3.2 0 2.48366 0 1.6C0 0.716344 0.716344 0 1.6 0C2.48366 0 3.2 0.716344 3.2 1.6Z" fill="#7C8794"/>
-    <path d="M3.2 8C3.2 8.88366 2.48366 9.6 1.6 9.6C0.716344 9.6 0 8.88366 0 8C0 7.11634 0.716344 6.4 1.6 6.4C2.48366 6.4 3.2 7.11634 3.2 8Z" fill="#7C8794"/>
-    <path d="M1.6 16C2.48366 16 3.2 15.2837 3.2 14.4C3.2 13.5163 2.48366 12.8 1.6 12.8C0.716344 12.8 0 13.5163 0 14.4C0 15.2837 0.716344 16 1.6 16Z" fill="#7C8794"/>
-</svg>
diff --git a/web/satellite/static/images/objects/download.svg b/web/satellite/static/images/objects/download.svg
deleted file mode 100644
index 6a5d0b6d68bb..000000000000
--- a/web/satellite/static/images/objects/download.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.91756 11.4592L7.89845 11.4409L4.509 8.05142C4.25161 7.79403 4.25161 7.37671 4.509 7.11932C4.76011 6.86821 5.16344 6.86208 5.42198 7.10095L5.4411 7.11932L7.72743 9.4057V1.95914C7.72743 1.59513 8.02251 1.30005 8.38652 1.30005C8.74165 1.30005 9.03118 1.58092 9.04509 1.93263L9.04561 1.95914V9.36184L11.2879 7.11932C11.539 6.86821 11.9423 6.86208 12.2009 7.10095L12.22 7.11932C12.4711 7.37043 12.4772 7.77377 12.2384 8.0323L12.22 8.05142L8.83055 11.4409C8.57943 11.692 8.1761 11.6981 7.91756 11.4592ZM15.7 14.4022C15.7 14.7662 15.4049 15.0613 15.0409 15.0613H1.97887C1.61486 15.0613 1.31977 14.7662 1.31977 14.4022C1.31977 14.0382 1.61486 13.7431 1.97887 13.7431H15.0409C15.4049 13.7431 15.7 14.0382 15.7 14.4022ZM1.95908 15.0113C1.59507 15.0113 1.29999 14.7162 1.29999 14.3522V11.7158C1.29999 11.3518 1.59507 11.0567 1.95908 11.0567C2.32309 11.0567 2.61817 11.3518 2.61817 11.7158V14.3522C2.61817 14.7162 2.32309 15.0113 1.95908 15.0113ZM15.0211 15.0113C14.6571 15.0113 14.362 14.7162 14.362 14.3522V11.7158C14.362 11.3518 14.6571 11.0567 15.0211 11.0567C15.3851 11.0567 15.6802 11.3518 15.6802 11.7158V14.3522C15.6802 14.7162 15.3851 15.0113 15.0211 15.0113Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/objects/emptyBucket.svg b/web/satellite/static/images/objects/emptyBucket.svg
deleted file mode 100644
index 9d287cd8b020..000000000000
--- a/web/satellite/static/images/objects/emptyBucket.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="387" height="116" viewBox="0 0 387 116" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M278.292 56.321H298.584V76.6132H278.292V56.321Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M133.348 0H147.842V14.4944H133.348V0Z" fill="#FF458B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M303.139 26.5039H311.836V35.2005H303.139V26.5039Z" fill="#FF458B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M67.9165 26.9182H76.6131V35.6148H67.9165V26.9182Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M378.303 14.4943H387V23.1909H378.303V14.4943Z" fill="#0149FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M-0.000488281 73.9214H8.69614V82.618H-0.000488281V73.9214Z" fill="#0149FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M347.658 48.0385H356.355V56.7351H347.658V48.0385Z" fill="#FFC600"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M91.521 69.3661H117.611V95.456H91.521V69.3661Z" fill="#FFC600"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M238.122 11.5955H258.414V31.8876H238.122V11.5955Z" fill="#0149FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M234.197 35.6346H150.741L163.26 106.028H163.287C163.952 111.551 176.763 115.955 192.47 115.955C208.176 115.955 220.987 111.551 221.652 106.028H221.679L234.197 35.6346Z" fill="#0149FF"/>
-<ellipse cx="192.469" cy="35.1832" rx="41.7278" ry="14.8909" fill="#00127F"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M194.224 50.0616C193.642 50.0702 193.057 50.0745 192.469 50.0745C183.388 50.0745 174.984 49.0393 168.135 47.2816V35.4081H194.224V50.0616Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M184.285 5.59094H204.577V25.8831H184.285V5.59094Z" fill="#FFC600"/>
-</svg>
diff --git a/web/satellite/static/images/objects/file.svg b/web/satellite/static/images/objects/file.svg
deleted file mode 100644
index 89fb24858382..000000000000
--- a/web/satellite/static/images/objects/file.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg
-        width="1.5em"
-        height="1.5em"
-        viewBox="0 0 16 16"
-        class="bi bi-file-earmark mx-1 flex-shrink-0"
-        fill="#768394"
-        xmlns="http://www.w3.org/2000/svg"
->
-    <path
-            d="M4 0h5.5v1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h1V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"
-    />
-    <path d="M9.5 3V0L14 4.5h-3A1.5 1.5 0 0 1 9.5 3z" />
-</svg>
diff --git a/web/satellite/static/images/objects/graph.svg b/web/satellite/static/images/objects/graph.svg
deleted file mode 100644
index f13589c52659..000000000000
--- a/web/satellite/static/images/objects/graph.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.0916 3C13.6844 3 13.3524 3.32205 13.3365 3.72533L13.3359 3.75573L13.3359 15.9504H12.2673L12.2672 8.29008C12.2672 7.88288 11.9451 7.5509 11.5418 7.53495L11.5115 7.53435H8.52671C8.11951 7.53435 7.78753 7.8564 7.77158 8.25968L7.77098 8.29008L7.77102 15.9504H6.63359V12.9618C6.63359 12.5546 6.31154 12.2227 5.90826 12.2067L5.87786 12.2061H2.89312C2.48592 12.2061 2.15395 12.5282 2.13799 12.9314L2.13739 12.9618L2.13744 15.9504H1.75573C1.33835 15.9504 1 16.2887 1 16.7061C1 17.1133 1.32205 17.4453 1.72533 17.4612L1.75573 17.4618H18.2443C18.6617 17.4618 19 17.1235 19 16.7061C19 16.2989 18.678 15.9669 18.2747 15.951L18.2443 15.9504H17.8321V3.75573C17.8321 3.34853 17.51 3.01655 17.1067 3.0006L17.0763 3H14.0916ZM3.64889 15.9504V13.7176H5.12214V15.9504H3.64889ZM9.28247 9.0458H10.7557L10.7559 15.9504H9.28247V9.0458ZM14.8474 4.51145H16.3206V15.9504H14.8474V4.51145Z" fill="#00AC26"/>
-</svg>
diff --git a/web/satellite/static/images/objects/newFolder.svg b/web/satellite/static/images/objects/newFolder.svg
deleted file mode 100644
index f97cafb0a396..000000000000
--- a/web/satellite/static/images/objects/newFolder.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.30544 1.63444C6.45643 1.66268 6.59063 1.70959 6.72634 1.78156L6.76941 1.80506C6.88832 1.87193 7.00713 1.95699 7.28196 2.18186L9.17564 3.73123H11.997C13.111 3.73123 13.515 3.84722 13.9223 4.06503C14.3295 4.28284 14.6492 4.60247 14.867 5.00975L14.8903 5.0542C15.0931 5.44734 15.2008 5.8615 15.2008 6.93502V11.104C15.2008 12.4302 15.0627 12.9111 14.8034 13.396C14.5441 13.8808 14.1636 14.2613 13.6787 14.5206L13.6302 14.5461L13.5824 14.5704C13.1346 14.7936 12.6429 14.9137 11.4512 14.918H4.61483C3.2886 14.918 2.80768 14.7799 2.32283 14.5206C1.83798 14.2613 1.45747 13.8808 1.19817 13.396L1.17264 13.3475C0.934003 12.8862 0.805265 12.4029 0.800781 11.1696V4.36463C0.800781 3.69226 0.909136 3.24683 1.1133 2.86088C1.31746 2.47493 1.61743 2.17098 2.00065 1.96174C2.38387 1.75251 2.82783 1.63828 3.50014 1.62941L5.70273 1.60054L5.81497 1.6001C6.06913 1.60045 6.18205 1.61136 6.30544 1.63444ZM7.08876 6.29289C6.82188 6.49471 6.49897 6.60794 6.16527 6.6174L6.1197 6.61805H3.03986C2.70795 6.61805 2.39296 6.54561 2.10984 6.41568V11.1649L2.11118 11.3259L2.11278 11.4328C2.12691 12.1945 2.19366 12.4815 2.35254 12.7786C2.48984 13.0353 2.68348 13.2289 2.94019 13.3662L2.97747 13.3857L3.01739 13.4054C3.30474 13.543 3.62468 13.5996 4.40102 13.6078L4.61483 13.6089L11.4963 13.6086C12.4225 13.6041 12.7384 13.539 13.0614 13.3662C13.3181 13.2289 13.5117 13.0353 13.649 12.7786L13.6685 12.7413L13.6882 12.7014C13.8257 12.414 13.8824 12.0941 13.8906 11.3178L13.8917 11.104V6.93502C13.8917 6.11696 13.8448 5.87439 13.7126 5.62711C13.6168 5.44797 13.484 5.31521 13.3049 5.21941L13.274 5.20332C13.0416 5.08595 12.7921 5.04222 12.0474 5.04038L8.74506 5.04026L7.08876 6.29289ZM5.75624 2.90917L5.6387 2.9104L3.51741 2.93839L3.42225 2.94052C3.03877 2.95287 2.81488 3.00869 2.62798 3.11073C2.47022 3.19687 2.35451 3.31411 2.27046 3.473C2.16869 3.66538 2.11572 3.89577 2.11033 4.29509C2.11339 4.31637 2.1153 4.33777 2.11616 4.35945L2.11668 4.38577C2.11668 4.88583 2.51425 5.29302 3.01055 5.3085L3.03986 5.30896H6.1197C6.17638 5.30896 6.2317 5.29277 6.27926 5.26255L6.29915 5.24874L7.68339 4.20185L6.38268 3.13773C6.22518 3.00999 6.16925 2.96959 6.12489 2.94458L6.11301 2.93809C6.09421 2.92812 6.08564 2.92512 6.06472 2.92121L6.03713 2.91681L6.01827 2.91465C5.97123 2.91001 5.90046 2.90815 5.75624 2.90917Z" fill="#354049" />
-</svg>
diff --git a/web/satellite/static/images/objects/openWarning.svg b/web/satellite/static/images/objects/openWarning.svg
deleted file mode 100644
index 477c3cae9b86..000000000000
--- a/web/satellite/static/images/objects/openWarning.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.9999 1.59961C23.9528 1.59961 30.3999 8.04671 30.3999 15.9996C30.3999 23.9525 23.9528 30.3996 15.9999 30.3996C8.04705 30.3996 1.59998 23.9525 1.59998 15.9996C1.59998 8.04671 8.04705 1.59961 15.9999 1.59961ZM15.9999 4.23961C9.50508 4.23961 4.23997 9.50474 4.23997 15.9996C4.23997 22.4945 9.50508 27.7596 15.9999 27.7596C22.4948 27.7596 27.7599 22.4945 27.7599 15.9996C27.7599 9.50474 22.4948 4.23961 15.9999 4.23961ZM17.1999 9.40034V16.9932C17.1999 17.7222 16.6089 18.3132 15.8799 18.3132C15.1687 18.3132 14.5888 17.7507 14.561 17.0463L14.5599 16.9932V9.48818C14.5599 8.75176 15.1439 8.14802 15.8799 8.12353C16.5851 8.10007 17.1758 8.65269 17.1992 9.35786C17.1997 9.37201 17.1999 9.38618 17.1999 9.40034ZM17.1999 22.1203V22.2732C17.1999 23.0022 16.6089 23.5932 15.8799 23.5932C15.1687 23.5932 14.5888 23.0307 14.561 22.3263L14.5599 22.2732V22.2082C14.5599 21.4718 15.1439 20.868 15.8799 20.8435C16.5851 20.8201 17.1758 21.3727 17.1992 22.0779C17.1997 22.092 17.1999 22.1062 17.1999 22.1203Z" fill="#FF8A00"/>
-</svg>
diff --git a/web/satellite/static/images/objects/pdf.svg b/web/satellite/static/images/objects/pdf.svg
deleted file mode 100644
index 5669020b7494..000000000000
--- a/web/satellite/static/images/objects/pdf.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9452 1C11.4186 1 11.8726 1.18807 12.2074 1.52283L16.9068 6.22209C17.2416 6.55686 17.4297 7.01092 17.4297 7.48437V16.1736C17.4297 17.7346 16.1642 19 14.6032 19H5.82643C4.26543 19 3 17.7346 3 16.1736V3.82655C3 2.26555 4.26543 1 5.82643 1H10.9452ZM10.2147 2.63635H5.82643C5.18161 2.63635 4.6565 3.14932 4.63692 3.78948L4.63635 3.82655V16.1736C4.63635 16.8184 5.14925 17.3435 5.78936 17.3631L5.82643 17.3636H14.6032C15.2481 17.3636 15.7732 16.8507 15.7927 16.2106L15.7933 16.1736V8.21483L11.033 8.21495C10.5922 8.21495 10.2327 7.86629 10.2155 7.42968L10.2148 7.39677L10.2147 2.63635ZM14.9491 6.57848L11.851 3.48056L11.8512 6.57859L14.9491 6.57848Z" fill="#FF458B"/>
-<path d="M6 14V11H7.32107C7.54822 11 7.74698 11.0439 7.91734 11.1318C8.0877 11.2197 8.22021 11.3433 8.31486 11.5024C8.4095 11.6616 8.45683 11.8477 8.45683 12.0605C8.45683 12.2754 8.40801 12.4614 8.31037 12.6187C8.21373 12.7759 8.07774 12.897 7.9024 12.9819C7.72805 13.0669 7.52431 13.1094 7.29118 13.1094H6.50212V12.4766H7.1238C7.22144 12.4766 7.30463 12.46 7.37337 12.4268C7.44311 12.3926 7.49641 12.3442 7.53327 12.2817C7.57113 12.2192 7.59006 12.1455 7.59006 12.0605C7.59006 11.9746 7.57113 11.9014 7.53327 11.8408C7.49641 11.7793 7.44311 11.7324 7.37337 11.7002C7.30463 11.667 7.22144 11.6504 7.1238 11.6504H6.8309V14H6Z" fill="#FF458B"/>
-<path d="M9.93929 14H8.76169V11H9.92733C10.2422 11 10.5141 11.0601 10.7433 11.1802C10.9734 11.2993 11.1508 11.4712 11.2753 11.6958C11.4008 11.9194 11.4636 12.1875 11.4636 12.5C11.4636 12.8125 11.4013 13.0811 11.2768 13.3057C11.1523 13.5293 10.9759 13.7012 10.7478 13.8213C10.5196 13.9404 10.2501 14 9.93929 14ZM9.59258 13.3086H9.9094C10.0608 13.3086 10.1899 13.2847 10.2965 13.2368C10.4041 13.189 10.4857 13.1064 10.5415 12.9893C10.5983 12.8721 10.6267 12.709 10.6267 12.5C10.6267 12.291 10.5978 12.1279 10.54 12.0107C10.4833 11.8936 10.3996 11.811 10.289 11.7632C10.1794 11.7153 10.0449 11.6914 9.88549 11.6914H9.59258V13.3086Z" fill="#FF458B"/>
-<path d="M11.848 14V11H14V11.6563H12.6789V12.1719H13.8685V12.8281H12.6789V14H11.848Z" fill="#FF458B"/>
-</svg>
diff --git a/web/satellite/static/images/objects/picture.svg b/web/satellite/static/images/objects/picture.svg
deleted file mode 100644
index ce6a06e86071..000000000000
--- a/web/satellite/static/images/objects/picture.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.7533 1L12.0235 1.00105C14.34 1.01951 15.2206 1.28039 16.1081 1.75504C17.0293 2.24771 17.7523 2.97068 18.245 3.89189L18.2806 3.95931C18.7443 4.84725 18.9936 5.76478 19 8.15406V11.7533C19 14.0455 18.7829 15.0087 18.3728 15.8574C18.3441 15.9599 18.2948 16.0579 18.2251 16.145L18.245 16.1081C17.7523 17.0293 17.0293 17.7523 16.1081 18.245L16.0407 18.2806C15.1526 18.7444 14.2349 18.9937 11.8448 19H8.24668C5.72685 19 4.8131 18.7376 3.89189 18.245C2.97068 17.7523 2.24771 17.0293 1.75504 16.1081L1.7194 16.0407C1.2556 15.1526 1.00628 14.2349 1 11.8448V8.24668C1 5.72685 1.26237 4.8131 1.75504 3.89189C2.24771 2.97068 2.97068 2.24771 3.89189 1.75504L3.95931 1.7194C4.84725 1.25567 5.76478 1.00636 8.15406 1H11.7533ZM4.83817 9.36792L2.63621 10.8954L2.63636 11.8406L2.63807 12.1028C2.65498 13.8298 2.798 14.5566 3.14866 15.2423L3.16607 15.276L3.198 15.3364C3.53816 15.9724 4.02755 16.4618 4.6636 16.802L4.73217 16.838C5.45231 17.2086 6.18667 17.3506 7.98272 17.3628L8.24663 17.3636H11.8406L12.1028 17.3619C12.1338 17.3616 12.1646 17.3613 12.195 17.3609L4.83817 9.36792ZM13.1338 12.3973L11.2838 13.9546L14.2649 17.1937C14.6482 17.1133 14.949 17.0013 15.2423 16.8513L15.276 16.8339L15.3364 16.802C15.8252 16.5406 16.2274 16.191 16.5418 15.7545L13.1338 12.3973ZM11.8429 2.63636H8.24668C6.29709 2.63636 5.51035 2.7717 4.79035 3.13215L4.72405 3.16607L4.6636 3.198C4.02755 3.53816 3.53816 4.02755 3.198 4.6636L3.16201 4.73217C2.79141 5.45231 2.64937 6.18667 2.63723 7.98272L2.63636 8.24663L2.63621 8.90379L4.49123 7.617C4.81674 7.39118 5.2554 7.43177 5.53397 7.70854L5.5596 7.73518L6.70348 8.97812C7.20934 6.75256 9.19184 5.09091 11.562 5.09091C14.3153 5.09091 16.5455 7.33321 16.5455 10.097C16.5455 11.0388 16.2854 11.9441 15.8021 12.7285L17.2207 14.1265C17.3138 13.6162 17.3564 12.9644 17.3628 12.0172L17.3636 11.7533V8.24668C17.3636 6.29709 17.2283 5.51035 16.8678 4.79035L16.8339 4.72405L16.802 4.6636C16.4618 4.02755 15.9724 3.53816 15.3364 3.198L15.2678 3.16201C14.5248 2.77964 13.7667 2.64058 11.8429 2.63636ZM11.562 6.72727C9.71442 6.72727 8.21488 8.23497 8.21488 10.097C8.21488 10.2921 8.23125 10.4846 8.26351 10.6734L10.1745 12.7494L12.6503 10.6653C12.9636 10.4015 13.4217 10.4111 13.7236 10.6822L13.7514 10.7084L14.5903 11.5347C14.7988 11.0907 14.9091 10.6027 14.9091 10.097C14.9091 8.23497 13.4095 6.72727 11.562 6.72727Z" fill="#7B61FF"/>
-</svg>
diff --git a/web/satellite/static/images/objects/preview.svg b/web/satellite/static/images/objects/preview.svg
deleted file mode 100644
index 9fc51c310543..000000000000
--- a/web/satellite/static/images/objects/preview.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9579 14.786C12.597 14.786 13.1151 14.2679 13.1151 13.6288C13.1151 12.9898 12.597 12.4717 11.9579 12.4717C11.3189 12.4717 10.8008 12.9898 10.8008 13.6288C10.8008 14.2679 11.3189 14.786 11.9579 14.786Z" fill="#56606D"/>
-<path d="M16.4563 13.3272C16.0988 12.4165 15.4819 11.6307 14.6821 11.0672C13.8823 10.5037 12.9347 10.1873 11.9567 10.1572C10.9788 10.1873 10.0312 10.5037 9.23136 11.0672C8.43153 11.6307 7.81464 12.4165 7.45715 13.3272L7.32812 13.6287L7.45715 13.9301C7.81464 14.8409 8.43153 15.6267 9.23136 16.1902C10.0312 16.7537 10.9788 17.0701 11.9567 17.1001C12.9347 17.0701 13.8823 16.7537 14.6821 16.1902C15.4819 15.6267 16.0988 14.8409 16.4563 13.9301L16.5853 13.6287L16.4563 13.3272ZM11.9567 15.943C11.499 15.943 11.0516 15.8072 10.671 15.5529C10.2904 15.2987 9.99376 14.9372 9.81859 14.5143C9.64343 14.0914 9.5976 13.6261 9.68689 13.1772C9.77619 12.7283 9.99661 12.3159 10.3203 11.9922C10.6439 11.6686 11.0563 11.4481 11.5052 11.3588C11.9542 11.2695 12.4195 11.3154 12.8424 11.4905C13.2653 11.6657 13.6267 11.9623 13.881 12.3429C14.1353 12.7235 14.271 13.171 14.271 13.6287C14.2703 14.2422 14.0262 14.8304 13.5923 15.2643C13.1585 15.6981 12.5703 15.9422 11.9567 15.943Z" fill="#56606D"/>
-<path d="M6.17067 15.9431H3.85637V2.05725H8.48497V5.5287C8.48589 5.83532 8.60809 6.12911 8.8249 6.34592C9.04171 6.56273 9.33551 6.68494 9.64212 6.68585H13.1136V9.00015H14.2707V5.5287C14.2728 5.45266 14.2583 5.37709 14.2283 5.30717C14.1984 5.23725 14.1536 5.17466 14.0972 5.1237L10.0471 1.07367C9.99619 1.01717 9.9336 0.972392 9.86368 0.942426C9.79376 0.91246 9.71817 0.898019 9.64212 0.900099H3.85637C3.54976 0.901015 3.25596 1.02322 3.03915 1.24003C2.82234 1.45684 2.70013 1.75064 2.69922 2.05725V15.9431C2.70013 16.2497 2.82234 16.5435 3.03915 16.7603C3.25596 16.9771 3.54976 17.0993 3.85637 17.1002H6.17067V15.9431ZM9.64212 2.28868L12.8821 5.5287H9.64212V2.28868Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/objects/share.svg b/web/satellite/static/images/objects/share.svg
deleted file mode 100644
index 92489b798346..000000000000
--- a/web/satellite/static/images/objects/share.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0.900391 10.2752L0.900949 10.0503C0.912716 8.17775 1.11196 7.2088 1.63425 6.22342C1.88613 5.7482 2.20039 5.32285 2.57261 4.95385C2.85829 4.67065 3.31946 4.67265 3.60266 4.95833C3.88586 5.24401 3.88385 5.70517 3.59817 5.98837C3.33121 6.25302 3.10485 6.5594 2.92134 6.90562C2.5143 7.67358 2.36188 8.43402 2.35721 10.149L2.3571 10.2731L2.35804 10.4358C2.37167 11.9802 2.5165 12.7235 2.87237 13.4281L2.92134 13.5226C3.27753 14.1946 3.79552 14.7173 4.46057 15.0762L4.534 15.115C5.26865 15.4953 6.02462 15.639 7.66597 15.6436L10.2838 15.6437L10.5231 15.6419C11.9723 15.6243 12.6934 15.4824 13.3669 15.1438L13.439 15.1068L13.4965 15.0762C14.1615 14.7173 14.6795 14.1946 15.0357 13.5226C15.4428 12.7546 15.5952 11.9942 15.5998 10.2793L15.6 10.1551L15.599 9.99246C15.5854 8.44797 15.4406 7.70471 15.0847 7.00012L15.0357 6.90562C14.8781 6.60821 14.6888 6.3402 14.4694 6.10281C14.1963 5.80742 14.2145 5.3466 14.5099 5.07356C14.8053 4.80051 15.2661 4.81863 15.5391 5.11403C15.8227 5.42088 16.069 5.76284 16.2772 6.13935L16.3246 6.22685L16.3586 6.29191C16.8377 7.21986 17.0321 8.15937 17.0546 9.88377L17.0567 10.153L17.0561 10.378C17.0443 12.2505 16.8451 13.2194 16.3228 14.2048C15.8449 15.1065 15.145 15.8237 14.2572 16.3202L14.1848 16.36L14.1203 16.3943L14.0265 16.4426C13.1186 16.8999 12.1741 17.0827 10.4654 17.0993L10.2859 17.1004H7.74878L7.56629 17.0998C5.70967 17.0877 4.74711 16.886 3.76879 16.3581C2.87423 15.8754 2.16337 15.1692 1.67181 14.2743L1.63244 14.2014L1.59841 14.1363C1.09498 13.1612 0.905921 12.1733 0.900391 10.2752ZM5.6622 3.94408L5.6825 3.92295L8.49173 1.11372C8.76924 0.836218 9.21495 0.82945 9.50066 1.09342L9.52179 1.11372L12.331 3.92295C12.6155 4.20739 12.6155 4.66856 12.331 4.953C12.0535 5.23051 11.6078 5.23728 11.3221 4.97331L11.301 4.953L9.71078 3.36277V11.5919C9.71078 11.9941 9.38468 12.3202 8.98242 12.3202C8.58998 12.3202 8.27002 12.0098 8.25465 11.6212L8.25407 11.5919V3.41124L6.71255 4.953C6.43505 5.23051 5.98933 5.23728 5.70363 4.97331L5.6825 4.953C5.405 4.6755 5.39823 4.22978 5.6622 3.94408Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/objects/sun.svg b/web/satellite/static/images/objects/sun.svg
deleted file mode 100644
index 20b0f20cac06..000000000000
--- a/web/satellite/static/images/objects/sun.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M5.35119 6.92862C5.11284 5.9759 5.9759 5.11284 6.92862 5.35119L12.2567 6.68412C12.8864 6.84168 13.5359 6.51073 13.7787 5.90863L15.832 0.814678C16.1992 -0.0961837 17.4047 -0.287119 18.0354 0.465701L21.5624 4.67581C21.9793 5.17344 22.6993 5.28748 23.2495 4.94302L27.9049 2.02887C28.7373 1.50779 29.8248 2.06191 29.8926 3.04165L30.2713 8.52081C30.3161 9.16845 30.8316 9.6839 31.4792 9.72867L36.9584 10.1074C37.9381 10.1752 38.4922 11.2627 37.9711 12.0951L35.057 16.7505C34.7125 17.3007 34.8266 18.0207 35.3242 18.4376L39.5343 21.9646C40.2871 22.5953 40.0962 23.8008 39.1853 24.168L34.0914 26.2213C33.4893 26.4641 33.1583 27.1136 33.3159 27.7433L34.6488 33.0714C34.8872 34.0241 34.0241 34.8872 33.0714 34.6488L27.7433 33.3159C27.1136 33.1583 26.4641 33.4893 26.2213 34.0914L24.168 39.1853C23.8008 40.0962 22.5953 40.2871 21.9646 39.5343L18.4376 35.3242C18.0207 34.8266 17.3007 34.7125 16.7505 35.057L12.0951 37.9711C11.2627 38.4922 10.1752 37.9381 10.1074 36.9584L9.72867 31.4792C9.68391 30.8316 9.16845 30.3161 8.52081 30.2713L3.04165 29.8926C2.06191 29.8248 1.50779 28.7373 2.02888 27.9049L4.94302 23.2495C5.28748 22.6993 5.17344 21.9793 4.67581 21.5624L0.4657 18.0354C-0.287119 17.4047 -0.0961822 16.1992 0.814679 15.832L5.90863 13.7787C6.51073 13.5359 6.84168 12.8864 6.68412 12.2567L5.35119 6.92862Z" fill="#FFEA9F"/>
-    <mask id="mask0_17699_429" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="7" y="7" width="26" height="26">
-        <ellipse cx="19.7987" cy="19.7982" rx="12.6708" ry="12.6708" fill="#FFC700"/>
-    </mask>
-    <g mask="url(#mask0_17699_429)">
-        <ellipse cx="19.7987" cy="19.7982" rx="12.6708" ry="12.6708" fill="#FFC700"/>
-    </g>
-    <path d="M3.74219 18.978C3.74219 17.0283 5.3228 15.4478 7.27255 15.4478H32.0779C34.0277 15.4478 35.6083 17.0283 35.6083 18.978V20.3252C35.6083 24.4557 32.2599 27.804 28.1295 27.804C23.9991 27.804 20.6507 24.4557 20.6507 20.3252V20.0001C20.6507 19.4613 20.214 19.0246 19.6752 19.0246C19.1365 19.0246 18.6997 19.4613 18.6997 20.0001V20.3252C18.6997 24.4557 15.3514 27.804 11.221 27.804C7.09056 27.804 3.74219 24.4557 3.74219 20.3252V18.978Z" fill="#FF598B"/>
-    <path d="M5.69336 18.5017C5.69336 17.8926 6.18707 17.3989 6.79609 17.3989H15.6462C16.2552 17.3989 16.7489 17.8926 16.7489 18.5017V20.3254C16.7489 23.3783 14.2741 25.8532 11.2212 25.8532C8.16824 25.8532 5.69336 23.3783 5.69336 20.3254V18.5017Z" fill="black"/>
-    <path d="M22.6016 18.5017C22.6016 17.8926 23.0953 17.3989 23.7043 17.3989H32.5544C33.1634 17.3989 33.6571 17.8926 33.6571 18.5017V20.3254C33.6571 23.3783 31.1823 25.8532 28.1294 25.8532C25.0764 25.8532 22.6016 23.3783 22.6016 20.3254V18.5017Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/objects/txt.svg b/web/satellite/static/images/objects/txt.svg
deleted file mode 100644
index b6117a094d28..000000000000
--- a/web/satellite/static/images/objects/txt.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.6978 4.00018C16.5965 4.00477 17.0675 4.09991 17.5573 4.36184C18.0213 4.61001 18.39 4.97867 18.6382 5.44271C18.9068 5.94504 19 6.42764 19 7.37216V13.2433C18.9952 14.142 18.9001 14.613 18.6382 15.1027C18.39 15.5668 18.0213 15.9354 17.5573 16.1836C17.0801 16.4388 16.6207 16.5357 15.7661 16.5447L15.6278 16.5455H4.37216C3.42764 16.5455 2.94504 16.4523 2.44271 16.1836C1.97867 15.9354 1.61001 15.5668 1.36184 15.1027C1.10663 14.6255 1.00976 14.1661 1.00071 13.3116L1 13.1733V7.37216C1 6.42764 1.0932 5.94504 1.36184 5.44271C1.61001 4.97867 1.97867 4.61001 2.44271 4.36184C2.94504 4.0932 3.42764 4 4.37216 4L15.6978 4.00018ZM9.18182 5.5L4.31643 5.5001C3.67852 5.50245 3.42696 5.54631 3.19156 5.66318L3.15011 5.68456C2.94748 5.79293 2.79293 5.94748 2.68456 6.15011C2.54802 6.40542 2.5 6.65409 2.5 7.37216V13.229C2.50245 13.8679 2.54645 14.1193 2.66373 14.355L2.68456 14.3953C2.79293 14.598 2.94748 14.7525 3.15011 14.8609C3.40542 14.9974 3.65409 15.0455 4.37216 15.0455H9.18182V5.5ZM15.6836 5.5001L10.6818 5.5V15.0453L15.6836 15.0454C16.3031 15.0431 16.5582 15.0016 16.7881 14.8922L16.8096 14.8817L16.8499 14.8609C17.0525 14.7525 17.2071 14.598 17.3154 14.3953C17.452 14.14 17.5 13.8914 17.5 13.1733L17.4999 7.31643C17.4975 6.67852 17.4537 6.42696 17.3368 6.19156L17.3154 6.15011C17.2071 5.94748 17.0525 5.79293 16.8499 5.68456L16.8279 5.67299L16.8096 5.66373C16.7902 5.65408 16.7707 5.64493 16.7509 5.63625C16.7489 5.63542 16.7469 5.63455 16.7449 5.63368L16.7509 5.63625C16.7455 5.6339 16.7401 5.63159 16.7347 5.62931L16.7449 5.63368C16.7362 5.62989 16.7273 5.62619 16.7184 5.62258L16.7347 5.62931C16.7269 5.62603 16.7191 5.62283 16.7112 5.6197L16.7184 5.62258C16.7137 5.62068 16.7089 5.61881 16.7042 5.61696L16.7112 5.6197C16.6963 5.61381 16.6812 5.60817 16.6658 5.60277C16.6632 5.60187 16.6606 5.60097 16.6579 5.60007L16.6658 5.60277C16.6565 5.59953 16.6471 5.59638 16.6376 5.59332C16.6084 5.5839 16.5779 5.57529 16.5457 5.56745C16.5413 5.56637 16.5368 5.56532 16.5324 5.56428L16.5457 5.56745C16.536 5.5651 16.5262 5.56282 16.5162 5.56061L16.5324 5.56428C16.5237 5.56225 16.5149 5.56029 16.506 5.55837L16.5162 5.56061C16.5072 5.5586 16.498 5.55665 16.4886 5.55476L16.506 5.55837C16.4978 5.55663 16.4895 5.55492 16.4811 5.55326L16.4886 5.55476C16.4616 5.54929 16.4333 5.54427 16.4035 5.53969C16.398 5.53884 16.3924 5.53801 16.3867 5.53719L16.4035 5.53969C16.3942 5.53826 16.3847 5.53687 16.3751 5.53552L16.3867 5.53719C16.3607 5.5334 16.3336 5.52994 16.3051 5.52678C16.2955 5.52571 16.2856 5.52467 16.2756 5.52366C16.2617 5.52226 16.2476 5.52094 16.2331 5.51968C16.2153 5.51812 16.1969 5.51667 16.1781 5.51531C16.1724 5.5149 16.1667 5.5145 16.161 5.51411L16.1781 5.51531C16.1644 5.51432 16.1504 5.51338 16.1361 5.5125L16.161 5.51411C16.1481 5.51324 16.1351 5.51241 16.1217 5.51162L16.1361 5.5125C16.1241 5.51174 16.1118 5.51103 16.0993 5.51035L16.1217 5.51162C16.0908 5.5098 16.0587 5.50821 16.0251 5.50683C16.0238 5.50678 16.0224 5.50672 16.021 5.50667L16.0251 5.50683C16.0121 5.5063 15.9989 5.5058 15.9855 5.50534L16.021 5.50667C15.9721 5.5047 15.9202 5.50319 15.8649 5.50211C15.8404 5.50163 15.8152 5.50123 15.7894 5.50092L15.6836 5.5001ZM7 11.9773C7.41421 11.9773 7.75 12.3131 7.75 12.7273C7.75 13.1314 7.43039 13.4608 7.03016 13.4767L7 13.4773H4.54545C4.13124 13.4773 3.79545 13.1415 3.79545 12.7273C3.79545 12.3232 4.11506 11.9937 4.51529 11.9779L4.54545 11.9773H7ZM14.5682 11.9773C14.9824 11.9773 15.3182 12.3131 15.3182 12.7273C15.3182 13.1314 14.9986 13.4608 14.5983 13.4767L14.5682 13.4773H12.7955C12.3812 13.4773 12.0455 13.1415 12.0455 12.7273C12.0455 12.3232 12.3651 11.9937 12.7653 11.9779L12.7955 11.9773H14.5682ZM7 9.52273C7.41421 9.52273 7.75 9.85851 7.75 10.2727C7.75 10.6768 7.43039 11.0063 7.03016 11.0221L7 11.0227H4.54545C4.13124 11.0227 3.79545 10.6869 3.79545 10.2727C3.79545 9.86862 4.11506 9.53915 4.51529 9.52332L4.54545 9.52273H7ZM15.25 9.52273C15.6642 9.52273 16 9.85851 16 10.2727C16 10.6768 15.6804 11.0063 15.2802 11.0221L15.25 11.0227H12.7955C12.3812 11.0227 12.0455 10.6869 12.0455 10.2727C12.0455 9.86862 12.3651 9.53915 12.7653 9.52332L12.7955 9.52273H15.25ZM7 7.06818C7.41421 7.06818 7.75 7.40397 7.75 7.81818C7.75 8.22229 7.43039 8.55176 7.03016 8.56759L7 8.56818H4.54545C4.13124 8.56818 3.79545 8.2324 3.79545 7.81818C3.79545 7.41407 4.11506 7.08461 4.51529 7.06878L4.54545 7.06818H7ZM15.25 7.06818C15.6642 7.06818 16 7.40397 16 7.81818C16 8.22229 15.6804 8.55176 15.2802 8.56759L15.25 8.56818H12.7955C12.3812 8.56818 12.0455 8.2324 12.0455 7.81818C12.0455 7.41407 12.3651 7.08461 12.7653 7.06878L12.7955 7.06818H15.25Z" fill="#537CFF"/>
-</svg>
diff --git a/web/satellite/static/images/objects/video.svg b/web/satellite/static/images/objects/video.svg
deleted file mode 100644
index 01f31803108f..000000000000
--- a/web/satellite/static/images/objects/video.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.7533 1L12.0235 1.00105C14.34 1.01951 15.2206 1.28039 16.1081 1.75504C17.0293 2.24771 17.7523 2.97068 18.245 3.89189L18.2806 3.95931C18.7443 4.84725 18.9936 5.76478 19 8.15406V11.7533C19 14.2731 18.7376 15.1869 18.245 16.1081C17.7523 17.0293 17.0293 17.7523 16.1081 18.245L16.0407 18.2806C15.1526 18.7444 14.2349 18.9937 11.8448 19H8.24668C5.72685 19 4.8131 18.7376 3.89189 18.245C2.97068 17.7523 2.24771 17.0293 1.75504 16.1081L1.7194 16.0407C1.2556 15.1526 1.00628 14.2349 1 11.8448V8.24668C1 5.72685 1.26237 4.8131 1.75504 3.89189C2.24771 2.97068 2.97068 2.24771 3.89189 1.75504L3.95931 1.7194C4.84725 1.25567 5.76478 1.00636 8.15406 1H11.7533ZM11.8429 2.63636H8.24668C6.29709 2.63636 5.51035 2.7717 4.79035 3.13215L4.72405 3.16607L4.6636 3.198C4.02755 3.53816 3.53816 4.02755 3.198 4.6636L3.16201 4.73217C2.79141 5.45231 2.64937 6.18667 2.63723 7.98272L2.63636 8.24663V11.8406L2.63807 12.1028C2.65498 13.8298 2.798 14.5566 3.14866 15.2423L3.16607 15.276L3.198 15.3364C3.53816 15.9724 4.02755 16.4618 4.6636 16.802L4.73217 16.838C5.45231 17.2086 6.18667 17.3506 7.98272 17.3628L8.24663 17.3636H11.8406L12.1028 17.3619C13.8298 17.345 14.5566 17.202 15.2423 16.8513L15.276 16.8339L15.3364 16.802C15.9724 16.4618 16.4618 15.9724 16.802 15.3364L16.838 15.2678C17.2086 14.5477 17.3506 13.8133 17.3628 12.0172L17.3636 11.7533V8.24668C17.3636 6.29709 17.2283 5.51035 16.8678 4.79035L16.8339 4.72405L16.802 4.6636C16.4618 4.02755 15.9724 3.53816 15.3364 3.198L15.2678 3.16201C14.5248 2.77964 13.7667 2.64058 11.8429 2.63636ZM7.02479 6.28099C7.02479 5.62521 7.75767 5.23591 8.30104 5.60306L13.8052 9.32206C14.2853 9.64649 14.2853 10.3535 13.8052 10.6779L8.30104 14.3969C7.75767 14.7641 7.02479 14.3748 7.02479 13.719V6.28099ZM8.66116 7.82126V12.1786L11.8855 10L8.66116 7.82126Z" fill="#FF1313"/>
-</svg>
diff --git a/web/satellite/static/images/objects/zip.svg b/web/satellite/static/images/objects/zip.svg
deleted file mode 100644
index 3547a450b3bf..000000000000
--- a/web/satellite/static/images/objects/zip.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9452 1C11.4186 1 11.8726 1.18807 12.2074 1.52283L16.9068 6.22209C17.2416 6.55686 17.4297 7.01092 17.4297 7.48437V16.1736C17.4297 17.7346 16.1642 19 14.6032 19H5.82643C4.26543 19 3 17.7346 3 16.1736V3.82655C3 2.26555 4.26543 1 5.82643 1H10.9452ZM10.2147 2.63635H5.82643C5.18161 2.63635 4.6565 3.14932 4.63692 3.78948L4.63635 3.82655V16.1736C4.63635 16.8184 5.14925 17.3435 5.78936 17.3631L5.82643 17.3636H14.6032C15.2481 17.3636 15.7732 16.8507 15.7927 16.2106L15.7933 16.1736V8.21483L11.033 8.21495C10.5922 8.21495 10.2327 7.86629 10.2155 7.42968L10.2148 7.39677L10.2147 2.63635ZM14.9491 6.57848L11.851 3.48056L11.8512 6.57859L14.9491 6.57848Z" fill="#FF8A00"/>
-<path d="M6.49979 14.0545V13.5952L7.94354 11.6682H6.50575V11H8.9995V11.4594L7.55575 13.3864H8.99354V14.0545H6.49979Z" fill="#FF8A00"/>
-<path d="M10.607 11V14.0545H9.77772V11H10.607Z" fill="#FF8A00"/>
-<path d="M11.3908 14.0545V11H12.7093C12.936 11 13.1344 11.0447 13.3044 11.1342C13.4744 11.2237 13.6067 11.3495 13.7011 11.5116C13.7956 11.6737 13.8428 11.8631 13.8428 12.0798C13.8428 12.2986 13.7941 12.488 13.6967 12.6481C13.6002 12.8082 13.4645 12.9315 13.2895 13.018C13.1155 13.1045 12.9121 13.1477 12.6795 13.1477H11.892V12.5034H12.5124C12.6099 12.5034 12.6929 12.4865 12.7615 12.4527C12.8311 12.4179 12.8843 12.3687 12.9211 12.305C12.9589 12.2414 12.9778 12.1663 12.9778 12.0798C12.9778 11.9923 12.9589 11.9178 12.9211 11.8561C12.8843 11.7935 12.8311 11.7457 12.7615 11.7129C12.6929 11.6791 12.6099 11.6622 12.5124 11.6622H12.2201V14.0545H11.3908Z" fill="#FF8A00"/>
-<rect x="6" y="2" width="1" height="1" fill="#FF8A00"/>
-<rect x="6" y="6" width="1" height="1" fill="#FF8A00"/>
-<rect x="7" y="3" width="1" height="1" fill="#FFA800"/>
-<rect x="7" y="5" width="1" height="1" fill="#FFA800"/>
-<rect x="7" y="7" width="1" height="1" fill="#FFA800"/>
-<rect x="7" y="9" width="1" height="1" fill="#FFA800"/>
-<rect x="6" y="4" width="1" height="1" fill="#FF8A00"/>
-<rect x="6" y="8" width="1" height="1" fill="#FF8A00"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/accessGrant.svg b/web/satellite/static/images/onboardingTour/accessGrant.svg
deleted file mode 100644
index c1961b61fee5..000000000000
--- a/web/satellite/static/images/onboardingTour/accessGrant.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="268" height="68" viewBox="0 0 268 68" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 40.2803H206.5V54.2803H192.5V40.2803Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 1.42285H102.5V11.4229H92.5V1.42285Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 19.709H215.643V25.709H209.643V19.709Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 19.9941H53.3574V25.9941H47.3574V19.9941Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 11.4229H267.5V17.4229H261.5V11.4229Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 52.4229H6.5V58.4229H0.5V52.4229Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 34.5654H246.357V40.5654H240.357V34.5654Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 49.2803H81.6426V67.2803H63.6426V49.2803Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 9.42285H178.785V23.4229H164.785V9.42285Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M137.752 0L157.63 19.8787V66.9746H110.5V0L137.752 0Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M137.756 19.8789V0.000156403L157.635 19.8789L137.756 19.8789Z" fill="#00127F"/>
-    <circle cx="134" cy="37.8901" r="14" fill="#0218A7"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M142.996 37.9984L141.285 39.5879L140.521 38.8543L139.719 39.5879L138.689 38.8543L137.963 39.5879L137.215 38.8543L136.304 39.5879L134.743 39.5877L133.507 41.7283C133.289 42.1066 132.885 42.3397 132.448 42.3397L128.847 42.3397C128.411 42.3397 128.007 42.1066 127.788 41.7283L125.988 38.6097C125.77 38.2315 125.77 37.7654 125.988 37.3871L127.788 34.2685C128.007 33.8902 128.411 33.6572 128.847 33.6572L132.448 33.6572C132.885 33.6572 133.289 33.8902 133.507 34.2685L134.743 36.4089L141.285 36.409L142.996 37.9984ZM130.526 37.9984C130.526 37.2557 129.923 36.6535 129.181 36.6535C128.438 36.6535 127.836 37.2557 127.836 37.9984C127.836 38.7412 128.438 39.3433 129.181 39.3433C129.923 39.3433 130.526 38.7412 130.526 37.9984Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/apiKeyStep.svg b/web/satellite/static/images/onboardingTour/apiKeyStep.svg
deleted file mode 100644
index 00cde862a527..000000000000
--- a/web/satellite/static/images/onboardingTour/apiKeyStep.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="268" height="72" viewBox="0 0 268 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 44.78H206.5V58.78H192.5V44.78Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 5.92261H102.5V15.9226H92.5V5.92261Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 24.2087H215.643V30.2087H209.643V24.2087Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 24.4939H53.3574V30.4939H47.3574V24.4939Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 15.9226H267.5V21.9226H261.5V15.9226Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 56.9226H6.5V62.9226H0.5V56.9226Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 39.0652H246.357V45.0652H240.357V39.0652Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 53.78H81.6426V71.78H63.6426V53.78Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 13.9226H178.785V27.9226H164.785V13.9226Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M137.752 0L157.63 19.8787V66.9746H110.5V0L137.752 0Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M137.756 19.879V0.000278473L157.635 19.879L137.756 19.879Z" fill="#00127F"/>
-    <circle cx="134" cy="37.89" r="14" fill="#00D459"/>
-    <path d="M127.036 38.9486C126.35 38.2619 126.35 37.1485 127.036 36.4618C127.723 35.7751 128.836 35.7751 129.523 36.4618L133.668 40.6065C134.355 41.2932 134.355 42.4066 133.668 43.0933C132.981 43.78 131.868 43.78 131.181 43.0933L127.036 38.9486Z" fill="white"/>
-    <path d="M133.668 43.0933C132.981 43.78 131.868 43.78 131.181 43.0933C130.494 42.4066 130.494 41.2932 131.181 40.6065L138.642 33.146C139.328 32.4593 140.442 32.4593 141.128 33.146C141.815 33.8327 141.815 34.9461 141.128 35.6328L133.668 43.0933Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/arrowRight.svg b/web/satellite/static/images/onboardingTour/arrowRight.svg
deleted file mode 100644
index bdb5498e7a11..000000000000
--- a/web/satellite/static/images/onboardingTour/arrowRight.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9809 3.39993L11.0028 3.42096L14.9791 7.39724C15.2665 7.68465 15.2735 8.14627 15.0001 8.44217L14.9791 8.46405L11.0028 12.4403C10.7082 12.7349 10.2306 12.7349 9.93596 12.4403C9.64856 12.1529 9.64155 11.6913 9.91493 11.3954L9.93596 11.3735L12.6243 8.68494L1.55435 8.68499C1.13774 8.68499 0.800003 8.34726 0.800003 7.93065C0.800003 7.52419 1.12146 7.19282 1.52401 7.1769L1.55435 7.1763L12.6243 7.17625L9.93596 4.48776C9.64856 4.20036 9.64155 3.73874 9.91493 3.44283L9.93596 3.42096C10.2234 3.13355 10.685 3.12654 10.9809 3.39993Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/bucketStep.svg b/web/satellite/static/images/onboardingTour/bucketStep.svg
deleted file mode 100644
index 97fafdeeb5d9..000000000000
--- a/web/satellite/static/images/onboardingTour/bucketStep.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg width="268" height="77" viewBox="0 0 268 77" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 43.4653H206.5V57.4653H192.5V43.4653Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 4.60791H102.5V14.6079H92.5V4.60791Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 22.894H215.643V28.894H209.643V22.894Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 23.1792H53.3574V29.1792H47.3574V23.1792Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 14.6079H267.5V20.6079H261.5V14.6079Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 55.6079H6.5V61.6079H0.5V55.6079Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 37.7505H246.357V43.7505H240.357V37.7505Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 52.4653H81.6426V70.4653H63.6426V52.4653Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 5.60791H178.785V19.6079H164.785V5.60791Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M162.078 20.7275H104.5L113.137 69.2936H113.155C113.614 73.1037 122.453 76.1425 133.289 76.1425C144.125 76.1425 152.964 73.1037 153.423 69.2936H153.441L162.078 20.7275Z" fill="#0149FF"/>
-    <ellipse cx="133.289" cy="20.4166" rx="28.789" ry="10.2736" fill="#00127F"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 30.6808C134.098 30.6868 133.695 30.6897 133.289 30.6897C127.024 30.6897 121.226 29.9755 116.5 28.7628V20.5713H134.5V30.6808Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M127.643 0H141.643V14H127.643V0Z" fill="#FFC600"/>
-    <circle cx="166.214" cy="30.4288" r="18.2857" fill="#D9E0EE"/>
-    <path d="M167.461 23.8444C167.461 23.1558 166.903 22.5977 166.214 22.5977C165.525 22.5977 164.967 23.1558 164.967 23.8444V29.1821H159.63C158.941 29.1821 158.383 29.7403 158.383 30.4288C158.383 31.1174 158.941 31.6756 159.63 31.6756H164.967V37.0132C164.967 37.7018 165.525 38.26 166.214 38.26C166.903 38.26 167.461 37.7018 167.461 37.0132V31.6756H172.798C173.487 31.6756 174.045 31.1174 174.045 30.4288C174.045 29.7403 173.487 29.1821 172.798 29.1821H167.461V23.8444Z" fill="#00127F"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/cheesecake.jpg b/web/satellite/static/images/onboardingTour/cheesecake.jpg
deleted file mode 100644
index ad440757099d4504662e8b547cd4e9dc03efdb8d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 20580
zcmeFYWmp{1vMAaFm*5cGgS*?{?(Xh`JHdjxdmuOrF2OA%Aq01KcXvV{33rmc&)(<0
z@4Wlo`~CKsue)oiYE{*$s-CG@GyS~yya`|`$jHk8FfcHH9P|Y|ZvlnUZ@@MHpsWlq
z0sw#nz{3y$@K6W_dMLmU{|nZDp$B09;$J|CoB;F;;6e|BC@=u`7Y_i=(CeQ8mHc=9
z-zz6OCx;*hhafu_1&4qj2ag~Z4*<Xx!u(SjR8QfHf50%wP#E@~_@%#+pcbOG+If1q
z3bL^|d$5{YxmZ}UTDmx~y)k!X<6vcH1B6B2xSCr!SbI`fSlfb~K~xuApQ$LoRv;=}
z9%XiAS4nF-u$-T}wWgnnmZhJArGOQcs0fAd8^JeDu1?mT<`i$79GyJ`-+-w83KxXJ
zf6#1H6n|Mf9Y9oi%4!snF7DP8Jghvd>{QU%?p8K}8d5U<oC|#iqWY(iK0ZFIK3uFW
z?zU_k0s;bT?3`?zoGefd77t%%PxCh{&K}hNB|*yC!_pn>>IrsnruZY#+``4n6GR2o
z{MRH`I~PwE4?7pve+mEJJn%2_UqAfUB<QOCXZHVc*neYGR{lS;IywFE!e3iFJf*#%
zrv0BH;i2X0YR#r$?cw6(ZfPy;ZSCwyO-1o9D+MK899`U%U97A@R9ycZFE1&n=I&wx
zc7zf<G-M?x<fSEfIRtolSvXla{^)lVRE7q`%G}dj%G?vm^e3TMI5=3?xwQT(p_te?
z1=-pE$?ReUw(<RcV*Qf>POi$zf^uLFPZxLJe+E_4+U=i^BlwSMD1*7>p8$cVT-{x)
zyezG){%V2ZJzQ)&eazjh#ciQ01yPCH*npkEp1u@nf5Jw=!OFq@PxGO?K6chn3IDs{
z?0kYey#F+u?cYlOdisA*`Vaj7JEi~N{hyTnz5V{1Qno*N_m4%h{a^j@m-gRs6l&vN
z6g2Vwfd9IKL@53<{^NoFc;G)C_>Twv<AMKp;QxOf_;(F%?F=oveV`Tg^BKVWw-WkO
zz*2CrvIG1Q^2%_p|5o*wv!wA$NkAjqQ84nm(+7#S&)YAopmm_Bnue;3yplAuK>>gl
zT8@@Z9&qdc;N<M-{--e1(>I_%+yhXd9Re1B4hWcAdblcU%4q$gQ~00G_w#@I5MYMo
zkF5WR<Nts|wSv~?&_)Ic$|GXw>h1}J|8z7;KAx_B;B+XAYiVb01%)f1Fta<<Kqx%>
z2XFBY`0x*G`w#f%AJ|<>LlU|+OejoY``=)T{{~yyxjR95peqMxoE*KNHvAobIx;kC
zXKhXBl?r;003Lt_APYzU6o5P+4M+mK00$rdJ@W!A04Kl-eFyyC%>N^s1W*B7pmQyu
zXIH=%a0kGEEno+D0?bgX7gV}6^lAgeTSH%tfbSpwL+3%qzy0cA!^Qa*1%oC50PyS2
z&o|H*Bc=hsujJ?Fr=sWQU&YXNZxsN(IRAUTOCbR8-$C)o|Hjc2002ff0JQf08)uOP
z0BunKK(OR$?r#29&z~Ojg$=Z0y)FlUm-+yJGYJ4FhX3#xl=g=Xlq>*%mOnI9V*rqy
z0|2y8ehj1M6{wHkVd3E5VBw)BczAdOL^LEs=)gclMMlHIz{bYHz{0}8CwYZ~ON57o
zML<bFL`q6dPLA`6iiV1ehJ=iq?2ix_=u|`mM06x1bTV8lT(bYq<M|7Kg#;|YB*VgB
z0WYv%V6kAHzd-{6z`+0M&HpvvU|zt&BLIj<P^vU0@B#+*1=M&r1SEJ^Xpash0&rOH
zlnB@y;)pov=2UJWxSSFxc+^}PMLkF~k{0d_Q(O4lnxU7x9#@`W;ptzYVu+v${*Hes
z`6CAo9sx?@fEokU0SCar!@>T;4wx5Mu-KFwa5&=XxKy0x@NOX~ml7I9Q+U)3TUXD^
z02(X|bOEqffGF@|TbT%^2-zaq_uX;J{zAu*+hWZWH#If)0#?eWFLRj^GKj|Db+0Ws
z92hX622;YNJ-?)CHmhaAfkpcoQ!b=pR#UnS_eh;sL&Kez(89hihI*X21@%4gzVB;W
zofY7|UM7RaEwTU8ig81M3gwhIX_CQS(b9rJ37$8;Vh4?BXMYzfy7EiCLxor75{VR+
zelRa$vB&pri)0yb#3kp6P+qH5@SR9%@j66EpLD~Ry1kKKj&#J!%MXs}=PRP$Et1cO
zJ`xiqnZ!_|r)QnsNxAgXNrO29@?48s+o<6K8E(Gw{?LfP94c#koQ^<mp3yHIU?`R<
zK7YxT!H3uRLf(Za7ZaYoS<}IdD(pi|BNzX}zDUOCU|xkfU(tJ94n%uA_GstW9iA*4
zw>(7Y3io)6hLxsz@0jURIleEIWzh!#$@WNi-VZS+iF56z7Gm?66EyF`v<HW!yA$)*
z&A#G%x*OLN{K`8<Bgounn6-Dz6gFIQKY(f{lj!e>h46(KQ`#$1GEt6OliQtTlI4@n
zgu!ZdPvFo6);wDDla-TR*?4Q};)IcJ<DeD;&4N~|@O5&zY?ocYmnd?^HNxUnDJzQ_
zB<fkUC|R_|TxQ3&>70H{Zh;wfIrCF8$ROV3k0UsacRtwSKWR5gn|~Pa-!xFOOm~cP
zkI8y!_c~Mz)cG>t;CigodbY@5XXJnk*e1QV_aMUG{LWjVyKNp;dyWnEi~PA#gu+1x
z4pRg)ZcZ6n#uHp5^X(M7C$09O*2F=1Vs1ibV)SZu^s+}G;+x{5LTb%&(Q-w0uXSM|
zz|gK1sU1MuIUy;@3(s70&<#rovQr?7vd7g-6QeM-f1zyvvmJbzB1SDAmTVt-Bi@cJ
zhnaU$DsS_Zn36_3c+7iR<GoJwmz6q3MGL(gMVV`~O)V`+O$Vzq$z*u1QUmzzDc?q4
zdoV-lb|7dg{?xlpLq<O?*?ip3rac*4D1_Tks+N7ENTk9+q&F=<nVc6=34W!>d|NGm
z7MwwMV6-PHE4O3)ebHj?Vb(*J#nxmoFfp|dO$NDU*d~)|en!bF8H)gKTpw$hKgXtA
zwJ~FBub=m}o*B|{5zb3ZLiu`b5-f=)lCeT&<u)`U&^Y`SwJmlP26JUrw@P3}_@cD9
z^B`<)%YrMI(Pu8>wu_)^oSe7qfuYr3x0+-|n2>|N$+Q%#le!qeC=h*QQkp>^#wSef
z0Qw@L@K&3fsyXf@U+9@7#Si%(+G<iIUw2?fO@cb|u8vGJ=^&T)^^n6(KVQyB*3X!C
zA}#yrhPGuaG=eI$akmv#D$X`TwB_I_uX7Ez%xbSnqX>5iAF`GOT=j9MbQo8MqVXZ^
zMnSdWI(m4I#B^Ln&oR^w+dg0L>_`f6x+T((dieX8o0Y067|h7dH)YsM)sigAws$|-
znYW5@`sLsnxrkBXzF<L$`9e@6BhXWbr!r@k$<J|HX-%DSwH{2kCr}m7OI~6`P_CJO
zH%+Sv(u{JRcJS&Uj=hy$n(n_sFF5$7FLRqKXZ{SB+WJI}a~ZusxQKM=nDR{;@9J4(
zt2;MO#9py!K7#Z8PH4|QNT^H5)9;R0pcs0Vxc~7q+|wK#FHJ{4551WYIsBCn%KP_9
zO>N=97_1I2_2*ed6oqWHRNg)664Lrnm*&0RPY#eJXB>jyj;X{qd?2*Hu}TBI+suYE
z;~&G&@f<icO%~zWar?B6vopPKs?p${uScZclOD5K=95D;&hB6**lr<|8!hf8Es{#>
z9e&#Hw6|r{g8gPBfGTH&BFcETHGG~#Ys63-3*waHR3q)O_|(d<EMj8hC-*HeAynB<
zmEXF1h&+z_L%?EX&ec*5jZ{y+_icp%dXpPYBy4#t(PHKKD<5}fvB93@QcIcq%^r9A
z)F^k`!a|FTualH7_zYfXDSs)_po^tgW7IFwp?&#XhH<f2W><N94hhD~<1^!Yd@C%k
z^@KsV*}gD_A9nbQ2;4I<p2XP~Yz9~uGza#$IvTzFkXSrjQhR;70}8dm>r@9V565Vk
zQ9o_Y-qYGaGdBZixw%7K7iV2W`y+h&?3SiZ#dnB&8cdBD$<=eW@6I_F*Ha^RffhOy
z#CLhsOlCR`t1|2QQjUQR*x8Q#YbJ_9ncj4MJ5I?Yt@beV@ayU5WAysgrJcUPAmuol
z&i>_Py?z2%1z9@UY?i(pW?ML-Z^cO_42>lS0*?y_Nmlwr)6N}gy6<Tm?=3U?W_3#d
z4_#8kK<n`&@4kMn*l)$o*pACb=;tK@^}=&x@0?k?GLmZb-08mj#y?=oJL#sLunE0J
zKBtk(Kzg}ge-ev7F5pg+kRSKOO}RYs4X48HnW+Yro9y6_kZtxuR?o~~8fX+rNnjOy
z?kN0MzAyFof|^<&Q&EnvGR`|E6A5)e*;Zc<i79%?BXOzWFtS^2eknWgJ>OS3!Qr1&
z=#f1xPwA1VRa`zY*o0cBl~6%m2*thIB6K=5lm_iR1Mk1vmzod0G|F6$^g)SplSrf&
zihY5Mi30Pn0~eMMR6%bc_3f7XL$ZcsVoRQ^G?rdf-5ek7m&TE9`}kHVqnv3OW-XF6
z`{aCFH9G_DpDZQvRX13IhF>|A;<?gJ5%xPKIQx$ZWQ%?ZvFZBpDh^eVpn7gC4`?^E
zUk~md(1HdBPx87SwUX5FYfBc=E`_Iz%AZo!j&kNBu1xghQas#m>Nd%iZYLb?&P?Kc
zwc2gRj|G+5O(%#X)3g(I9uoX;Yp$lUw?WDToRvSTv6DI4I0=o?x_wvRXoD4Cn{JBW
z5rW<8?Deb2F$6zQ5JjeP6KU_p0*uNQ8YQJ}w8p=RcH_Kw`gWTZ&=_FeWkXhV9FNN4
zoJ8g>5t!0T6E9<&;B&(h65QPdD{>M^8@#=i+sE=YljJA4D~Tv1cI<CdCL~fN96Cuy
z!{OlO8?J3>GKg5=w+^@WZe+Q9>W#2%6W#4@^F$-fz}PC{4Y&2)xHUhPtd{w5oN{&U
zhjU8^>b(admZGm@6<Z6G-{EPX<i_hT#^x1}T%qUBFZX?OOA410tGikylf^aHUH{mx
z&iO$-ltUs7L6eMk3|Rc~B0_Rq>189m1i3(TPoaQoAeR^j!7z&(rg|{trxZ%M-HRs;
zy(s24wb&XA&a9<*LjqMPV~yNA1dUoJYLiN0lh_=~A@S58J9=qV1APtL2y(#*+RR?1
ziWYi%B4>fBBifQs!axTwVHfTa2VpJNHzGYk4CN~9a4mC1n4ADAhf;l5ZnM46-xm-I
z=aj>v1|N5tXF%gVP)1KUn`Kao<cmy~<=c#dscP@QB`?y_E`K(Y1Y4wI53#G&z9+R(
z3o(=kkPL?LXX@#8d9Zg<!;G?Zs0N62`9w8mvVZ;=aEQHLo3b2N80;eWehg7n8Gtx*
zsc(^TTKH0IiSRr0s!r@D5$~+wn-I=L6pzj<D}AzV{uV!&7Xn*?9@#xPR7oCtBB(o~
z+;g@0ZKF#FTiICWO}5DZshwnnW|taitX|Pzhd|Ae23l*|OMS-^f~*{qWIAeyd-~xS
zntYBSD=7*LK^^vxZ52V>dnZhHv)J9;)AN!Bs>^4fFJE2RdfH&gZne-!&v99)B~A%=
z8R6l$%yP@GBM^L~pVHnmb<1F>r6zY|;>%Ul_#OX-u3O7OiAkAiU7H@ANx_LLH`Q+K
z@cSV(A<wOwa)Btbn(=w}%Nm-dgs58oEv^B2GV^UZ0_v3^BHpu<_ywozG4YbGJV?_H
zWj@EJ@^#5*m)4#u_BSx8&VG}j5&h_P$nyPsg#x8$9I-IbUAdFZtOtd-6yGzbl9*+A
zU_G^sk1=S6RT!tT*u;WxoCmlm!Y%z;#h3bIkPDrTiNx)8rX%nM2Ml0B#bq4KX_9AI
z!n&G>DhZt8SMPZ2G8vQX)jqrjqvVZg6i*XMqB&{frkqWSFV`YS<QOer*XVqZ7an(Q
z=!aw{6~g+BK)P^E-J;;_KcaV9oT%dZbVBNvBRY4Ru@20Zej0k#v$+efCiy6I1zg+i
zqV9WC?YU);MRkL@rcbn|Y|A&~5!o_0BtVUzliU*9&-mU|3FYV~F63E+ua!KQU>@{t
z$NkxV^BmY$JU%os7}&L5p(xYoLc=oD{;4%dW2PW~NJikC^Jh)eq-DTk?46m$UBlI9
zk~h|PH%tf5KveR^QC8~_@#>P1RBC+x1de<AJ%7)mF63<JM|T0d)Fd6Rz%03hE7;0y
zJsM4kE8)wrKS~+B4F&`_#fqP$SFVuwLNp>M?a$V{=(HB;7JD<SbY~gMD+tQ?pv@>&
zFI?(3FUYMk$wuG10Fu?l#|`f9VEJihP^{-HZpJ$%R=NasG>%-XX@cH)Oz7=3`c<?I
zt?wrYcw)GnIcyf>n=(>-OZ!~?NfTJYk+FZO=FnQm<p;{3n!TlL@rsjW5Kks!j-?E7
zjs28eZ^CzYGfp;~rx|xvDnXq*xa&3MZ*H5TE`u2D^(K2+zJS?}zFv#^^k%HodbeBG
z#^wucH;>#+Q}6vC)yMFLn$?LjajS@63Y%bAi*7shk4uiWewZn_RJ$pXI?^o5{n_ei
zk}MeuINV(g{I%-ir?{lw3u!f5B;sbZSkP(-@rV&1a6_3!`RT=r5+!mB(v4CrHmBgy
zu2f=t)NXop)MfTluvq+xs5N)9f@MVWz!R6E#Jjzw_KDMpJw<6b&h_b&?=Nu}rNec;
z123zN5i5gaK@9sly0go|L*-J|N$;)T&cZHC$hv5n>1BtGj<)OF*^aE1BM$Juf~C`l
zjSiA7*h#0mFGqVfDtHclig=e6@cInq8rWTFr=(kwgC2FKrmdBW*8S->1TGTq@@VIE
zVsK1y7O4!2NiYf8$7Rc(=1USx$~?vvCS+ZR>pPq*>%V*j*UjVQYtwktxt5rP%{c$=
zc9?`1lJnHl)jfa)(iA<MEWVcywwdor?d0$b^}xtcIHCte_j#!ZP!|UfuCr-*i)0ii
zZL!kKG*w)-#&{C=IueZ`xE+cilJ|dRnG^2j)lJgf4OC(jpnyDOkLmWPB750sFz|Dt
znrJpHsa$@Z4fW8EGR_f^>_Oc8=B9e9w^`i<#&~)1SeE3Q+n@EZ4KpASFu&Q@Gsz8#
zt*$Id?=+RowHKX|{U%q(DpOGD`s<csU;>q8MrNj94P~U^$EN>6Bj_!Ipe<db-PK#_
ztug;dFWniQGsYXmPm&+`IB-Qd@}j>J>((l8>SPZw!bUp0TXb)z*vxLBjq@k<yWb!^
zN&ishM>#wEdaV4FLM&`aAXC^;H(B&u+%RfZJd6_NQt{DJ`5a~DM+3NQi?7vRM(ZHd
znk84B=m=I+?TV-%wK06tzCP~|PAf|z6IyS53q_ZH{5X1=7TJg#{bF$Qxp1RgtBj-n
zyb!ic*A#NvH_@m}dQmPN5R;Yfru9Qq?8OB#(mu!GOTUKOr~)=kYi7ZWe&5nec~FG^
z*38s)ra!Wi#??Y5&GkUN->odREV7MbU5D>dM-219715cNtMhQj*q~#ky|d(~{GMrd
zx33%>7XxBLAs)>JO+baZRTecjwH2)+$z-O)jc_?(bpy+XcBi-%l5=TE?GLb_;b8{s
zlA&O;WGj?-O4R&0JH64gNt@t&CdHVyrz&sL8^q^xSZ-1tix~|VmAad!oB_g>BW0OG
z5mM5ShY$98$V3+CEj%zMWj%SbM45&($|7q)O$eFd&wy1Jc@udCGwQu3c}NgrJo0Yg
zDWiV1P_iG2e%j>E*Zvh}btNq->f=N*Jr7ak<DYDe5%!uuznC*KzXaIM?9HE^t#bKh
zrgFy$u?w;P$ki2j&*tp2l^-K(AR8T+7i;bsZ)&y{Ra9SF?I8TCJLDXfl7gLjRwrxq
zfJdy(LacVSO-+dCFbOXIR4sa3AgcG26M-?gZR@11@%>n=CR#`&ySLCYaP>poaioRZ
z@&TuI-98uNeq>T0Vn(V&G(yYjx7TG5Ufvyfu}HZr#$%Fn<e@E{qaV?aD%+xOj7%-(
z$O8LAgw?CMJy9skHTeQmmK=Ni$8KS_bq`y}vVn;jOVjkirqj3QRF@?&H9W+2b(T>|
zId-q}VBT1XkJiM$JsKosnwhbl;V$awrQvPb44Rt!Xun92F&5Y*yhE<6J~=(eb^8{?
zAd`GCwe)LQ-O=T+BsZ8bopE_uPVSc;G>h9?<K%LbEJxJ!&!_|EvEVoxmb7%b=<}8k
z`|g_;IYUmF6yX$Cla*{NyOcH*7Qj>jgS7NB)h`BC7o<`Jy3Ez_Ogr1_qDRc#7_qL1
zF!NY4f`y2tl7&vpI{1I%7THFUIECe0C2y~o<)_0Esc+af+w^mXJMtAVXA*>+AMm_X
zQ&{fjkZ2LV|E)pI0ID!#xCkX&3}xsbB8G2H<HhC`Rltr@d`s4u=P@#(C|&rZf-y8Y
zodjXdL5))(`OwyL{UfQe(y>`z8VqL!7b82UHkS$q3;lXOR|>k3C`q>n$Lh3!;75is
zNJOFK&laN&&KA-~=a=Ia(zo4JpuYi(?yIFY?-OBW3Y)iX6PMSDu@l|(e#$P~)Q8OO
zx~GX`($iGJ+56G>pbSriqB}%Zfsk&_DKG1lKWFUkrP4X3?d8In)C3xBHM~yblu=Z_
zOqu(v`}VN=M}%L=f++otNS?p&Qv$zpAgtDtQ2v`dNm+VgzB;D0Fg|y>@rkH5s?K%Z
z1OhbkPMa=!lW{@G<~4SsLE27>%!UtOa()8R2<y>V^UA5af!iR%O8(cjnX@ah!sk=8
zq5zDzDCf%n*7}3@Dfb#`v9TaQ0>dl{XQppEhxQnelcg5=ueNR{?5775md3`vmRLrZ
z=m@WPK9$UBcP(MJwMy3<eHYw7b@0Q>^*-_lGUurww?j<JPLJ5{f2h4}RAe1a^sSe_
zw3_GBX&iD8R%+~_mZkt@%fr1jTR7|xhGR*7`<nVl!OX@!1QyMTs8x}l3!_t+xm8%D
zw{pyoC|lS^@gV{%*BMr8E9UK}lO|KcEjP;9wIH#0>y3!!rqLHEnU)k=1ry52(c(D7
zZP(YJ4J;a$oM;Ui_NU2y0v#v+D8&|9NR8L;w^YEF9W|N^zl?YGsTdAjK>4`TCuwC0
zwxnY=Yq-U$;#_huFEv@CV20p6&MS6!Soh*rNh&ENtVgh(IkFV0?|m&f62q?oz7Rn0
zP_%sTkZmzJG)64Fs}P#1?)nt*`9|r^D|w_7wK5(z)%32=-(D3lYeyiCN4AkikXA@G
zok>hB4H%%j61k&~tnLNj@i<c^oI8G60;BsT=f3zAbC0)ueErdFCG8WEea0sYpOzVQ
zO!{azf<^R<tI`6x4mtm$A1mp$4YxH@Q*!uD^o?nuA{l%<6*Zr>HkvEZ<j5JTlq#2E
zw^flS7cfgEXnfb?HpmYh>O_j)te1M^TJk`$Pec#5IC4GQaEr;peJN5wObgGz>$E5J
z{RbnHrDGDx&Cf5v`G#W_S&e;(ItAN6;-+_9;AqF&GA9LgZ8*P-{KRB2T*d)x01yH=
zX2`-?OxBoEqEcFME!sk4>H2>qSvasrv&4K(md#h?qL<-_C!6bQ^G=MRbUL@fCfIjG
zAgK_$JJG=gA6cir3Lb+?YQ<r0M^3Io-yt2Sb^DU#zOVFI{>mjLfUoA#meBZ!sBf%g
ztT)XwO=9WBG9?DBw+iQz*1}PVP(sOmsZGvXr_uz27PI);(%{gDw_1z(gbgyk(sxc2
zDB<RPuv~^x&J=*~lv%8sDtNd9`%FZ{p2gg`O&oDwVO!f`M?+?omXKsRrKkDXUs;;W
zwHM|A+!|<4Iftdj(lvbV)JHq&GS!|Gqjwi~4z%K5UoQ4(pk~1WQwRZ@dbjlqqtY5G
zx0F=z-s{2n6r(-riX5l#l8Wxfy-}>^KMb}$R!lhG!4m~?i8nUEjzn|)zVWK=uxr)(
z(vPq{ha#YbKKtVSM2yl*XcEbYeux6YuP}IZuYss3ph}ITVS@HtqP|4|SCzEc;nQiL
zvH@HH$}IpT2~m?C!tEDIc%a=CHV9NoH=zFZV$S4FRYBO#WDZccHj;K^r%9ELhdoxI
zUt_X1>=enr+z2`4x0S<!%$TT(o{-r@Q#yS*1WrqCc&<6e_A|@;ExH`U8}Lht%c&B-
zw)2;G%Q5S=-cClA(JjI{%3#!*Z#OAeB(V5)NFa)Y*n0;eCg+1F2cJHMbmAE3>1QRg
z&VL=}L%G<O^Zs&SY)&9O6{DbZ(B*FhQz$nyp{lB|dozx@uVsv4glV)Uw9=@AX7yoD
zq=ihDUx>T7c+g5Vai15Kg9DEJ85nONF|sNMUGF6jToXW9H!O&A&hVL^-Zc3(jZ_+(
z5z}vqS9#>N$!cel<pkYKM~hd$7DOMI{^U(R<Rxf|sFbRLAK<Y=)4$V~$dolMFFv~q
zlQKeY+z{$->F9~~xC*8(4JiB0NpsOUS7ZlXoYW+86?8J7sCMJ@40ys38+iW?^59IN
zA(S$o3CD{+gSNa1FWT83zKXCveZ07@7ft>VVYWEggTzWLlTL(>o4%TopkMqBcQcdJ
zp=$Mu7{>UgI|y%xKjg$am0cer{ouN;VfbU_7+&oFXOs>$TSZ;v27EI%-OwPhHkoQ(
zB)qSRWgLtIzJW@HM@2gY!S?w#FGx-axb*OT-cA4$|NNVaMqG~*5t`+6I&(UjHoh>C
zx(wImY_UFWYRGymD#A^^?Ouo?xxwIvcc%nDb+Pe9!XWSwG<IPqg(#>(j^C@Li43O;
ziN?e@3dkAR*@r$Gls2I5bfZwZGs1oxR-<W*-9JBPGUT_)-`7RPb&Joka0M!k+_Br_
z9))@_;LmO|!%P+~Af2<b*sWJ+;;-0$E_K;n*W)|Zx!JzylaZ~Gw8a%gW7rGkRXV`i
zUUKy5T4fb-Jx1r0c93VzW_iJYJ&5U5mfk__&0y$7bAv!#=7*9~+|IiBohT~3&s-Xg
z#9x>24qcd9k^Do@G?P$rPlnh^cGvelkMo+Oz=U=%;(;4OyyEcYjptIsg}!=bRrg2>
zrgEUqLkarlIH&#}V>X)acc){Gu#F~2e(Q%bRtCUR6RgyF<<6#-U?sTA<Hlhr%D>|{
z7^E&H(b>L*AP_-!Eruec!<8V5=X#rbk6Pe9aQ6u55Y<QYNZR;ZG;90HvWoEnN+L}K
z=gnbsFEhjgBWeK#sYZp0hu*#^y8yLq?+-cK4we-o!#B1C@2THe-R}?nK>39$k{+-y
zl+F~ph9BupVl^GyZ(Nle9}5$H7W;y0!9x7hP7$?b*4dl{^6}fR`SmPmT08DB$v5wo
zjr_<v?N5iKO^VFDEEe;H84h>6Txv-S@KJMy;1HK<VZ$~pg)r<XNXw41yj6(Sb;zoG
z5SrhMEgT7pTfddk<!@;R5flV3*jbw>WN)wFd>G;x>?xk)4;a?*@B4bEB|2VI#mhT6
zKm;ef2U`eh9~r9CY!!4_NMed-r%ybTc!zA(WDK|HtSYWCEV4Xpm`c;}TJyU!AAG4=
zsT>|IJz0hZ?7K6a5aJektOl|cLdS@W>B2@r8h-x5MoP-PheTy@OCmMF$td6MLqnn&
zHN6?u^;>+upj*!=N3XYhv5zO(ieN|b93e;Z^1;=l4By9WnskS>Iy}Pyqb>vyJ=YY*
z;6UX!2Q+JM1pByaqLrO6xM0TpIqLcRm^_LTiv?N`7+>J2ufRe)GJUz+LSN+UyRaW1
zru*%;D|j^7a}YB&F*Q4V0Fu`;$`Q`rnYv}E$<0%44|kFL6q=#sy;}9Q4o^*9q<rv2
zv(8WvkbefKb+DGhvvFeHPJbwR*a1@Fck^d`Dw#G-N6eFua|PdhRUFn%8HX8wcm;{f
z+8&v;;cJvIf5QkqOAJS!8`sP6%hsA%1ScCSOv~jPGV+P=jx%<gc#jx(qqeuPVZNic
zP_z1Qa?0e9a3Mo=G=)o@dK6o<VKdMhrWg04mHWGNe-@g%@eLqR4V!x*x1;&K9)Wl|
zDgLL$jLYo??nCN^_VuUv@3jJUCA+e+YkC+;mM1w+i)(#kh)o<9c%IY*medd!!uZ4%
z=2F)5Mou~jt`IG(jG-cW8@|GZ+N6pLar0J#(qy(Y*EmpD;Ngbb?QK;areQZBYmq}Y
zLADlJcf-2WGk{T1t^0-knjWF`4hXpt16h%ZvQ!|oo5~Oxc4Z6+^+&aR9uJ{5C!&XS
zdL(MLOVPzEjo15apf1B*7<l~FV(@i4>U5@<!1-dnwg6or9zpSdauX81elQq$1yqsM
zm>C=r+swReACkDT9XgmVE+%&EKW_*7@%>#z56;jEw^&3@Ar)Al^+oXJE{qs^10uCw
zp{)R+00fnX4141}8GmCwZ?-eRyUBhS0+2_3=*K+ww67;U8;~GDlZgiIl_RS*^-;xS
zbmHy+2Kg4nv=w>$hGvaMCJv;M?P>*OHrS8}CzdV>;WAES&DA-*T(X~Vv(Z@L>#p7h
zjO}}ecBSP$9px=3wIm-Rtc3ey`)k8ur`7G_yOf+hHX_Gketw7flY(@Nn$FL%!{GXB
ziB#8&A{~`NR|YlWjQu==kK0BX%TbDvB<SlXh7i`U770$$bv@1Q>>aDh5Q|XeEAQ;q
zQTVuEv}^%0kobMQL)1u{hzg3rcZ%tQ^tgz(y8HvwJ}b|_OOGCg))kwwb~~?Ajse&a
zEKY_mCfNwt*ztxEES(Mad{y`7O<$K5>B^sUE_YR44!xDJCB3JdHBHq{<yGxyRrTu!
zbKl!+b*|DW%)aRV*8c(~w{isb#GogWK}d!UcHkL+Xm@`q>V3p-Z>_v<cQ%-Jh%g?;
z8?FRhdL-oql7(@N;EWaEM+Q7hxtPi%f#U5F{WM}FX=G0{VyrO8Tj=#+i}2`6F$l)R
zAunDTKWa6q6IRiK*Tcyj+(4x#+}MqRxrv&whGO0CRpMf6OWS8sEa$gXd|77AUGV(U
zNpt;t>fX!acv>c@>;$+hJ_ex-sq~4tE(gzidqLOxiT8Ug4Kpntyd+VxA}x)XMFq7j
zpawI+f1w^)cYcvh;-ZEx___)IrWBTXzIbg(@r$cZZHR9K5;X`0b?8FuB~2l;)2H<H
zK2gK`*zHp>B8B#JKT(T?AYAauAULLcHI%oI@IC_c5<VV$T+B(^PC??L75Tl#0ik1l
zMVqt2Fen5^sDYYJWbWn}z#1t-5t*=+Pug!fNx-IiuN=EgrsLjzN6m9h;>?FLd+#6h
zDwROEGHQFoX}Uuw9-L#?9cL&ob=nc5{~~R;V@=x6ZTPD7C&_Mp(VkPz5`_1-s)qB+
zPg!Vz?yjOmoa$x9XolYxZDpA(5x=RU4PI?N#ou4rZF^F354Tp2gnRK>@L*+*)NVQR
zmXqrKi1G$4cku0Np|BI913KIh`4)2`qxzt7<Q?SEc$EA|@tg^j4fO<tPgzg#)oqMu
z9WlF4n#l2@n1qOh{hR)}wLL?_tpapfsMwL-b~iL3oP>y)NnJN}f^BcTd4F#a(YQ_6
zjj(fY#RmtW2jvNJH%fQZ$-f5&l+aib$&Ez81al-7`Yi<RbaE!Y?wduRLbFdC04!_W
z)8Y(E6qxb%cH*+rb2+b5axEISl$$-nW~~DBr&;ed(45b1pSXNIoZLu<`=ho|koV1m
zg8Axgw+d)-Y|(4&<$lyu_KS@LE{nJ(v{`B-pm`CDX{h7$jiNKEGZX2laB0MuO%KGM
zDc~bBnpsjoP${f#mm#?EiMJ)xZ#@f@&3$+>rj1qxr{swdWi&%;_~3}9J$t!HY;Do2
zOQri;IhbwaGdFZ25a4{!I8#HGtjN<~7w1cB4d@U!IyZIfTG?mu!QZ6PmRlv>?4Zuh
z!7lxfH2{RN69u;m87}I6h!a9WTgP3R?UBk09}=v?oohr;rHov(T{YZS=7XniIb~_G
zE7ZWRS1e;Qk*v~0FBEYxm@}A5F&HKcBBPg;T#h7ZI2G4}BX-Zx>5;Mr%%R2CdTl6g
z)_Nv=_hvptd*i1t#YC%?*z-sH%mYzeb5&I{hp|};&A5V6?_NIqz@FY9dk4E|Kp@&Q
z2K@`!lkUNBkdkUZ)maY4kH~1F=9sXNv5=@A^QCvqkOrKYp4Vd^b!McA_I|FnuW*mR
z$5hl)an9ESRAk=tId1;YNc0~188zM6ULh~r%jI2*IWRgk2#YiRizDI7QMYt&iHY0~
zIPnrMeXM&5&&N5i>|SbP;Bc*c>49~8gf~gy%eMZx-H`yPGjt!pdG8r1e9Vdzc7g05
zq=7YZgIV%kX^ZI8^EO^%WnYr{8>2qrC<4ulW$_K?{%-6c<bKVhq-!^IaOtq;-14v{
zfG*rGN?;sAzUweVR%GU<ztX&4^ZLBJtxGY{5mBOdM)b#tNp(71W$uYaN#<_>M>4yQ
zZPc#^_;r;04qBW!=Mbj2wJI}S<&0{`M1M@6+THne@;)_H_KmquN3OE9n$a51a9bKy
zMn<b}Nqw8b0lwdBjLal~?FnpWwweoOZm@ME!<w5H+`G{?!b1g;XUm`JC8t|NPCr}j
z-(_dm#T-Pct{Eo;dK{2wzB~H>!R{C4C%({$NMI;1(kha|9tfG8rKhRj!y|yr7tS@)
zDl!{yUkr(j_y87zEt5u)@+Kq>gZ_D=KY0C(NQ!+<%K`Fg+g;$>VMA<DZw*w5XMlsk
z$j@qitE*V<rd9qG1LyT%cu9T93vu$VMF=S^3JjGROc0naxms|VpL>(-Py!`((y?+z
z%qC1$n{Z+?5e}!}XJz~=D~6LKnv$Eb+A3;kk$s1F3aN3H8pOqB<Pd9R#C*xA34z%L
zDdvN2t5R$cLFlhkVq>wWR4L<j63E2VZelVjyoJ;@+;Hv!_qcG_a`dSANLwJo_!i4@
za2%N>48+$cTs@_s|7k(ELx*OCCyDs|;^WF!V{Z`SyfN#z-1+aX&wy>pyu>%ogjt+b
z-LLv&yldntYMP23leJzYm7SYZ>2QPLXSa36>!+1(m<9?NAnjdpgv564-@-nDs&O<%
z%5(?LwPw9poM>KoZ+n}GJy;&Byx%x5iB|pC@<u?O-{~oS2J%X$t}#;$+1mMT0#e{5
z#3~I56Tvd3W}@Qw+WHi5qPVBbGBQY)o+fZZ{*H1&5ItTnDad|UzLUwxQM_VFl#$&_
zofzTeWZJ5(a65#ijSnrxz+%mw%>@z%rn}C52AW}oJ8H+>BUxUiVygJ1qP{<^FURpG
zOxYCc*;#BWpYLQ=Pq+7<n$Y~5Wyw@)e}c-lB2eP28S)9h%kJ8}vm7`aKM7E^g&ZOK
zyN-ad>t2I3ZRv_g$I*iXQ*^56Ps$ZL2>IKe#5+I762Bj5auIf%V5uQljVi-<(zWw!
zO4}TLd?)Q_&U${grgMCbKSvj(n3h9uR&r=D-t)e4ka%HgV0tIQG2myOic-E^CMpt(
zV>kzeT8SeX%r)LwQpw2cmKV)pBnw(@M3#LT95scpFJ2jumE*#30v-xT=$?x?@r4?7
zi?oem`oW~tui>)&VgU)r&<2W-8oC;;C3zl9-KE2*3r@SwkP+Vzy<kv0`SqAHNik<w
z0yg)K35A~6b$_*2l9KOOi%uIALv&6042yHmxEwV1I~=Vh3D0DV_CE~3bC0De!=Pcm
ztHU<QEvq(!o#a-8<SYU{q$1i_`qp{XW)8WDbIh3-tUC}H7%L4<akxhv1xZ>NE{RFu
z@B^m`=7d8D1pW&#sc*mNkrq?Lq{iYWF$ZT^FdK?qc#c_WO%usZ-=W4)Q|x(1{NPG5
z7%f89u$xZLN;@n#oI^1NtFL~$mLb&Z9HJBD%IxI;4GDZ-|3qgTxc^=x6XlF0>Ftc?
zoP$grZl!k*|Id@&I3l+>qrBIGU>srhKGg7lE^8Uy@rO!~J!`h5s<*0lBWrGJ142B_
zn|;JAx*s|R<d5_GB^(Z#X|!7_*=5sZCfeRf*02xrj|_Y<{q4^Htp}tQBk`P{HA9~o
ztJM^?OuWyT2YE)yZH|~}|I-ud4>!gAe$!muCBluY1AWuieWct1*V^_u$&nPN?NOAv
z*-ah%$Bc?$H5_HO?V(qt^2^(%b2V`|oOwwfYFcddXyWtB`%N!@ry>8M=GiZB^PZf*
zwH$p1Z`Mop-fzK3?*LS^+b?esH#@&aR=I5h@v~ASrI*GLK<1gbksHM5y{zlq@VjSC
z{9SJQe%oM+kU09nOCByKVRk{!eXx<FisU!mA=5$<uK8`rm~d*rZ10)p!;YFlQl{X~
zlPZB$ay0v{>)2(Ak+jPly!Pxgrs4RrZZBD^y3(D(F%3}k(yMlaU^1<q#YtE>BuFs0
z)3ZX2FyywP7cL$8;n?Ik&RY{~9{JQ!h*>$IfC}RK!X$U<H8RfqSuH0B-9SFzbOn|k
zPNrnF0ikopM4#p!n$<amF;<=L_VstcrlKDQ=pJ(7hlt}zw5*#X$|_Z8h*|-cPe&Vj
z>S25p2ecmuwO?Z*I=9G;B$CZ0d<^9k@~)WUl0S8-J;0VBm18<mL`$RWj4dq|K=6O-
z2}}pe_~4~!VX(S=p033uQ$EIyCO(kB;v1Z7mKXr_!DDfJA0tFEdYbNmP1A|7M6OW3
z=Tyb}iQxp~Zy6DkFpQ0EY+b0=XJ%`b1wuAIg)v<Q=0iNJF700-?{k__GhBT5d2*9|
zb>gCOFrO%ss&v;yHR43%j<#b%I#CbtjQ^xnvBOqTZ%0^XnR<w>*JD<`wJ)%^03S0B
zp6HnyPb(Cv)gfu)j;|eS2Qg`+RP0y>WT~&za2hD?G9|hTd_bZr3p^3@gp@c4f@jxj
z4^gfkhQG>}nA6L?R)l}>SRl*4tzIiB)re(Zz92s$vT_p6VwynPXTVI=FCZXBU%9LO
zik((b;*m}{l)exk)!sQhy`lP&JDg#(VH1InIKRE0w?FV?3O&_*S!qk83Tqu{)LyW)
ztIFWVtA*;lw5-H+Q3ir!!C)0Xj5>!oH2%%sTE6bKLn3-SkfZ>zj-eCiRx)4RU4WzS
z#gYSj1zq`pp`5-Y8cOxak%8QZ)s`Q?Ahu6noY@?`$TIHhu`=KJy5(K6F#gPVX_Yyy
zb!kw9R=`mjH^(oP7&P|+BodROsWlp>#}#kkdiQa4n6p8_4ziY=hb2CBEx#<e)U_Db
zG6n;_r(stWj+7HqaUq=~RAoUk4bIfJjD=(p$jgNY>G3|eEFnrV7zXj_Jv5H9Kx6#b
zG6a9H!{;7?iaPE2)UBxzrure|pgr%KTYuQ=BnX&kGpg`SgFpCd0G-2DVuqli$3Dw?
zx3DeabW#T<=<D~oy3|tJp*?~Lbv?V6ZnIcwuh@qZOSTDr%qnw9bz#kFQ?N{;MHT%}
z4+B+vQ*lcTj4)3xOHn;fyT(;Up|pe0*{wbU%V0ZABFbELD!z%~%!1?@nJDqko#EHY
z#Mj>k`^=jYq=`6!95L}TbQg0vlZ(hT8c@4u9d68(CFQsu>)yeP&D!pQD?h_C?ae#-
zHsA<HeYn2SigTm>m=m;klr{Yfgi-}%$nw|IRz4y}scfT`#5ohpTZ#T+f;NNZ`~9CQ
z@hsk7z9L7u8XGu$!=)$6kMs-(jvRBa9h2tfhf-gjeA9n>fnbmNo9fliG1b`KUjwR9
zLx;4Y$UkM$tu8m?o&ooLj-Mywui`cytRIX@hc-8&u^k<67oUOeY&&=b3B5n1ACw9#
zq%K7hbAQi>o8}j`hzPwZ6TuFG;)oM>`El&%o`DJ6XCS%nC~NcDAB6h#Gs>H!h;xno
zC#kKIk?^!p#Sm}8YeCD#ofW*DW4{(qiLE0@BvJo@h-Yq>*i?^z>bRKpU{54!1#c@+
zA@lHzS)mn+$8fRc!qSc=DcwWrbD+M*r2qFy<RcA57nyvT<)9AL3OBsDSqlbn`Y4Lz
zAUzBXq3xE+A<d0*??{5)Adw^n5%$a91>ds#Kyw?yiqsYs9a^rcnya2iCK1zCQ<Y3I
z)&<yJ{^@>gu~~lM(<8k{FL#k5;pA26Op+1{%~BFe=DP+;mh2bzSSx8(#T?t~WB0-X
zi;v;5My}UNBxhQY55-nM_q74EG(T*}byJEPoY1l`+&I9r9+@d^mKQm<^;uTF@8<>`
zbqdj7;?>l&Tw#{0WE@$M#PFJfjqF~P?bl)txg}I3?+cd)2H(|Uoegp0XT3r)rrt}C
zQA+exe_PhEJBB7Ce{N5(CxT_la-N&J-6yIr7=^*%!a6Vd{x@5h!%$jvdj3k##UqIQ
zsQ6Ruu(7O0>M<L~o?`TXJdGx4u|Jhp`qM&ATifrAi-A+0olsN<Q}(!{{Y=Vu)EKdw
zf@SW*u%n!1r*4klZyiTUYa>n9q&-vMLbm90YcA-7<P*ae7J3LJxR-9Yb~Q5!X(`AJ
zE^Mh73}IWu#Wdvvt*o?wwD#59sW{k_Zlp@Hh{OjWH8qpC(qqAO2!0;KV8qLdVGk*c
zpR9c5M4NVv;$CM$rhE3b0I7M1nLB%Pwtan{D$TgO4?jPus{DIHt3zYOrER_{MXEeq
zzWja)Bu9shCeeL#z&-E;4MXl4Z00W^^t~py<#Hoo#%}k6+nIaI=0lBY&*?+Jr#=&4
z=YuOYbdzM!pa3W8;^|dG))M9AN#e?VQaQ!%yXn{f9r6wla<+!42XJ4xFOM-kTi$fR
zp8DOJZqB;*bd6q@13E&hSBYVW^(Q|*XV`9UZ6o}~H(gZ_=AYi~`FzDDFTN@h@eJgN
zu&PF5c~(C~wjsXpLinElTIHZUa^=_272yV^WJBEOyAq{KgN6H_()H_PKclNKF3UYC
z1Ei_$FIn~GXN56Z1e9Nybepd$=GxTd*DrGgati(CyewYbp6N~F6`Jr=76K{mTXxOV
zQIT73W1!JKx<symuuiQ^EPsM8vtQpS=RCxlE|Ul=&Efo(jcj)w_1<gN2uiT_<ol(>
zTKh&qH1?yjsI{*-LeP<Z;cqQtbdD>RN#@@SZ$c=Zfm!!L(c4M3>)N^~qD$F1`HTe-
zO1IJKsO><xgJ})X;pR@^w<$@{@0pzWyJBDeD(kA?8~1(&3_hbK1S!ycvtp{_S+h}!
znyoWDV5q&PQ2DKDmQ;DnlDjtewyfTsEM|S^l(Yr)W_n-zu6jAD*vH+U`WHiGVpdb-
z?~}PR$;k_=d&VpD&!{#agS)qye2=ql+#X4P=8qx7ZQJ4<RpranR%Lf>?_L*-w@;LW
z+1h!zD~9=hB?G;QabhH{7E+c*{N>e4o`TnJjKK5Jn3Q@>AW-hEn|c5PgFk=eRyW#+
z#jTioWN<+(bSn2TWm4yLgxl-K`dcUE8|1f1zv8Oj!1f5{=RE_MuJ{nV{`^I=`J@A?
zXCOv?AJ0T-N<sZc*6C<PPdBH5>CFU!_)nVI9gF){244F?r!0vp-|N&*EJf7YLTYR3
zx;M`$XD03vs9X`Z<2^98jCTr1KIZPlD)yMn@6$3d3R`)*4F@H78D5%K?Yj57wLSxk
z(=v|v+<n?&c>-cb2D=HxhHoHwq2g$%4To6Jooq(=it5ZB+6U?IWzEGE;#&Lb3Her7
z;qMv|F2%Myds)UwM^U5W4M+Rm(+UZ^{Ar`ddY6ql)7?(JSR@}?a{S}Zp8+w4v8;;W
z-#WLyGEZ-JdXX+`pRCDBDiy2wxMx~h8}gQ-mYNqiRuFwf^W0;n`ZxAXCk9v2e!C(M
zc~!FSsRuL^gzT!aj<c!g^$T1bJNUD;{eA{SDcWc_#Bslx1huWd9IfLZ3EEQsP%p!p
zqc1Xb>ozniO9UBQLKVu&9!>Pm-(XXCd~+pBR8exUJHni}E452H?sHdHE=ZBm&;Ak#
zmHWN3_id3_86z@<B`ENilU?2@C6`1C&M4~rY+5id#KVv|riyV1+M8=TBDFsTy;2k(
zoiTDe1>rIIfwEO6I}c*~Y%z{z>_kYGTZ-FvJLYKCeY;)#VGZXLQkeXO*BQw44fIL#
zWu0xj1!x}A)|)(GF=1Qp^k|hM#N@{N*$H;h^JmR^QBNAC&o_g<V>~W^=;u59Q9rbI
z=KXA{T$NdiN#6N+!ixHp8^UJZBw1~^l`l^#xhlY2;m4HwE8Jkchhi^7-^ed#KAP}c
zb#bJ9YWBKq*KRW_q&EGgj3Df%y{k-5o~sIzl_mNd5-mMCB0{j>@IC!ylXS+NNlO;F
z%xrhoJf|c-!um<ZXRk43Wp@XKO9Gu^(N9HDRdXNa&~A_yD-nVd67AKQV|of3c?pYT
zaB0JvJ{J3-;BGmL`VjotxfK@l<9LV!+f+0+&Y15%sJYC4SZa<N5wa3%CuMri=V`#~
zCg?5~JLnflOf<q0;o4eM>+1Z0C;#Q#!E{}E=w;<74*K!YWD<mE{pZs)SQ(<~bp(y|
z<^4Fxl}{x9+V+QSRGi)b6$Ipj1}C3iyUqhoWgqiQRmxg)eow8S-JZQ_D|4JtFpWyx
z<v(8iwi`tBqr3d{*2nNt)*oVb&B|IFyO-oFUND}({5Hs}bXRlDwE#^%by-R*$ZfFt
z%D3c~WE&x2{_820)7Q~<0T{H+@gJu@A5j9b6KgPue!AN8yAB6=Z$mbtiepcHGql02
zJh=4cm^}mamG;M90=Wz>jvpIEr*K-cZi{1|0pocB0v<NZ<|m_{v;z^R0ZYUy1q66P
zZe4mSPeVEKPxXU!L|Qs$k79N)j(!QcvCbclR6F}}ZI85f-G6wQE;G5T(z87SvT^!6
z;LIS_lV}>1EWfN{$Kq!I&iI56qVYo)()CNfv_5a}LON#{|8egwu6cl2onDXX2mKd<
z?{$j}Dglh96LiAa)EL$7#M#cQz>_4r%4GQ(>}3AkZG-2BD8>nNrRyx9kq<h7G<dli
z{2)BB1Uu|uz$r;n&LbwAO8Om-8CLH1=L3x|gFBhtyP<R$N!EB(lui!4oHeH4xq6Bj
zr!PacE^*f-rSwE62@krFak9OSK1V`ZZOe5CVj_hazYrV3x8E`@yvf-et2P;8JYd4)
zmwwdRO;|F-K1JX?iLHppC_W(8h7Sj)<h-y}g9oB4r{l@|^<IR1@(?pTB3hjfs!smV
z;761W7PX0>p5d`Nh^`VX_oF&R_JFJ!9wgt?Lma}mwM`_JDATL8meT7p<oKy^;gsmD
zoPcH63PdJ60k}};!x3L63_i7f!M>?4(J|8GE*r7qPegWQt^FcW+yu#)4YO#UsY9@Q
zM|n#NX*^Y8Y2-|-zpl1x=Bd^5QqZS&Nk!bUFU6JOYC#bieE4)#DMpLrbE2Ms-|8Cj
z$pP&!Y)7NSyxVMQdfbu}`sB^9uJN%utFMQq+O%zp!;-C$l01t0r-8-0F|f0Be$<vr
z(yIXOhNE0{Fl~K#9Uh(Tw<~C{7v?*x4`=f$@+@bkXQ&So@ptOcA6l1QPqyceIm?Y0
zm{<_v{_<N0W0NgUNRr}g`_6J9f^@BL{rma@(~pHH8X}>x_#{$rX3nQ~q1*j|%A1b8
zaC|l-wv~faO^NPdOA9{)3DUk6h5jHT2Up1M%<|x8AubTEchw|4Z5&2V-{ReqO7yQ}
z?nHC5l7(H-=DjG{naRDlt15>4V)^Yj0(Q4<A@vAp?uyKrD_gi@KA32?<i!|kCC~6P
zpRvv<Z~W~ipeRhGeoP`;;eheWMkf}l@oSVB2%Tvu2{I7p)3HA^t6+Injuc|4R(&d3
z;CIKMGq^e9;u=El_KC3)N1kLj!ri;JOcs;SZSi2wP?k6PV|J-1oa3D1;7&On{COQ^
zh^)66gLN6KZ>?)tb^-5Jy_M<LJVyIl-fN9xlh<o-?1!!FOGPWW@huFE_8gCy)s^<{
z*=!fqxoNpvByY9t<JZEVe?zH!L5)!HvQ5Ifkma=S!9IAhNQNGsQFb^q{A-xFZ0<bF
zETS5Ak8tuJ86Ul@n^t8G3tNo7SmKrM!uPJ(O?}VLX0z1$3CRa7yw=5?Ptuwn13^bp
z49?9%mLPNyZ4_7<^m12eb*a~K$Iu+4M~#I(t#mXUyy@zWPLC<|s!c6rZ@l+JQ-QTi
z&+zKy=^J$If%ck1zM2nVF*`@x<Qd!va=a`aO3BW?Ox$AzsG&D1$?*zdCp!H-lRPCU
zF<Cb?tp?0zI?U#_cw>3EVLK7TPi{ZvNtDZ&z{fiml|N?0y<Uuz`Uc0>a=(<e-gxQT
zF~9;gU_Y!Z2(?Mh*F`nPU5bK3e}jFc$7#%%GC6;@K?nL@0aOI5`x}><R-49F7)wqn
zyM;&L^H_oM2D!=@<;+fzo=EvLwvWalJWa*72i;c&xV#v@wCu9v_9exRwRFGMc%M*V
z?Il%;5%3;a6|KT{&nG?A{ng3!l0tulbxkf2&D-)92M_7dY%{l9nwprT6qYt|^kpAf
zat?Vk=tspm5BsS_v<p7Fqg#)P<q!SUsxhe*cid~EMfX{xK7dy0jJXt-ejvs&Ei~{?
ztJTuXxgwtTjrF^XtaB_1dmyVubrg4ch4tfR=IU8bqcO#5jOt+O2mT7Em1EQzSfWHy
zdr^ufjyi>)>v$Q6+O$e8EbRGLCaMAIp+FeL0O9HeXedrcbASo<6fK$!2ZV2R2Ir7{
zo)5(Dw$*4^;?>NDP#r*Z0JH?KTulQ8iOT$_RLi>#BbG20an3zxU72-ne_?u{b1Jd*
ztEf=hoi-^{l>xq0X)sgW=`5u3gIUrF$!#5agG&?)VrBQKWEe&}RUp~}s1Beyfa(Ei
zgMlNVs0kK%m+s2r>q<qoO&+6qpLXT{06LmcbugIq-A+Hdbk#H>>tRvxUap_p=jT(l
zi`-!m@usZ5iD}zIxXI(=oke=0nw_%u3Db{n2i}EAsoF*EjvRe+-q?P0?T+c+@%_#}
z<;6Q=x+8J@@8N_Bc98CnzaDC5V2UdC$=o29jkR~^>a}}loyH3<73(jb>jYKMiLHUl
zu4<C~>$yKVx=}T-S#Iv7{iO0Y&8U(kvJzPJB>d`-;3|q26$@tpLQwE1D0;086C_8{
zfF>9T?Lb-DSQo(~6{-cbwWM(jV3S&)7N~KMDjA|^ppr)Ajy7}bDvB;_IBw=p9_7{u
z`{%7gME6?13-H<#%(r(d^{J>NW4M>ZJzG^)hTYAzx!aXa4NEQ2=hX}yKy?As2T&bA
zEdZ*_yQw0m53|+o?a0K0k9w3{Ma{1f#USOmi|Q$C)u7QPn|MAM6d#>62lgPJMn?sr
zkxqRLHX&Jcqt2W15<XRElvmAXB6U_6_Niil%qP&&#SAJ(Y7&IO^q`?A4xkql2V#Iq
z1E>z5I)Lf}s1Beyfa(LN4xk-Cb|@(98Ub-YC|VjGsC_6(9+4B;g$Rz>&tpIp1(UJ+
zr}C>rEbVl+KY4Lhidoy~@uo1DHBtfa*-ZZcawCtG0by;T&ilW>2d!HHpJvi57oPIz
z4m)#Jbt2O$^)5WpwD4oot;4YVSg6?2jCQxiI>w|(Gqh-b3YyIgMtPm&erICDo~Nx-
zBh=6W(1%bRKy?As2T&bAbpg}|PzG52@mXg?YV?oUil~gTm+scl3T;cHP!x9^YnWiK
zS_DV$Pz*FOA)pq3>H)L@_MkXW2|#rL)CW)<Ky?7U=mel0KrIalC}dGWqDARKlBZe#
zh`P`g5O$y~tm{aOvrd&t6=l||27<z%J5l|a`BoWG=A2#oQ&{qB%6>CjIWa{DI8dm1
I^q^<|*%7U!m;e9(

diff --git a/web/satellite/static/images/onboardingTour/circleCheck.svg b/web/satellite/static/images/onboardingTour/circleCheck.svg
deleted file mode 100644
index b5eb2176e6a1..000000000000
--- a/web/satellite/static/images/onboardingTour/circleCheck.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 2.20001C32.9352 2.20001 41.7999 11.0648 41.7999 22C41.7999 32.9352 32.9352 41.8 22 41.8C11.0647 41.8 2.19995 32.9352 2.19995 22C2.19995 11.0648 11.0647 2.20001 22 2.20001ZM22 5.83001C13.0695 5.83001 5.82995 13.0696 5.82995 22C5.82995 30.9305 13.0695 38.17 22 38.17C30.9304 38.17 38.1699 30.9305 38.1699 22C38.1699 13.0696 30.9304 5.83001 22 5.83001ZM30.4453 16.5102C31.1369 17.2017 31.1537 18.3124 30.4959 19.0243L30.4453 19.0769L21.515 28.0073C21.2485 28.2738 20.9211 28.4438 20.577 28.5165C19.9854 28.7142 19.3069 28.5894 18.8194 28.1333L18.7982 28.1132L13.4952 22.8105C12.7864 22.1017 12.7864 20.9525 13.4952 20.2437C14.1867 19.5522 15.2974 19.5353 16.0093 20.1931L16.0619 20.2437L20.1037 24.285L27.8786 16.5102C28.5874 15.8013 29.7365 15.8013 30.4453 16.5102Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/cli.svg b/web/satellite/static/images/onboardingTour/cli.svg
deleted file mode 100644
index a9d8a3727927..000000000000
--- a/web/satellite/static/images/onboardingTour/cli.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="78" height="64" viewBox="0 0 78 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7464 0.0117188H58.8387C65.4086 0.0117188 67.7909 0.695775 70.1928 1.98029C72.5946 3.2648 74.4796 5.14978 75.7641 7.55161L75.8404 7.69573C77.0757 10.0504 77.7327 12.4672 77.7327 18.9057V44.485L77.7318 44.8742C77.7051 51.1502 77.0229 53.4853 75.7641 55.8391C74.4796 58.2409 72.5946 60.1259 70.1928 61.4104C67.8149 62.6821 65.4562 63.3652 59.0346 63.379H18.9423C12.3724 63.379 9.99007 62.6949 7.58823 61.4104C5.1864 60.1259 3.30143 58.2409 2.01691 55.8391L1.94056 55.695C0.717912 53.3643 0.0618076 50.9728 0.0483398 44.6809V18.9057C0.0483398 12.3358 0.732396 9.95345 2.01691 7.55161C3.30143 5.14978 5.1864 3.2648 7.58823 1.98029C9.96605 0.70862 12.3248 0.0254599 18.7464 0.0117188Z" fill="#0218A7"/>
-<path d="M11.7071 14.481C13.7636 14.481 15.4307 12.8139 15.4307 10.7573C15.4307 8.70083 13.7636 7.03369 11.7071 7.03369C9.65054 7.03369 7.9834 8.70083 7.9834 10.7573C7.9834 12.8139 9.65054 14.481 11.7071 14.481Z" fill="#FF458B"/>
-<path d="M22.878 14.481C24.9345 14.481 26.6016 12.8139 26.6016 10.7573C26.6016 8.70083 24.9345 7.03369 22.878 7.03369C20.8214 7.03369 19.1543 8.70083 19.1543 10.7573C19.1543 12.8139 20.8214 14.481 22.878 14.481Z" fill="#FFC600"/>
-<path d="M34.0488 14.481C36.1054 14.481 37.7725 12.8139 37.7725 10.7573C37.7725 8.70083 36.1054 7.03369 34.0488 7.03369C31.9923 7.03369 30.3252 8.70083 30.3252 10.7573C30.3252 12.8139 31.9923 14.481 34.0488 14.481Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9471 19.5991H41.1489C42.7683 19.5991 44.0843 20.8979 44.1122 22.5107L44.1126 22.5628C44.1126 24.1997 42.7857 25.5266 41.1489 25.5266H10.9471C9.32772 25.5266 8.01167 24.2277 7.98385 22.615L7.9834 22.5628C7.9834 20.926 9.3103 19.5991 10.9471 19.5991Z" fill="#276CFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M25.7655 29.9019H32.6808C34.3002 29.9019 35.6163 31.2007 35.6441 32.8134L35.6446 32.8656C35.6446 34.5024 34.3177 35.8293 32.6808 35.8293H25.7655C24.1461 35.8293 22.83 34.5305 22.8022 32.9177L22.8018 32.8656C22.8018 31.2288 24.1287 29.9019 25.7655 29.9019Z" fill="#FF458B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M43.6888 29.9019H50.6042C52.2236 29.9019 53.5396 31.2007 53.5675 32.8134L53.5679 32.8656C53.5679 34.5024 52.241 35.8293 50.6042 35.8293H43.6888C42.0694 35.8293 40.7534 34.5305 40.7255 32.9177L40.7251 32.8656C40.7251 31.2288 42.052 29.9019 43.6888 29.9019Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M61.6127 29.9019H68.528C70.1474 29.9019 71.4635 31.2007 71.4913 32.8134L71.4917 32.8656C71.4917 34.5024 70.1648 35.8293 68.528 35.8293H61.6127C59.9932 35.8293 58.6772 34.5305 58.6494 32.9177L58.6489 32.8656C58.6489 31.2288 59.9758 29.9019 61.6127 29.9019Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M52.0155 19.5991H59.9188C61.5382 19.5991 62.8542 20.8979 62.882 22.5107L62.8825 22.5628C62.8825 24.1997 61.5556 25.5266 59.9188 25.5266H52.0155C50.3961 25.5266 49.08 24.2277 49.0522 22.615L49.0518 22.5628C49.0518 20.926 50.3787 19.5991 52.0155 19.5991Z" fill="#276CFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M34.6566 40.2041H50.6043C52.2237 40.2041 53.5397 41.5029 53.5675 43.1157L53.568 43.1678C53.568 44.8046 52.2411 46.1316 50.6043 46.1316H34.6566C33.0372 46.1316 31.7211 44.8327 31.6933 43.22L31.6929 43.1678C31.6929 41.531 33.0198 40.2041 34.6566 40.2041Z" fill="#276CFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M34.6566 50.5068H41.1486C42.768 50.5068 44.084 51.8057 44.1118 53.4184L44.1123 53.4706C44.1123 55.1074 42.7854 56.4343 41.1486 56.4343H34.6566C33.0372 56.4343 31.7211 55.1355 31.6933 53.5227L31.6929 53.4706C31.6929 51.8337 33.0198 50.5068 34.6566 50.5068Z" fill="#276CFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M52.0155 50.5068H59.9188C61.5382 50.5068 62.8542 51.8057 62.882 53.4184L62.8825 53.4706C62.8825 55.1074 61.5556 56.4343 59.9188 56.4343H52.0155C50.3961 56.4343 49.08 55.1355 49.0522 53.5227L49.0518 53.4706C49.0518 51.8337 50.3787 50.5068 52.0155 50.5068Z" fill="#FF458B"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/cliSetupStep.svg b/web/satellite/static/images/onboardingTour/cliSetupStep.svg
deleted file mode 100644
index 0a7c63483210..000000000000
--- a/web/satellite/static/images/onboardingTour/cliSetupStep.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<svg width="268" height="80" viewBox="0 0 268 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 38.8574H206.5V52.8574H192.5V38.8574Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 18.2861H215.643V24.2861H209.643V18.2861Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 18.5713H53.3574V24.5713H47.3574V18.5713Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 10H267.5V16H261.5V10Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 51H6.5V57H0.5V51Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 33.1426H246.357V39.1426H240.357V33.1426Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 47.8574H81.6426V65.8574H63.6426V47.8574Z" fill="#FFC600"/>
-    <g clip-path="url(#clip0_11691_87753)">
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M111.247 2.49966H151.339C157.909 2.49966 160.291 3.18372 162.693 4.46824C165.095 5.75275 166.98 7.63772 168.265 10.0396L168.341 10.1837C169.576 12.5384 170.233 14.9552 170.233 21.3936V46.973L170.232 47.3622C170.206 53.6381 169.523 55.9732 168.265 58.327C166.98 60.7289 165.095 62.6138 162.693 63.8984C160.315 65.17 157.957 65.8532 151.535 65.8669H111.443C104.873 65.8669 102.491 65.1829 100.089 63.8984C97.6869 62.6138 95.8019 60.7289 94.5174 58.327L94.441 58.1829C93.2184 55.8523 92.5623 53.4607 92.5488 47.1688V21.3936C92.5488 14.8238 93.2329 12.4414 94.5174 10.0396C95.8019 7.63772 97.6869 5.75275 100.089 4.46824C102.467 3.19657 104.825 2.51341 111.247 2.49966Z" fill="#0218A7"/>
-        <path d="M104.207 16.9692C106.264 16.9692 107.931 15.302 107.931 13.2455C107.931 11.189 106.264 9.52185 104.207 9.52185C102.151 9.52185 100.483 11.189 100.483 13.2455C100.483 15.302 102.151 16.9692 104.207 16.9692Z" fill="#FF458B"/>
-        <path d="M115.378 16.9692C117.434 16.9692 119.102 15.302 119.102 13.2455C119.102 11.189 117.434 9.52185 115.378 9.52185C113.321 9.52185 111.654 11.189 111.654 13.2455C111.654 15.302 113.321 16.9692 115.378 16.9692Z" fill="#FFC600"/>
-        <path d="M126.549 16.9692C128.605 16.9692 130.273 15.302 130.273 13.2455C130.273 11.189 128.605 9.52185 126.549 9.52185C124.492 9.52185 122.825 11.189 122.825 13.2455C122.825 15.302 124.492 16.9692 126.549 16.9692Z" fill="#00E567"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M103.447 22.0872H133.649C135.268 22.0872 136.584 23.386 136.612 24.9987L136.613 25.0509C136.613 26.6877 135.286 28.0146 133.649 28.0146H103.447C101.828 28.0146 100.512 26.7158 100.484 25.103L100.483 25.0509C100.483 23.4141 101.81 22.0872 103.447 22.0872Z" fill="#276CFF"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M118.266 32.3896H125.182C126.801 32.3896 128.117 33.6885 128.145 35.3012L128.146 35.3534C128.146 36.9902 126.819 38.3171 125.182 38.3171H118.266C116.647 38.3171 115.331 37.0183 115.303 35.4055L115.303 35.3534C115.303 33.7165 116.63 32.3896 118.266 32.3896Z" fill="#FF458B"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M136.189 32.3896H143.105C144.724 32.3896 146.04 33.6885 146.068 35.3012L146.068 35.3534C146.068 36.9902 144.741 38.3171 143.105 38.3171H136.189C134.57 38.3171 133.254 37.0183 133.226 35.4055L133.226 35.3534C133.226 33.7165 134.552 32.3896 136.189 32.3896Z" fill="#00E567"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M154.113 32.3896H161.028C162.648 32.3896 163.964 33.6885 163.992 35.3012L163.992 35.3534C163.992 36.9902 162.665 38.3171 161.028 38.3171H154.113C152.494 38.3171 151.178 37.0183 151.15 35.4055L151.149 35.3534C151.149 33.7165 152.476 32.3896 154.113 32.3896Z" fill="#00E567"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M144.516 22.0872H152.42C154.039 22.0872 155.355 23.386 155.383 24.9987L155.383 25.0509C155.383 26.6877 154.057 28.0146 152.42 28.0146H144.516C142.897 28.0146 141.581 26.7158 141.553 25.103L141.553 25.0509C141.553 23.4141 142.88 22.0872 144.516 22.0872Z" fill="#276CFF"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M127.157 42.6921H143.105C144.724 42.6921 146.04 43.9909 146.068 45.6037L146.068 45.6558C146.068 47.2926 144.742 48.6195 143.105 48.6195H127.157C125.538 48.6195 124.222 47.3207 124.194 45.7079L124.193 45.6558C124.193 44.019 125.52 42.6921 127.157 42.6921Z" fill="#276CFF"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M127.157 52.9945H133.649C135.268 52.9945 136.585 54.2934 136.612 55.9061L136.613 55.9583C136.613 57.5951 135.286 58.922 133.649 58.922H127.157C125.538 58.922 124.222 57.6232 124.194 56.0104L124.193 55.9583C124.193 54.3215 125.52 52.9945 127.157 52.9945Z" fill="#276CFF"/>
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M144.516 52.9945H152.42C154.039 52.9945 155.355 54.2934 155.383 55.9061L155.383 55.9583C155.383 57.5951 154.057 58.922 152.42 58.922H144.516C142.897 58.922 141.581 57.6232 141.553 56.0104L141.553 55.9583C141.553 54.3215 142.88 52.9945 144.516 52.9945Z" fill="#FF458B"/>
-    </g>
-    <circle cx="169.786" cy="61.5953" r="18.2857" fill="#D9E0EE"/>
-    <path d="M178.5 63.8184V67.8184C178.5 68.3488 178.289 68.8575 177.914 69.2326C177.539 69.6076 177.03 69.8184 176.5 69.8184H162.5C161.97 69.8184 161.461 69.6076 161.086 69.2326C160.711 68.8575 160.5 68.3488 160.5 67.8184V63.8184" stroke="#00127F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M164.5 58.8184L169.5 63.8184L174.5 58.8184" stroke="#00127F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M169.5 63.8184V51.8184" stroke="#00127F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <defs>
-        <clipPath id="clip0_11691_87753">
-            <rect width="77.8378" height="64" fill="white" transform="translate(92.5 2.48779)"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/cloudIcon.svg b/web/satellite/static/images/onboardingTour/cloudIcon.svg
deleted file mode 100644
index d7bcf39152eb..000000000000
--- a/web/satellite/static/images/onboardingTour/cloudIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.59239 15.9991L9.67232 16L16.52 16C18.4421 16 20 14.4408 20 12.5178C20 10.6188 18.4795 9.07069 16.5843 9.03614L16.5274 9.03559L15.8124 9.03567L15.7945 8.81148C15.5589 5.87966 13.1046 3.61194 10.1572 3.61194C7.84008 3.61194 5.76525 5.02367 4.9068 7.1636L4.88085 7.22953L4.81866 7.39045L4.30195 7.39037C1.92589 7.39037 7.15256e-07 9.31785 7.15256e-07 11.6952C7.15256e-07 14.046 1.88475 15.9614 4.23105 15.9994L4.29527 16L9.54038 15.9998L9.59239 15.9991ZM9.4971 14.3582H4.30193L4.25102 14.3578C2.80757 14.3343 1.64179 13.1496 1.64179 11.6952C1.64179 10.2243 2.83293 9.03216 4.30193 9.03216L5.94531 9.03219L6.41068 7.82539L6.4326 7.76973C7.03996 6.25576 8.51265 5.25373 10.1572 5.25373C12.2484 5.25373 13.9909 6.86374 14.158 8.94298L14.2973 10.6773L16.5199 10.6773L16.5619 10.6778C17.5547 10.6959 18.3582 11.514 18.3582 12.5178C18.3582 13.5344 17.5351 14.3582 16.52 14.3582L9.68142 14.3582L9.60902 14.3572L9.5763 14.3572L9.4971 14.3582Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/downloadObjectStep.svg b/web/satellite/static/images/onboardingTour/downloadObjectStep.svg
deleted file mode 100644
index 3d729782f0c8..000000000000
--- a/web/satellite/static/images/onboardingTour/downloadObjectStep.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="268" height="78" viewBox="0 0 268 78" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 38.8574H206.5V52.8574H192.5V38.8574Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 0H102.5V10H92.5V0Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 18.2861H215.643V24.2861H209.643V18.2861Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 18.5713H53.3574V24.5713H47.3574V18.5713Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 10H267.5V16H261.5V10Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 51H6.5V57H0.5V51Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 33.1426H246.357V39.1426H240.357V33.1426Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 47.8574H81.6426V65.8574H63.6426V47.8574Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 1H178.785V15H164.785V1Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M137.252 0.000976562L157.13 19.8797V66.9756H110V0.000976563L137.252 0.000976562Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M137.256 19.8799V0.00113297L157.135 19.8799L137.256 19.8799Z" fill="#00127F"/>
-    <circle cx="157.286" cy="59.1675" r="18.2857" fill="#D9E0EE"/>
-    <path d="M151 60.335L157 66.335L163 60.335" stroke="#00127F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-    <path d="M157 66.3346V51.9346" stroke="#00127F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/globeIcon.svg b/web/satellite/static/images/onboardingTour/globeIcon.svg
deleted file mode 100644
index 056b09d75ad8..000000000000
--- a/web/satellite/static/images/onboardingTour/globeIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.075 1C10.1113 1 10.1475 1.00061 10.1837 1.00184C15.0695 1.09966 19 5.09081 19 10C19 14.9092 15.0695 18.9003 10.1837 18.9982C10.1475 18.9994 10.1113 19 10.075 19L10.0472 18.9999C10.0315 19 10.0157 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1L10.0471 1.00012C10.0564 1.00004 10.0657 1 10.075 1ZM6.4 10C6.4 13.5386 7.74556 16.3548 9.25004 17.1346V2.86544C7.74556 3.64516 6.4 6.46138 6.4 10ZM10.9001 2.86552V17.1345C12.4045 16.3547 13.75 13.5385 13.75 10C13.75 6.4615 12.4045 3.64535 10.9001 2.86552ZM6.30412 3.64542L6.2252 3.69209C4.08343 4.97653 2.65 7.32087 2.65 10C2.65 12.7119 4.11869 15.0807 6.30405 16.3545C5.34374 14.7267 4.75 12.4805 4.75 10C4.75 7.51949 5.34374 5.27335 6.30412 3.64542ZM13.9269 3.7858L13.9542 3.83444C14.8507 5.4451 15.4 7.61413 15.4 10C15.4 12.41 14.8396 14.5987 13.9269 16.2142C15.9841 14.9114 17.35 12.6152 17.35 10C17.35 7.38477 15.9841 5.08856 13.9269 3.7858Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/listObjectStep.svg b/web/satellite/static/images/onboardingTour/listObjectStep.svg
deleted file mode 100644
index 543df795fe47..000000000000
--- a/web/satellite/static/images/onboardingTour/listObjectStep.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="268" height="77" viewBox="0 0 268 77" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 43.4653H206.5V57.4653H192.5V43.4653Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 4.60791H102.5V14.6079H92.5V4.60791Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 22.894H215.643V28.894H209.643V22.894Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 23.1792H53.3574V29.1792H47.3574V23.1792Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 14.6079H267.5V20.6079H261.5V14.6079Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 55.6079H6.5V61.6079H0.5V55.6079Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 37.7505H246.357V43.7505H240.357V37.7505Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 52.4653H81.6426V70.4653H63.6426V52.4653Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 5.60791H178.785V19.6079H164.785V5.60791Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M162.078 20.7275H104.5L113.137 69.2936H113.155C113.614 73.1037 122.453 76.1425 133.289 76.1425C144.125 76.1425 152.964 73.1037 153.423 69.2936H153.441L162.078 20.7275Z" fill="#0149FF"/>
-    <ellipse cx="133.289" cy="20.4166" rx="28.789" ry="10.2736" fill="#00127F"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 30.6808C134.098 30.6868 133.695 30.6897 133.289 30.6897C127.024 30.6897 121.226 29.9755 116.5 28.7628V20.5713H134.5V30.6808Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M127.643 0H141.643V14H127.643V0Z" fill="#FFC600"/>
-    <circle cx="166.214" cy="30.4288" r="18.2857" fill="#D9E0EE"/>
-    <path d="M167.461 29.1821H159.63C158.941 29.1821 158.383 29.7403 158.383 30.4289C158.383 31.1175 158.941 31.6756 159.63 31.6756H167.461H172.798C173.487 31.6756 174.045 31.1175 174.045 30.4289C174.045 29.7403 173.487 29.1821 172.798 29.1821H167.461Z" fill="#0218A7"/>
-    <path d="M167.461 35.1821H159.63C158.941 35.1821 158.383 35.7403 158.383 36.4289C158.383 37.1175 158.941 37.6756 159.63 37.6756H167.461H172.798C173.487 37.6756 174.045 37.1175 174.045 36.4289C174.045 35.7403 173.487 35.1821 172.798 35.1821H167.461Z" fill="#0218A7"/>
-    <path d="M167.461 23.1821H159.63C158.941 23.1821 158.383 23.7403 158.383 24.4289C158.383 25.1175 158.941 25.6756 159.63 25.6756H167.461H172.798C173.487 25.6756 174.045 25.1175 174.045 24.4289C174.045 23.7403 173.487 23.1821 172.798 23.1821H167.461Z" fill="#0218A7"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/shareStep.png b/web/satellite/static/images/onboardingTour/shareStep.png
deleted file mode 100644
index 8144b45a07b0b13084d08001d4c9e812406f7bfc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4019
zcmX|E2UHVV*S(Zbj5L)26dMRqg3^?xASH+tF@iD?kN_fB5$Qe&HMGHK0HsKij#2`V
z-b)A_fu|r+lq#Yi@PtQ^e8Kmxf33S_?YrlkGkc#kbMKvqOBc`c?b^Q!0Kj*_$lx*n
z><|l=@^G-Os$|1(7O{58)DnCCfhm&-m~;Sin9NoH&N7*dKT|y>vl)Ozm?=Tw<O&5$
z0Ol>gcMGN@!aNei3I-}anGK+I;4@=j6wF=T31(IJQ>VFS1e{%q*rJ1P7A&%DU<`b<
z1m~C>XO{n@BS4$U=ow`(tij1m`oAasneJ59X0{HD?^KhDU>=R!31gA0agNDs`=jko
z7AuUCJA{Lq^xs{k6w>j2l#4x-r542%#v<wO$5@y#Fy7WRvSWe2dMENM6U80A1B{t0
zJFE&QF4B&8KL0<Ml}@7fjO`ftetD}AID3}`guZ4TLs(v3Yt@1;*Uaq;STaCx`%Xjt
z>xl%yYF$qK^u>@3R-(Ckp@_v~QpFr-b7D7LyPxE_|2TzR<{g*^D3)55op}pZ7|SE8
z8#^v|Ls2~8^!_pMqzSbrg%kah?Rd}0vq?a68+^M0a&CjzYH|EHiZ>G6pRgtW;@p?c
z>O8wt2bi%2B}tsZ*+6}hUAhza_W^%*kZ>=jw12Y>h)6!;5PQw0Fa`*V3XVM>vXzfF
zloz*<?01wY9|`oB@uhP>^~WHURf;hz5y?`^A<>K+iU5ga0L$dqU(9C0JbsI5er}dc
zwr_z3<|_dxOnZ>%DJ=d7TwUYZ`%+vs8l+LdxMNki3eaV;$-QTnq|;ib!0BahIsh<&
zH{=sGB%=h+G1<*lfXi1DUo0@+-ev%B<&h{~C{UaVIok_-hd^8vXhb;orhy?>ke3a5
zAA{Ih(C5uA*;3FCUa)i;|I2x}3RK3L2#0~Y-XOdUJZsc{yqQ%u>n$DuvR^01*#h{l
zXPzgrsy|zX|9daV6C8;ytpTF=&)`f9?od3?t|GeR0kvTP^*R-kVkHAyJ?l&G^|*Y|
z0<dkT))S75r=B~)wavCY-czv6Cb(J`5VrZ{mktMK;}5KkI#2yMkz=Dl6)A+*dKbl8
zr%!E3_?A3XTY<+gw#KbJf9Xrdh}DL4%?dAZ#otTM6tMOROc1ni(K!5ge%?>UakEv(
zs_4>iR@@uhY*JTFOxE@%kNLS79-~A6(90JLbS-^`e~kLth&zjM|LpU4nR)-sLaQTo
z_*9yQu7-hzoM4)sqH&LObY{+)pIvIgy{dN}yznd8soddgB^<@j(dhPFVa`_)hd6}?
zY|P#ttF2v}6o`|oc3-S<uhC*Gt~r<d4D_w5QCU=3?CMlZ>3vxqz6>oLFZ3NK=)hNS
zh6!RC*#8@BXikjaBt{!=5siipU3_4BfxMXE0C|&|DI1Yjrmvjxtt5OYof4k4GAL1B
z(B(zn*A9H(XYY$U0sA<`w#i=?=Is)(OQ4@2Z#)eqabKQ!!?V(nLPjzCrms^UtgGW<
z>_qlJ2Qf7%-zOql=q)nvk(!wE#E=+X*hgL7eOI$MH^if(A$*j~fe!J%Kv8kO@TzU%
zK>8UzC`DBELuf4SL2>-Qc7}~jzwzZ&stsajxME=oCrsJ?6-=^TVSk@FlPR3U%ZAR`
z%|2LXB(-SdRU{z}`^cWGGm{$Z@ypIsYzRcbJotUjABv+Owb7v4>S5UXzTp{76R*rg
zoHGvb+vECU={Sd_>PtjHlp7~fqDjtZ4MHol>0`wk(ko&!+Jhz&J1*_{MDwwN&L^Nm
z+I7vo_e>1Vy#CBpmlj>$OFU+IEhOD1ij*BPc;a%D0BS`JX{m+jOng9)?+fhRyZbQ>
zdifIs>p@jGfTZ}N0Q2d+07Pg!Ebmob9MQsPY%0TS*Isc?`L6A-3rV@^bz1)*!QKiQ
zNA_g8JB+7&DV}gSpp_bPknn{Iiii@|bZ8a3aU#r-@P!}h`x;RjYWX(Xl6vnf;R^)y
zS!|deEA|?LDdAnJ!Wi)miARP-$dF_~zGD9z53K$i>%qwFDb~vma`J9%Xi~tWGk$gJ
zX3D{32QfCy4i4wc8P*q3pFDNo3KF)6{IM-QKhj`Lf(trfFXR{LlkZdW<VsthC|nUj
z=dV5JS~<|BzJo&+$mOP-G$Ci|XNBYLa)>~!((@u@MZ^!&^DOTx&Z4ozk?h#G8JOHL
z!I$@V#$tSrlfhwxwxKnqtWk!>D96heMJC45xHQKeS|t-GjW#0P0DX&Lo#?|2-;j%Y
zsRj$$ShsoBWNC0i2?sERicjbv#pLpiW5O600Z1(|TVjLCnyZF2Hhr{$>J!?>iSb>F
z@8PJ!_e5?Q&3$tafz==FUq<(>v<l>U)<|_0t;+C;a5qXw;x{gS!#uhs;Br&Q?#D|r
zA^1`^cX}+o%cG{0_Or;lztMva$x^#~Q|Z&vhn^tY;(p!p196cw{9{GqIJynvWdN!E
zg|5r&=weQ%L*1lVLy&E-9IkiMFt?;)Xi3_>ZzM>$uV=XNVDim0QL#E}4&(;I`T(+7
z);%+06&X~b)a7*2WLlF}?|WT#P;GrgHdtD-_l#!SEdu46&mG6&AFB!veR<ax*Kd#Q
z${4H&qF)|cs_*#jdi~6r@nYk`U(pHg48M3Rqsity+Qh^ZRM8|K<aLu`EBiZU?9~&x
z_R?UMbEEZtq?Peg65)v&Jd}V{I{*Jr>J*fIYK&m-2+7aiDi$nS;zA#w$#g1H=(XPH
zm4M;>u2iZLy3zzaim8($HywC3^J2qQM2a6Ov!}R9qaE+m;HgwTL|P8>wt$uUiOMrT
zpsapWqEZLXQk2Q;=<Yi;3QmD8=0Yf_Sn0Q1gT!9m7uLNJOFjM&Ch7UEdHg@3qVf$A
zDjC?8+fY9d1rKTa+9UXus3*b%3gz#%#arvt(~$W!4HXp9C3T+2{mVXPtn2nayV;?H
z%C~}}LK<gM{kI;TFwdn8-N~K&9oGA1ikI3(c-*Av6(P6g`0EGA-tAdapSxOH&k2c{
zRtiB{QMOhAq<b;00ocV%)_ZdrD$p^SK5LZ|G>nhG!UgBL3Q_7N3!b2KN@YZoG5x)I
zei=vk4!S;s4&W3uW&iF@U#aLLt7#xkGV$H`s1e5sJ2t4$(XH&0590vFrZwH$rz3=1
zo&nozR9QlQCDZM~dZVKL*`@sOTZ?0G#!Zi!gLDU_#kn{Wn_h=NP2}i(kK09x!5lXW
zmc0HpZL!8&&2qHw=y`tPtF;e;&H9MpS;&l`4ef@?T!?#VNAQzoJ?U(iuQy67G2tJ4
z_R@X^qp~b{JNLWpojEoK>y~^AjmNG$q^8BB2c#8Nw;XlUT{SqWgnWajX?sbfNmY7P
zdQaoA(soPV6`)=6^`3c0Y$wgS(gWDgn(Ydw%;>oE;&g>WR?b3khQIiF<KA#$j0SED
z!>??ygR7&zt2H(G^A_&DKWbJvd~#XudAytXRB7JGXCm}mI`4?joAxhDm3$=vl>0tc
z^H-5vKNT*e)B5k<q}#5*LOPG!20a|0Qv}_6a(ce`>MurWqvNqM2QV^I_h<>450yCf
z%^X=GUQ|OKak01p+B#0z|HE1CKBBFgPEIPFoth@Jv{%D>&QkY*_jhsU0IV>q9*)vw
zXq76I@k4ki!WU5}$a_1d^H5{l#j(6SbCX=ZSX<aW=*GcCCCPzgRcq;Bk{|rcv*!1t
zA#52)(ubdU)Hpwa4suzB7&kPDVT{Hn{giJ8V9#<uWP<LyrIb!DNz8I%({)U?bhXn;
zYI4)v!?$T<>{WhvD4hP;(RsSO=ZE+U?Q76W?GYzF<ecpZcqo+Ka5c-XOv`+&{X>y|
z&Z!Kn1_w0dn-cnr7O(m0UoS*U_^`g8ja!3gzs_FX*Z>l_#@l|wM!#bsd}5|Ox!JEn
z>P)WBrlk&|$%XNlinbnbRyvCG4MfTvx>C)1_*2GIx}6&OFg!$}FI|@s4%@K2Q!yXU
zj&MA>68j<mr2rL~PfOODP2IAW-H1Jb(M&ZdC(NdO{GESgH~h}Q%}K7V&cHx~5>so;
zI(9hO{3eoeK(^;;g%0sfi8e$9{z+W*RDOz_$?~x6i>qV$c8$n>yVhEaftDszp_1xX
zDOclzUGU3!f7kphpRY2xI%NZGjW_#Zj5B-FQwFuJc70b(tI(d$<%i5Z5-4Jj@>8MY
zLDquk(73_K7sE6(?SZ81`LqOOJ!?*-8r*C}+(QOM0yPzaQSKz;2ECJL!;+P0?P#(Z
z!!In=|9Zs(-E}-A#chw+D{-^)pOv2nknThCEzR^B$1gB8opmbB;$0W4d~N(@7v{Ea
z^uKLE)5N$LbC~$$fUgU4AwKz+UIq&mUm|82Wjo`V1F$nNr~AACYHmU5tB-YSdNdni
zN`_2vMp^EZLOXk5r2h=H4TF5XHa!i^Es*go4ytb=*^sUh!g7n&9f6d=5qgQsTbbRO
zN!S39uo9k)mK=&?n4zjyje@<>{zA8kU9Aj6A8%B4!sN!{hluM62VG6zkgF=;d~iO}
zw$J&qoxXQw_d9b10xllu7!E{P2)|qJVcOvvB$C3KhJ&$QM5A$QGYmmU&d~N=Q&9W;
z{_;CfD2yBpXH`ulbVyW<t-ER?dbv~~wDj@(*#hZoT5dCmQ~)dHEub2;nB6ypdUSC=
z=nn12iQ1`5VrtxPReXqB<t;VnaP{1)^~Z6kI<G%?F=^w_3|<mb@>nKs6t2<R?yPUU
zwoev0M--I$rHLrzvNqvELT}DBvtwFLx=rgLX)Lhlv^#ckJAM`(S#wI*noDp#WJ(rZ
z7nMKLHnFNuQrRYP=Tzb8?i)*6|F{9<vPZFLceKfXbHoq4!Mmk0S7o}yC0uB*0JOE`
zn%Mc;Cc;qw3c8E<_k=~r!r}OQmxe%YwA+2da&}CnuQ0zB>%@e>|2DE?j`?nG+@=CF
zFFM;vUxh`-qna_U`K!SwI2=|qZGNP$*w9pr&utB|zjnF+pao_^<2q-W+XdeK4XFmB
zB)XTKP@BIAfksYu;XYHjW+tBcz%Pie^MmE)ss5jvzvcJeab-ihX4*SC>Ut*bjr8~T
zYz!TK(UMcdjqcsOzml)?<(|`9G$DRLqQASR?qqg%=d9I25Q%Y@GvRrsn(N40qW)xJ
tP(uE#5h@XXufO?mp?}`vLa$ley3P@!YdrKRot<A0Z~=SKpiqwx^gmt7X{`VN

diff --git a/web/satellite/static/images/onboardingTour/starIcon.svg b/web/satellite/static/images/onboardingTour/starIcon.svg
deleted file mode 100644
index 9f297373130c..000000000000
--- a/web/satellite/static/images/onboardingTour/starIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.25644 6.43095L1.73887 7.22599L1.70439 7.23162C1.02162 7.35648 0.75741 8.20764 1.26352 8.69672L5.25161 12.5506L4.31053 17.9907L4.30547 18.0235C4.21203 18.7094 4.93441 19.2248 5.55636 18.9007L10.4932 16.3275L15.4301 18.9007L15.4598 18.9155C16.0847 19.2131 16.7955 18.6818 16.6759 17.9907L15.7347 12.5506L19.7229 8.69672L19.7476 8.67197C20.2281 8.17112 19.9442 7.32634 19.2476 7.22599L13.7299 6.43095L11.2637 1.47709C10.947 0.840969 10.0395 0.840969 9.72277 1.47709L7.25644 6.43095ZM10.4931 3.79176L12.3901 7.60218L12.408 7.63619C12.5381 7.87079 12.7708 8.03202 13.0378 8.07048L17.264 8.67926L14.211 11.6296L14.1837 11.6571C13.9978 11.8537 13.9146 12.1271 13.961 12.3952L14.6833 16.5704L10.891 14.5938L10.8533 14.5753C10.6121 14.4643 10.3323 14.4704 10.0954 14.5938L6.303 16.5704L7.02545 12.3952L7.03119 12.3568C7.0653 12.0884 6.97111 11.8186 6.77547 11.6296L3.72233 8.67926L7.94862 8.07048C8.22832 8.03019 8.47042 7.85516 8.59635 7.60218L10.4931 3.79176Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/successStep.svg b/web/satellite/static/images/onboardingTour/successStep.svg
deleted file mode 100644
index 5bb2b6a373ce..000000000000
--- a/web/satellite/static/images/onboardingTour/successStep.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-<svg width="268" height="89" viewBox="0 0 268 89" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 50.2383H206.5V64.2383H192.5V50.2383Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 11.3809H102.5V21.3809H92.5V11.3809Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 29.667H215.643V35.667H209.643V29.667Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 29.9521H53.3574V35.9521H47.3574V29.9521Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 21.3809H267.5V27.3809H261.5V21.3809Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 62.3809H6.5V68.3809H0.5V62.3809Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 44.5234H246.357V50.5234H240.357V44.5234Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 59.2383H81.6426V77.2383H63.6426V59.2383Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 12.3809H178.785V26.3809H164.785V12.3809Z" fill="#0149FF"/>
-    <path d="M103.604 15.4162C103.109 13.2964 104.9 11.3761 106.877 11.9064L117.933 14.8722C119.239 15.2227 120.587 14.4864 121.091 13.1467L125.351 1.81266C126.113 -0.214009 128.615 -0.638839 129.923 1.03618L137.242 10.4037C138.107 11.5109 139.601 11.7646 140.743 10.9982L150.403 4.51425C152.13 3.35483 154.387 4.58774 154.527 6.76767L155.313 18.9588C155.406 20.3998 156.475 21.5467 157.819 21.6463L169.189 22.489C171.222 22.6397 172.371 25.0595 171.29 26.9116L165.243 37.2698C164.528 38.4941 164.765 40.0961 165.798 41.0237L174.534 48.8713C176.096 50.2745 175.7 52.9568 173.81 53.7737L163.24 58.3425C161.99 58.8825 161.304 60.3277 161.63 61.7289L164.396 73.5838C164.891 75.7036 163.1 77.6239 161.123 77.0936L150.067 74.1278C148.761 73.7773 147.413 74.5136 146.909 75.8533L142.649 87.1873C141.887 89.214 139.385 89.6388 138.077 87.9638L130.758 78.5963C129.893 77.4891 128.399 77.2354 127.257 78.0018L117.597 84.4858C115.87 85.6452 113.613 84.4123 113.473 82.2323L112.687 70.0412C112.594 68.6002 111.525 67.4533 110.181 67.3537L98.8114 66.511C96.7785 66.3603 95.6287 63.9405 96.7099 62.0884L102.757 51.7302C103.472 50.5059 103.235 48.9039 102.202 47.9763L93.4663 40.1287C91.9042 38.7255 92.3004 36.0432 94.1905 35.2263L104.76 30.6575C106.01 30.1175 106.696 28.6723 106.37 27.2711L103.604 15.4162Z" fill="#FFEA9F"/>
-    <mask id="mask0_11691_88022" style="mask-type: alpha;" maskUnits="userSpaceOnUse" x="107" y="15" width="53" height="58">
-        <ellipse cx="133.582" cy="44.0508" rx="26.2918" ry="28.1924" fill="#FFC700"/>
-    </mask>
-    <g mask="url(#mask0_11691_88022)">
-        <ellipse cx="133.582" cy="44.0508" rx="26.2918" ry="28.1924" fill="#FFC700"/>
-    </g>
-    <path d="M100.265 42.226C100.265 37.8879 103.544 34.3711 107.59 34.3711H159.061C163.107 34.3711 166.387 37.8879 166.387 42.226V45.2235C166.387 54.4137 159.439 61.8637 150.868 61.8637C142.298 61.8637 135.35 54.4137 135.35 45.2235V44.3536C135.35 43.2357 134.444 42.3295 133.326 42.3295C132.208 42.3295 131.302 43.2357 131.302 44.3536V45.2235C131.302 54.4137 124.354 61.8637 115.783 61.8637C107.213 61.8637 100.265 54.4137 100.265 45.2235V42.226Z" fill="#FF598B"/>
-    <path d="M104.312 41.1655C104.312 39.8104 105.411 38.7119 106.766 38.7119H124.799C126.154 38.7119 127.253 39.8104 127.253 41.1655V46.0525C127.253 52.3873 122.117 57.5227 115.783 57.5227C109.448 57.5227 104.312 52.3873 104.312 46.0525V41.1655Z" fill="black"/>
-    <path d="M139.398 41.1655C139.398 39.8104 140.497 38.7119 141.852 38.7119H159.885C161.24 38.7119 162.339 39.8104 162.339 41.1655V46.0525C162.339 52.3873 157.203 57.5227 150.869 57.5227C144.534 57.5227 139.398 52.3873 139.398 46.0525V41.1655Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/thinCheck.svg b/web/satellite/static/images/onboardingTour/thinCheck.svg
deleted file mode 100644
index e9bfa28a30fd..000000000000
--- a/web/satellite/static/images/onboardingTour/thinCheck.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.7728 5.22719C17.0259 5.4803 17.0732 5.84653 16.886 6.06081L16.8658 6.08242L8.55248 14.3957C8.45338 14.4948 8.31606 14.538 8.17115 14.5287C8.03651 14.5373 7.90865 14.5006 7.81182 14.4159L7.7902 14.3957L3.13423 9.73974C2.92373 9.52924 2.96535 9.14634 3.22719 8.88451C3.4803 8.6314 3.84653 8.58407 4.06081 8.77134L4.08242 8.79155L8.17134 12.8802L15.9176 5.13423C16.1281 4.92373 16.511 4.96535 16.7728 5.22719Z" fill="#00AC26"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/uploadStep.svg b/web/satellite/static/images/onboardingTour/uploadStep.svg
deleted file mode 100644
index 8cec3cad72ce..000000000000
--- a/web/satellite/static/images/onboardingTour/uploadStep.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<svg width="268" height="82" viewBox="0 0 268 82" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M192.5 39.5181H206.5V53.5181H192.5V39.5181Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 0.660645H102.5V10.6606H92.5V0.660645Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M209.643 18.9468H215.643V24.9468H209.643V18.9468Z" fill="#FF458B"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.3574 19.2319H53.3574V25.2319H47.3574V19.2319Z" fill="#00E567"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M261.5 10.6606H267.5V16.6606H261.5V10.6606Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 51.6606H6.5V57.6606H0.5V51.6606Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M240.357 33.8032H246.357V39.8032H240.357V33.8032Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M63.6426 48.5181H81.6426V66.5181H63.6426V48.5181Z" fill="#FFC600"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M164.785 1.66064H178.785V15.6606H164.785V1.66064Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M139.824 3.91016L159.234 23.3202V69.3057H113.215V3.91016L139.824 3.91016Z" fill="#0149FF"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M139.824 23.3213V3.91121L159.234 23.3213L139.824 23.3213Z" fill="#0218A7"/>
-    <circle cx="158.501" cy="63.1959" r="18.2857" fill="#D9E0EE"/>
-    <path d="M158.622 54.128L158.646 54.151L162.874 58.3789C163.195 58.7 163.195 59.2205 162.874 59.5416C162.561 59.8548 162.058 59.8624 161.735 59.5645L161.711 59.5416L158.859 56.6896V65.9783C158.859 66.4323 158.491 66.8004 158.037 66.8004C157.594 66.8004 157.233 66.4501 157.216 66.0113L157.215 65.9783V56.7443L154.418 59.5416C154.105 59.8548 153.602 59.8624 153.279 59.5645L153.255 59.5416C152.942 59.2283 152.935 58.7252 153.233 58.4027L153.255 58.3789L157.483 54.151C157.797 53.8377 158.3 53.8301 158.622 54.128ZM167.215 70.2535C167.215 70.7076 166.847 71.0757 166.393 71.0757H150.099C149.645 71.0757 149.277 70.7076 149.277 70.2535C149.277 69.7995 149.645 69.4314 150.099 69.4314H166.393C166.847 69.4314 167.215 69.7995 167.215 70.2535ZM150.037 71.0133C149.583 71.0133 149.215 70.6452 149.215 70.1911V66.9026C149.215 66.4485 149.583 66.0804 150.037 66.0804C150.491 66.0804 150.859 66.4485 150.859 66.9026V70.1911C150.859 70.6452 150.491 71.0133 150.037 71.0133ZM166.33 71.0133C165.876 71.0133 165.508 70.6452 165.508 70.1911V66.9026C165.508 66.4485 165.876 66.0804 166.33 66.0804C166.784 66.0804 167.152 66.4485 167.152 66.9026V70.1911C167.152 70.6452 166.784 71.0133 166.33 71.0133Z" fill="#091C45"/>
-</svg>
diff --git a/web/satellite/static/images/onboardingTour/web.svg b/web/satellite/static/images/onboardingTour/web.svg
deleted file mode 100644
index b65123480d5e..000000000000
--- a/web/satellite/static/images/onboardingTour/web.svg
+++ /dev/null
@@ -1,19 +0,0 @@
-<svg width="78" height="64" viewBox="0 0 78 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7464 0.0117188H58.8387C65.4086 0.0117188 67.7909 0.695775 70.1928 1.98029C72.5946 3.2648 74.4796 5.14978 75.7641 7.55161L75.8404 7.69573C77.0757 10.0504 77.7327 12.4672 77.7327 18.9057V44.485L77.7318 44.8742C77.7051 51.1502 77.0229 53.4853 75.7641 55.8391C74.4796 58.2409 72.5946 60.1259 70.1928 61.4104C67.8149 62.6821 65.4562 63.3652 59.0346 63.379H18.9423C12.3724 63.379 9.99007 62.6949 7.58823 61.4104C5.1864 60.1259 3.30143 58.2409 2.01691 55.8391L1.94056 55.695C0.717912 53.3643 0.0618076 50.9728 0.0483398 44.6809V18.9057C0.0483398 12.3358 0.732396 9.95345 2.01691 7.55161C3.30143 5.14978 5.1864 3.2648 7.58823 1.98029C9.96605 0.70862 12.3248 0.0254599 18.7464 0.0117188Z" fill="#EAEFF2"/>
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="20" width="78" height="44">
-<path d="M0.0483398 20.1235H77.7327V44.4849L77.7318 44.8741C77.7051 51.15 77.0229 53.4852 75.7641 55.839C74.4796 58.2408 72.5946 60.1258 70.1928 61.4103C67.8149 62.6819 65.4562 63.3651 59.0346 63.3788H18.9423C12.3724 63.3788 9.99007 62.6948 7.58823 61.4103C5.1864 60.1258 3.30143 58.2408 2.01691 55.839L1.94056 55.6948C0.717912 53.3642 0.0618076 50.9727 0.0483398 44.6807V20.1235Z" fill="white"/>
-</mask>
-<g mask="url(#mask0)">
-<path d="M0.0483398 20.1235H77.7327V44.4849L77.7318 44.8741C77.7051 51.15 77.0229 53.4852 75.7641 55.839C74.4796 58.2408 72.5946 60.1258 70.1928 61.4103C67.8149 62.6819 65.4562 63.3651 59.0346 63.3788H18.9423C12.3724 63.3788 9.99007 62.6948 7.58823 61.4103C5.1864 60.1258 3.30143 58.2408 2.01691 55.839L1.94056 55.6948C0.717912 53.3642 0.0618076 50.9727 0.0483398 44.6807V20.1235Z" fill="#D1D9DF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8792 20.1235V63.3789H18.9423C12.3724 63.3789 9.99007 62.6948 7.58823 61.4103C5.1864 60.1258 3.30143 58.2408 2.01691 55.839L1.94056 55.6949C0.717912 53.3642 0.0618076 50.9727 0.0483398 44.6808V20.1235H20.8792Z" fill="#0149FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29.8309 25.4849H67.812C69.4488 25.4849 70.7757 26.8118 70.7757 28.4486V30.8116C70.7757 32.4484 69.4488 33.7753 67.812 33.7753H29.8309C28.1941 33.7753 26.8672 32.4484 26.8672 30.8116V28.4486C26.8672 26.8118 28.1941 25.4849 29.8309 25.4849Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29.8309 37.1533H67.812C69.4488 37.1533 70.7757 38.4802 70.7757 40.117V42.48C70.7757 44.1168 69.4488 45.4437 67.812 45.4437H29.8309C28.1941 45.4437 26.8672 44.1168 26.8672 42.48V40.117C26.8672 38.4802 28.1941 37.1533 29.8309 37.1533Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29.8309 48.8213H67.812C69.4488 48.8213 70.7757 50.1482 70.7757 51.785V54.148C70.7757 55.7848 69.4488 57.1117 67.812 57.1117H29.8309C28.1941 57.1117 26.8672 55.7848 26.8672 54.148V51.785C26.8672 50.1482 28.1941 48.8213 29.8309 48.8213Z" fill="white"/>
-<path opacity="0.199481" fill-rule="evenodd" clip-rule="evenodd" d="M6.18736 25.4849H14.6914C16.3282 25.4849 17.6551 26.8118 17.6551 28.4486V28.5087C17.6551 30.1455 16.3282 31.4724 14.6914 31.4724H6.18736C4.56795 31.4724 3.2519 30.1736 3.22408 28.5608L3.22363 28.4486C3.22363 26.8118 4.55054 25.4849 6.18736 25.4849Z" fill="white"/>
-<path opacity="0.199481" fill-rule="evenodd" clip-rule="evenodd" d="M6.18736 35.311H14.6914C16.3282 35.311 17.6551 36.6379 17.6551 38.2748V38.3348C17.6551 39.9717 16.3282 41.2986 14.6914 41.2986H6.18736C4.56795 41.2986 3.2519 39.9997 3.22408 38.387L3.22363 38.2748C3.22363 36.6379 4.55054 35.311 6.18736 35.311Z" fill="white"/>
-<path opacity="0.199481" fill-rule="evenodd" clip-rule="evenodd" d="M6.18736 45.1362H14.6914C16.3282 45.1362 17.6551 46.4631 17.6551 48.1V48.16C17.6551 49.7969 16.3282 51.1238 14.6914 51.1238H6.18736C4.56795 51.1238 3.2519 49.8249 3.22408 48.2122L3.22363 48.1C3.22363 46.4631 4.55054 45.1362 6.18736 45.1362Z" fill="white"/>
-</g>
-<path d="M11.7071 14.481C13.7636 14.481 15.4307 12.8139 15.4307 10.7573C15.4307 8.70083 13.7636 7.03369 11.7071 7.03369C9.65054 7.03369 7.9834 8.70083 7.9834 10.7573C7.9834 12.8139 9.65054 14.481 11.7071 14.481Z" fill="#FF458B"/>
-<path d="M22.878 14.481C24.9345 14.481 26.6016 12.8139 26.6016 10.7573C26.6016 8.70083 24.9345 7.03369 22.878 7.03369C20.8214 7.03369 19.1543 8.70083 19.1543 10.7573C19.1543 12.8139 20.8214 14.481 22.878 14.481Z" fill="#FFC600"/>
-<path d="M34.0488 14.481C36.1054 14.481 37.7725 12.8139 37.7725 10.7573C37.7725 8.70083 36.1054 7.03369 34.0488 7.03369C31.9923 7.03369 30.3252 8.70083 30.3252 10.7573C30.3252 12.8139 31.9923 14.481 34.0488 14.481Z" fill="#00E567"/>
-</svg>
diff --git a/web/satellite/static/images/partnerStorjLogo.svg b/web/satellite/static/images/partnerStorjLogo.svg
deleted file mode 100644
index cbf8453c9a14..000000000000
--- a/web/satellite/static/images/partnerStorjLogo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228 62" height="62" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"><path d="M21.973 56.723L7.7 48.393c-.716.394-1.519.606-2.336.618h-.079a5.06 5.06 0 0 1-4.391-2.564 5.16 5.16 0 0 1 1.735-6.93v-16.66a5.16 5.16 0 0 1-1.735-6.93 5.06 5.06 0 0 1 4.313-2.565h.078a5 5 0 0 1 2.415.618l14.272-8.33c.074-2.737 2.27-4.94 4.986-4.984h.084c2.755 0 4.996 2.219 5.07 4.985l14.272 8.33c.717-.394 1.519-.607 2.337-.619h.078a5.06 5.06 0 0 1 4.392 2.564c1.377 2.411.596 5.483-1.736 6.932v16.658c2.332 1.448 3.113 4.52 1.736 6.931a5.06 5.06 0 0 1-4.314 2.564H48.8c-.844.001-1.674-.211-2.414-.617l-14.273 8.329c-.073 2.738-2.27 4.94-4.986 4.984l-.084.001c-2.754 0-4.996-2.22-5.07-4.985zm5.07-48.489h.066l.016-.001h-.016l.065-.002-.049.002c.024 0 .048-.002.072-.004l-.023.002.067-.005-.044.003c.022 0 .043-.002.065-.004l-.02.001.058-.005-.038.004.071-.008-.033.004.066-.008-.033.004.06-.008-.027.004.073-.011-.046.007.06-.01-.014.003.063-.012-.049.01.066-.013-.017.003.08-.016-.063.013.186-.045-.037.01.06-.017-.023.007.054-.016-.03.009a2.44 2.44 0 0 0 1.73-2.342 2.43 2.43 0 0 0-2.416-2.442c-1.334 0-2.415 1.093-2.415 2.442a2.44 2.44 0 0 0 1.735 2.343l-.037-.011.055.017-.018-.006.06.017-.042-.011.065.017-.024-.006.167.038-.023-.004.068.012-.045-.008.056.01-.011-.002.06.01-.049-.008.075.012-.025-.004.058.008-.033-.004.067.008-.034-.004.071.008-.037-.004.058.005-.02-.002.064.005-.044-.003.067.005-.023-.002.072.004-.05-.002.132.003h0zm7.852 16.757l8.985-5.244-.018-.077-.006-.023-.012-.053-.008-.039-.048-.264c-.026-.17-.044-.342-.054-.514l-.001-.012v.012l-.003-.074-.002-.044v-.048l-.002-.038v-.036-.034.034a5.19 5.19 0 0 1 .124-1.173l.008-.031.007-.03.105-.383.01-.033.03-.09.01-.025.105-.275.05-.118.019-.04.011-.025.044-.09.016-.034.022-.044.014-.027.105-.193-12.97-7.57-.007.014-.074.124-.012.02-.03.046-.018.03-.046.07-.015.021c-.133.197-.279.384-.437.56l-.02.022-.02.023a4.86 4.86 0 0 1-.38.372l-.01.008-.098.084-.016.013-.037.03-.034.028-.019.015-.262.194-.014.009a5.01 5.01 0 0 1-.45.275l-.027.015-.084.044-.022.01a4.71 4.71 0 0 1-.529.23l-.029.01-.056.02-.013.005c-.02.008-.041.014-.062.021l-.024.008-.062.02-.015.004-.097.029-.011 9.877c2.775.347 5.158 2.018 6.489 4.384h0zm-15.242.208a8.71 8.71 0 0 1 6.096-4.513v-9.934l-.416-.13-.025-.01-.056-.02-.02-.008-.053-.021-.026-.01-.453-.212-.016-.008-.06-.033-.022-.012-.037-.02-.115-.068-.024-.014-.048-.03-.03-.018-.028-.019-.14-.093-.037-.026-.185-.137-.035-.027-.01-.008-.145-.12-.035-.03-.036-.032-.025-.022-.02-.018-.277-.272-.024-.025-.108-.12-.002-.002-.256-.318-.018-.024-.032-.045-.02-.027-.025-.036-.021-.03-.047-.07-.156-.252-.016-.028-12.97 7.569.124.23.011.022.066.136.011.026.023.049.01.023.022.051.16.428.008.027.092.325.01.037.028.128.007.031.078.496a5.06 5.06 0 0 1 .03.602v.064l-.006.147c0 .018-.002.035-.003.053l-.002.036-.002.029-.015.172v-.003l-.049.349-.006.033-.008.043-.05.233 9.434 5.506h0zm30.354-4.595c1.157-.683 1.551-2.169.884-3.335a2.4 2.4 0 0 0-3.3-.894 2.45 2.45 0 0 0-1.162 2.59l-.005-.03.01.056-.005-.026.015.07-.01-.044.017.074-.007-.03.014.058-.007-.028.016.062-.01-.034.02.068-.01-.034.016.059-.007-.025a2.47 2.47 0 0 0 .083.243l-.012-.03.027.067-.015-.037.025.06-.01-.023.024.055-.014-.031.032.071-.018-.04.028.06-.01-.02.029.058-.02-.039.036.072-.016-.033.043.083.02.034.12.191-.016-.023.096.13-.015-.019.034.044-.02-.025.048.059-.028-.034.04.048-.012-.014.037.043-.025-.029a2.46 2.46 0 0 0 .29.288l-.04-.035.048.042-.008-.007c.755.633 1.85.76 2.75.234h0zM6.962 20.25l.02-.019.081-.086-.01.011.045-.049-.035.038.047-.052-.012.014.044-.052-.032.038.039-.047-.007.009.036-.046-.03.037a.77.77 0 0 0 .05-.063l-.02.026.04-.053-.02.027.037-.048-.016.021.038-.052-.022.03.04-.056-.018.026a2.45 2.45 0 0 0 .141-.227l-.019.034.097-.189-.018.038.021-.043-.003.005.028-.061.008-.019-.008.019a2.53 2.53 0 0 0 .1-.276l.004-.017-.005.017.018-.063-.013.046.019-.068-.006.022.015-.06-.01.038.035-.156-.003.02a2.45 2.45 0 0 0-1.163-2.589 2.4 2.4 0 0 0-3.3.894c-.667 1.167-.273 2.653.885 3.335.931.543 2.11.399 2.882-.354h0zm1.862 19.956l5.754-3.358a7.1 7.1 0 0 1-1.565-4.46c-.006-2.447 1.25-4.723 3.322-6.024l-7.394-4.316-.253.248c-.307.28-.647.521-1.013.718l-.003.002c-.216.117-.441.217-.673.3-.252.091-.511.163-.775.213l-.024.005-.217.035-.013.002c-.009 0-.017.002-.026.003l-.285.03-.032.002-.143.008-.029.001-.088.002-.079.001v15.138a5.05 5.05 0 0 1 1.189.144l.084.02c.853.225 1.633.668 2.263 1.286h0zm36.478-.038l.027-.026a5.08 5.08 0 0 1 .784-.609l.002-.001.117-.072.028-.016-.028.016c.184-.108.374-.205.57-.29a5.06 5.06 0 0 1 .526-.193l.037-.011.365-.094.134-.028.012-.002.067-.012-.067.012.386-.057.026-.003.137-.012.035-.003.136-.007.035-.001h.016l.152-.003h-.011.01V23.618c-.487-.001-.971-.073-1.437-.211-.185-.055-.366-.121-.543-.197l-.045-.02a5.06 5.06 0 0 1-.66-.35l-.073-.047a5.02 5.02 0 0 1-.856-.705L36.03 27.43c2.914.37 5.176 2.86 5.225 5.895v.1c0 1.379-.456 2.65-1.225 3.666l5.272 3.077h0zm-18.571-3.386h8.546c1.835 0 3.322-1.503 3.322-3.357s-1.487-3.357-3.322-3.357h-1.83l-.098-1.235c-.25-3.155-2.866-5.607-6.018-5.607-2.518 0-4.745 1.572-5.636 3.907l-.328.86h-1.35c-2.4 0-4.347 1.967-4.347 4.394s1.946 4.395 4.348 4.395h6.58l.028-.001.067.001h.038 0zM22.65 54.017l.014-.026.085-.14.018-.03.023-.035c.163-.253.348-.491.552-.711l.019-.02.037-.04a5.15 5.15 0 0 1 .503-.46l.022-.017.075-.058.024-.018.106-.077.029-.02.103-.071.045-.03.13-.082.03-.018.139-.08.037-.02.138-.073.046-.023.034-.016c.164-.08.333-.151.506-.211l.02-.007.129-.043.03-.01.125-.037.021-.006.04-.011.02-.005V39.468h-5.732c-1.17 0-2.272-.29-3.24-.802l-6.6 3.852.091.395.009.046.008.045a5.13 5.13 0 0 1 .074.773v.075-.033l-.006.321-.002.037-.002.037-.047.437.007-.05-.041.25-.006.027-.091.388-.009.03-.006.022.006-.022-.05.169-.008.023a5.07 5.07 0 0 1-.251.629l-.02.042-.017.033-.136.255 12.969 7.57h0zm8.787 0l12.969-7.57-.063-.111-.016-.03-.023-.045-.073-.147-.017-.037-.007-.015.007.015-.085-.191-.002-.005-.121-.32-.008-.022-.024-.074-.015-.048a5.6 5.6 0 0 1-.152-.624l-.018-.109-.002-.012c-.042-.271-.062-.545-.061-.82v-.033.033l.002-.135.002-.038.002-.047.001-.03c.013-.234.042-.466.086-.696l.005-.028.012-.059.006-.027.01-.043.046-.192.017-.06.008-.032-6.11-3.566a5.9 5.9 0 0 1-2.536.569h-6.871v12.173l.075.021.022.007c.16.048.316.104.47.168l.261.118.031.015.235.124.021.012.08.046.029.017.048.03.014.009.057.035.02.013.071.047.033.022.033.022.262.195.03.024.293.254.016.015.02.02.042.04.02.02.025.025.016.015.013.014.089.092.006.007a5.16 5.16 0 0 1 .363.436l.02.027.031.043.064.091.028.041.02.03.146.235.027.046h0zM6.495 45.998a2.45 2.45 0 0 0 1.167-2.566l-.004-.022.004.022c-.039-.216-.109-.426-.206-.623l-.011-.023.011.023-.025-.051.014.028-.034-.065-.032-.058-.105-.168-.016-.024.016.024-.036-.052.02.028-.04-.054.02.026-.044-.059.024.032-.035-.046.011.014-.043-.053.032.04-.04-.052.008.012a2.4 2.4 0 0 0-3.072-.561c-1.157.683-1.55 2.169-.883 3.335a2.4 2.4 0 0 0 3.299.893h0zm44.396-.893c.668-1.167.274-2.653-.884-3.336-.911-.532-2.063-.406-2.837.311l-.045.043-.074.075-.017.019.017-.02-.038.042.02-.022-.04.045.02-.023-.043.05.023-.027-.043.05.02-.024-.041.05.02-.026-.123.163-.014.02.014-.02a2.44 2.44 0 0 0-.151.246l-.012.023.012-.023-.034.066.022-.043-.032.062.01-.019-.027.056.017-.037-.03.066.013-.03-.067.157.008-.02c-.039.099-.072.201-.098.305l.009-.034-.016.062.007-.028-.014.06.007-.032-.016.07.009-.038-.014.065.005-.026-.01.057.005-.031a2.45 2.45 0 0 0 1.162 2.59 2.4 2.4 0 0 0 3.3-.895v.001zM27.043 59.022c1.334 0 2.416-1.093 2.416-2.441a2.44 2.44 0 0 0-1.55-2.28l.02.008-.05-.02.03.012-.059-.022.03.01-.057-.02.027.01-.06-.02.033.01-.063-.02.03.01-.062-.02.032.01-.055-.017.023.007-.06-.017.037.01-.066-.018.029.008-.18-.042.03.007-.056-.011.025.004-.065-.011.04.007-.07-.012.03.005-.046-.007.016.002-.072-.009.056.007-.064-.008.008.001-.061-.006.053.005-.07-.007.017.002-.069-.005.052.003-.066-.004h.014l-.065-.002.051.002-.133-.004-.066.001h-.016.016l-.067.003.051-.002-.065.003.014-.001-.066.004.052-.003-.068.005.016-.002-.07.007.054-.005-.061.006h.008l-.065.007.057-.007-.07.01.013-.003-.047.007.034-.005-.072.012.038-.007-.058.01.02-.003-.06.01.04-.007-.16.035-.023.007.023-.006-.064.017.041-.011-.06.016.019-.005-.058.017.04-.012-.066.02.026-.008-.06.02.034-.011-.061.02.027-.009-.056.02.029-.01-.06.022.031-.012-.048.019.017-.007a2.44 2.44 0 0 0-1.548 2.28c0 1.348 1.081 2.441 2.415 2.441h0z" fill="#0149ff" fill-rule="nonzero"/><path d="M148.498 13.73c10.321 0 17.727 7.765 17.727 17.364v.096c0 9.598-7.502 17.46-17.822 17.46s-17.726-7.765-17.726-17.364v-.096c0-9.598 7.501-17.46 17.821-17.46h0zm-65.428.113c4.862 0 9.01 1.542 12.395 4.288l-3.814 5.59c-2.956-2.072-5.864-3.325-8.677-3.325s-4.29 1.301-4.29 2.94v.096c0 2.216 1.43 2.94 7.198 4.433 6.77 1.783 10.584 4.24 10.584 10.12v.096c0 6.698-5.054 10.456-12.252 10.456-5.053 0-10.154-1.782-14.159-5.397l4.338-5.252c3.004 2.506 6.15 4.096 9.964 4.096 3.003 0 4.815-1.205 4.815-3.18v-.097c0-1.879-1.144-2.843-6.722-4.288-6.722-1.735-11.06-3.614-11.06-10.313v-.096c0-6.12 4.863-10.167 11.68-10.167h0zm144.668.45v22.09c0 8.2-4.766 12.154-11.82 12.154-5.194 0-8.626-2.315-10.913-5.064l4.623-5.209c1.906 2.122 3.765 3.376 6.1 3.376 2.764 0 4.48-1.688 4.48-5.595V21.84h-10.969v-7.547h18.499 0zm-100.07 0v6.855h-10.149v26.939h-7.338V21.148h-10.149v-6.855h27.636zm60.063 0c7.872 0 12.594 4.2 12.594 11.152v.097c0 5.455-2.91 8.883-7.155 10.476l8.157 12.069h-8.587l-7.156-10.814h-5.772v10.814h-7.347V14.293h15.266zm-39.328 6.308c-5.927 0-10.037 4.717-10.037 10.493v.096c0 5.776 4.206 10.589 10.132 10.589s10.038-4.717 10.038-10.493v-.096c0-5.776-4.206-10.589-10.133-10.589zm38.697.45h-7.28v9.688h7.423c3.569 0 5.615-1.927 5.615-4.77v-.097c0-3.181-2.189-4.82-5.758-4.82v-.001z" fill="#091c45"/></svg>
diff --git a/web/satellite/static/images/payments/cardIcons/americanexpress.svg b/web/satellite/static/images/payments/cardIcons/americanexpress.svg
deleted file mode 100644
index 38e508268d5c..000000000000
--- a/web/satellite/static/images/payments/cardIcons/americanexpress.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="49" height="15" viewBox="0 0 49 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M27.5199 0C26.9564 0 26.499 0.457355 26.499 1.02084V13.2706C26.499 13.8341 26.9564 14.2914 27.5199 14.2914C28.0854 14.2914 28.5407 13.8341 28.5407 13.2706V1.02084C28.5407 0.457355 28.0834 0 27.5199 0Z" fill="#006FCF"/>
-    <path d="M34.7083 4.08334H31.6458C31.0824 4.08334 30.625 4.5407 30.625 5.10419C30.625 5.66768 31.0824 6.12503 31.6458 6.12503H34.7083C35.2718 6.12503 35.7291 5.66768 35.7291 5.10419C35.7291 4.5407 35.2718 4.08334 34.7083 4.08334Z" fill="#006FCF"/>
-    <path d="M34.7083 8.16669H31.6458C31.0824 8.16669 30.625 8.62404 30.625 9.18753C30.625 9.75102 31.0824 10.2084 31.6458 10.2084H34.7083C35.2718 10.2084 35.7291 9.75102 35.7291 9.18753C35.7291 8.62404 35.2718 8.16669 34.7083 8.16669Z" fill="#006FCF"/>
-    <path d="M9.42471 5.1327C8.9531 5.02245 8.48761 5.24495 8.27525 5.66968L7.2544 7.71128C7.09515 8.02565 7.11152 8.40339 7.29727 8.70351C7.48514 9.00363 7.81377 9.18737 8.16701 9.18737H9.18785C9.75134 9.18737 10.2087 8.73002 10.2087 8.16653V6.12493C10.2087 5.6513 9.88408 5.23883 9.42471 5.1327Z" fill="#006FCF"/>
-    <path d="M37.4727 6.42303L35.4311 4.38144C35.1391 4.08946 34.7002 4.00371 34.3184 4.16095C33.9366 4.31818 33.6875 4.6918 33.6875 5.10418V9.18744C33.6875 9.59982 33.9366 9.97343 34.3184 10.1307C34.4429 10.1838 34.5776 10.2083 34.7083 10.2083C34.9737 10.2083 35.2351 10.1042 35.4311 9.90817L37.4727 7.86658C37.8708 7.46827 37.8708 6.82114 37.4727 6.42303Z" fill="#006FCF"/>
-    <path d="M44.2039 7.14574L48.7628 1.67422C49.018 1.36999 49.071 0.945362 48.9036 0.58811C48.7342 0.228752 48.3749 0.00012207 47.9788 0.00012207H42.8748C42.6033 0.00012207 42.3439 0.108361 42.152 0.298232L39.8123 2.63793L37.4726 0.298232C37.2807 0.108361 37.0214 0.00012207 36.7499 0.00012207H23.4365C23.0772 0.00012207 22.7444 0.189994 22.5607 0.496237L20.3741 4.14255L18.1875 0.496237C18.0017 0.187984 17.671 0.00012207 17.3116 0.00012207H7.14637C6.75849 0.00012207 6.40727 0.218607 6.23376 0.56562L0.108892 12.8154C-0.0503547 13.1297 -0.0339898 13.5075 0.151766 13.8076C0.339627 14.1077 0.668265 14.2915 1.0215 14.2915H6.12553C6.51139 14.2915 6.86463 14.073 7.03813 13.728L7.77513 12.2499H8.16712V13.2707C8.16712 13.8342 8.62447 14.2916 9.18796 14.2916H17.3544C17.8485 14.2916 18.2609 13.9404 18.3548 13.4728L18.4834 13.7281C18.6569 14.0731 19.0102 14.2916 19.396 14.2916H21.4376C21.8235 14.2916 22.1767 14.0731 22.3502 13.7281L22.4788 13.4728C22.5727 13.9403 22.9852 14.2916 23.4792 14.2916H36.7498C37.0213 14.2916 37.2806 14.1833 37.4725 13.9914L39.8122 11.6517L42.1519 13.9934C42.3438 14.1833 42.6032 14.2916 42.8747 14.2916H47.9787C48.3748 14.2916 48.7341 14.0629 48.9035 13.7036C49.0709 13.3463 49.0179 12.9216 48.7627 12.6175L44.2039 7.14574ZM43.2974 12.2498L40.5351 9.48545C40.1369 9.08733 39.4897 9.08733 39.0916 9.48545L36.3273 12.2498H24.5001V9.18733C24.5001 8.71371 24.1755 8.30124 23.7162 8.1931C23.2466 8.08486 22.7791 8.30535 22.5667 8.73008L20.8089 12.2499H20.0269L18.269 8.73008C18.0567 8.30746 17.5892 8.08496 17.1196 8.1931C16.6582 8.30134 16.3336 8.71371 16.3336 9.18733V12.2498H10.2087V11.2289C10.2087 10.6654 9.75135 10.2081 9.18787 10.2081H7.14637C6.75849 10.2081 6.40727 10.4266 6.23175 10.7716L5.49476 12.2497H2.6711L7.77513 2.04152H12.2504V9.18724C12.2504 9.75073 12.7078 10.2081 13.2712 10.2081C13.8347 10.2081 14.2921 9.75073 14.2921 9.18724V2.04152H16.7339L19.5003 6.64743C19.8658 7.26192 20.8784 7.26192 21.25 6.64743L24.0144 2.03951H36.3254L39.0897 4.80384C39.4878 5.20196 40.135 5.20196 40.5331 4.80384L43.2975 2.03951H45.8005L42.093 6.49029C41.7765 6.87003 41.7765 7.41926 42.093 7.799L45.8005 12.2498H43.2974V12.2498Z" fill="#006FCF"/>
-</svg>
diff --git a/web/satellite/static/images/payments/cardIcons/default.svg b/web/satellite/static/images/payments/cardIcons/default.svg
deleted file mode 100644
index d10288422055..000000000000
--- a/web/satellite/static/images/payments/cardIcons/default.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M64.3202 45.7708L5.75658 46C2.60965 46 0.0767544 43.4784 0.0767544 40.4219L0 5.88372C0 2.75083 2.53289 0.229236 5.60307 0.229236L64.1667 0C67.3136 0 69.8465 2.52159 69.8465 5.57807L70 40.1927C69.9232 43.2492 67.4671 45.7708 64.3202 45.7708Z" fill="#949DAA"/>
-    <path d="M6 24C6 22.8954 6.89543 22 8 22H62C63.1046 22 64 22.8954 64 24V24C64 25.1046 63.1046 26 62 26H8C6.89543 26 6 25.1046 6 24V24Z" fill="#F5F9FF"/>
-    <path d="M62 34.5C62 34.2239 62.2239 34 62.5 34H63.5C63.7761 34 64 34.2239 64 34.5V37.5C64 37.7761 63.7761 38 63.5 38H62.5C62.2239 38 62 37.7761 62 37.5V34.5Z" fill="#F5F9FF"/>
-    <path d="M59 34.5C59 34.2239 59.2239 34 59.5 34H60.5C60.7761 34 61 34.2239 61 34.5V37.5C61 37.7761 60.7761 38 60.5 38H59.5C59.2239 38 59 37.7761 59 37.5V34.5Z" fill="#F5F9FF"/>
-    <path d="M56 34.5C56 34.2239 56.2239 34 56.5 34H57.5C57.7761 34 58 34.2239 58 34.5V37.5C58 37.7761 57.7761 38 57.5 38H56.5C56.2239 38 56 37.7761 56 37.5V34.5Z" fill="#F5F9FF"/>
-    <path d="M53 34.5C53 34.2239 53.2239 34 53.5 34H54.5C54.7761 34 55 34.2239 55 34.5V37.5C55 37.7761 54.7761 38 54.5 38H53.5C53.2239 38 53 37.7761 53 37.5V34.5Z" fill="#F5F9FF"/>
-    <rect x="6" y="8" width="12" height="7" rx="1" fill="#F5F9FF"/>
-</svg>
diff --git a/web/satellite/static/images/payments/cardIcons/discover.svg b/web/satellite/static/images/payments/cardIcons/discover.svg
deleted file mode 100644
index 1562367aad1d..000000000000
--- a/web/satellite/static/images/payments/cardIcons/discover.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="80.00000000000001" height="13.999999999999998" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
-    <path fill-rule="nonzero" fill="rgb(95.686275%,44.705882%,8.627451%)" d="m42.15925,0c3.75028,0 6.79133,3.14453 6.79133,7.02734l0,0.00391c0,3.88672 -3.04105,7.03516 -6.79133,7.03516c-3.75386,0 -6.79491,-3.14844 -6.79491,-7.03516l0,-0.00391c0,-3.88281 3.04105,-7.02734 6.79491,-7.02734zm0,0" class="discover-svg-path"/>
-    <path fill-rule="nonzero" fill="rgb(0%,0%,0%)" d="m31.49228,0.08984c1.071,0 1.97006,0.23829 3.06254,0.8125l0,3.03516c-1.03517,-1.05078 -1.93423,-1.48828 -3.12344,-1.48828c-2.33541,0 -4.17294,2.00391 -4.17294,4.53906c0,2.67578 1.78022,4.5586 4.29115,4.5586c1.12831,0 2.00946,-0.41407 3.00523,-1.44532l0,3.03516c-1.13188,0.55078 -2.04886,0.76953 -3.12344,0.76953c-3.78967,0 -6.73759,-3.01172 -6.73759,-6.89844c0,-3.84375 3.02314,-6.91797 6.79849,-6.91797zm-11.77378,0.08594c1.39694,0 2.67928,0.4961 3.75027,1.46485l-1.30382,1.76562c-0.64834,-0.75391 -1.26084,-1.07031 -2.00588,-1.07031c-1.07458,0 -1.85544,0.63281 -1.85544,1.46484c0,0.71485 0.43699,1.09375 1.93066,1.66406c2.8333,1.07422 3.67147,2.02344 3.67147,4.125c0,2.5586 -1.81245,4.33985 -4.40218,4.33985c-1.89483,0 -3.27029,-0.77344 -4.42009,-2.51563l1.60829,-1.60547c0.57311,1.14844 1.52947,1.76563 2.71868,1.76563c1.1104,0 1.93423,-0.79688 1.93423,-1.86719c0,-0.55469 -0.25073,-1.03125 -0.74862,-1.36719c-0.24715,-0.16015 -0.74504,-0.39843 -1.71932,-0.7539c-2.339,-0.8711 -3.14135,-1.80078 -3.14135,-3.625c0,-2.16016 1.7229,-3.78516 3.9831,-3.78516zm28.45481,0.23047l2.72226,0l3.40282,8.87891l3.44939,-8.87891l2.70078,0l-5.51617,13.55859l-1.33964,0l-5.41945,-13.55859zm-36.51772,0.01953l2.48943,0l0,13.21875l-2.48943,0l0,-13.21875zm49.9177,0l7.06355,0l0,2.23828l-4.57412,0l0,2.9336l4.40577,0l0,2.23828l-4.40577,0l0,3.57031l4.57412,0l0,2.23828l-7.06355,0l0,-13.21875zm14.01607,7.64844c1.87335,-0.39453 2.90853,-1.72266 2.90853,-3.74609c0,-2.47657 -1.64769,-3.90235 -4.52039,-3.90235l-3.69296,0l0,13.21875l2.48943,0l0,-5.3125l0.32596,0l3.44581,5.3125l3.06255,0l-4.01893,-5.57031zm-2.08826,-1.5625l-0.72713,0l0,-4.00391l0.76653,0c1.55098,0 2.39272,0.67188 2.39272,1.95703c0,1.33204 -0.84174,2.04688 -2.43212,2.04688zm-69.84753,-6.08594l-3.65357,0l0,13.21875l3.63565,0c1.93424,0 3.3312,-0.47265 4.55621,-1.52734c1.45785,-1.2461 2.31751,-3.12891 2.31751,-5.07422c0,-3.90234 -2.81539,-6.61719 -6.8558,-6.61719zm2.9121,9.92969c-0.78444,0.73047 -1.79813,1.05078 -3.40999,1.05078l-0.66624,0l0,-8.74219l0.66624,0c1.60828,0 2.58615,0.30078 3.40999,1.07032c0.85966,0.79296 1.37904,2.02343 1.37904,3.28906c0,1.26953 -0.51937,2.53906 -1.37904,3.33203zm0,0" class="discover-svg-path"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/payments/cardIcons/smallamericanexpress.svg b/web/satellite/static/images/payments/cardIcons/smallamericanexpress.svg
deleted file mode 100644
index 2f327919ec71..000000000000
--- a/web/satellite/static/images/payments/cardIcons/smallamericanexpress.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg width="40" height="10.37" viewBox="0 0 49 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M27.5199 0C26.9564 0 26.499 0.457355 26.499 1.02084V13.2706C26.499 13.8341 26.9564 14.2914 27.5199 14.2914C28.0854 14.2914 28.5407 13.8341 28.5407 13.2706V1.02084C28.5407 0.457355 28.0834 0 27.5199 0Z" fill="#006FCF"/>
-    <path d="M34.7083 4.08334H31.6458C31.0824 4.08334 30.625 4.5407 30.625 5.10419C30.625 5.66768 31.0824 6.12503 31.6458 6.12503H34.7083C35.2718 6.12503 35.7291 5.66768 35.7291 5.10419C35.7291 4.5407 35.2718 4.08334 34.7083 4.08334Z" fill="#006FCF"/>
-    <path d="M34.7083 8.16669H31.6458C31.0824 8.16669 30.625 8.62404 30.625 9.18753C30.625 9.75102 31.0824 10.2084 31.6458 10.2084H34.7083C35.2718 10.2084 35.7291 9.75102 35.7291 9.18753C35.7291 8.62404 35.2718 8.16669 34.7083 8.16669Z" fill="#006FCF"/>
-    <path d="M9.42471 5.1327C8.9531 5.02245 8.48761 5.24495 8.27525 5.66968L7.2544 7.71128C7.09515 8.02565 7.11152 8.40339 7.29727 8.70351C7.48514 9.00363 7.81377 9.18737 8.16701 9.18737H9.18785C9.75134 9.18737 10.2087 8.73002 10.2087 8.16653V6.12493C10.2087 5.6513 9.88408 5.23883 9.42471 5.1327Z" fill="#006FCF"/>
-    <path d="M37.4727 6.42303L35.4311 4.38144C35.1391 4.08946 34.7002 4.00371 34.3184 4.16095C33.9366 4.31818 33.6875 4.6918 33.6875 5.10418V9.18744C33.6875 9.59982 33.9366 9.97343 34.3184 10.1307C34.4429 10.1838 34.5776 10.2083 34.7083 10.2083C34.9737 10.2083 35.2351 10.1042 35.4311 9.90817L37.4727 7.86658C37.8708 7.46827 37.8708 6.82114 37.4727 6.42303Z" fill="#006FCF"/>
-    <path d="M44.2039 7.14574L48.7628 1.67422C49.018 1.36999 49.071 0.945362 48.9036 0.58811C48.7342 0.228752 48.3749 0.00012207 47.9788 0.00012207H42.8748C42.6033 0.00012207 42.3439 0.108361 42.152 0.298232L39.8123 2.63793L37.4726 0.298232C37.2807 0.108361 37.0214 0.00012207 36.7499 0.00012207H23.4365C23.0772 0.00012207 22.7444 0.189994 22.5607 0.496237L20.3741 4.14255L18.1875 0.496237C18.0017 0.187984 17.671 0.00012207 17.3116 0.00012207H7.14637C6.75849 0.00012207 6.40727 0.218607 6.23376 0.56562L0.108892 12.8154C-0.0503547 13.1297 -0.0339898 13.5075 0.151766 13.8076C0.339627 14.1077 0.668265 14.2915 1.0215 14.2915H6.12553C6.51139 14.2915 6.86463 14.073 7.03813 13.728L7.77513 12.2499H8.16712V13.2707C8.16712 13.8342 8.62447 14.2916 9.18796 14.2916H17.3544C17.8485 14.2916 18.2609 13.9404 18.3548 13.4728L18.4834 13.7281C18.6569 14.0731 19.0102 14.2916 19.396 14.2916H21.4376C21.8235 14.2916 22.1767 14.0731 22.3502 13.7281L22.4788 13.4728C22.5727 13.9403 22.9852 14.2916 23.4792 14.2916H36.7498C37.0213 14.2916 37.2806 14.1833 37.4725 13.9914L39.8122 11.6517L42.1519 13.9934C42.3438 14.1833 42.6032 14.2916 42.8747 14.2916H47.9787C48.3748 14.2916 48.7341 14.0629 48.9035 13.7036C49.0709 13.3463 49.0179 12.9216 48.7627 12.6175L44.2039 7.14574ZM43.2974 12.2498L40.5351 9.48545C40.1369 9.08733 39.4897 9.08733 39.0916 9.48545L36.3273 12.2498H24.5001V9.18733C24.5001 8.71371 24.1755 8.30124 23.7162 8.1931C23.2466 8.08486 22.7791 8.30535 22.5667 8.73008L20.8089 12.2499H20.0269L18.269 8.73008C18.0567 8.30746 17.5892 8.08496 17.1196 8.1931C16.6582 8.30134 16.3336 8.71371 16.3336 9.18733V12.2498H10.2087V11.2289C10.2087 10.6654 9.75135 10.2081 9.18787 10.2081H7.14637C6.75849 10.2081 6.40727 10.4266 6.23175 10.7716L5.49476 12.2497H2.6711L7.77513 2.04152H12.2504V9.18724C12.2504 9.75073 12.7078 10.2081 13.2712 10.2081C13.8347 10.2081 14.2921 9.75073 14.2921 9.18724V2.04152H16.7339L19.5003 6.64743C19.8658 7.26192 20.8784 7.26192 21.25 6.64743L24.0144 2.03951H36.3254L39.0897 4.80384C39.4878 5.20196 40.135 5.20196 40.5331 4.80384L43.2975 2.03951H45.8005L42.093 6.49029C41.7765 6.87003 41.7765 7.41926 42.093 7.799L45.8005 12.2498H43.2974V12.2498Z" fill="#006FCF"/>
-</svg>
diff --git a/web/satellite/static/images/payments/cardIcons/smalldinersclub.svg b/web/satellite/static/images/payments/cardIcons/smalldinersclub.svg
deleted file mode 100644
index 32e8d70e5cc1..000000000000
--- a/web/satellite/static/images/payments/cardIcons/smalldinersclub.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="40" height="31" viewBox="0 0 68 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M39.8367 53.8724C54.5608 53.9428 68 41.8643 68 27.1703C68 11.1015 54.5608 -0.00535781 39.8367 -1.33309e-05H27.1649C12.2645 -0.00535781 0 11.1049 0 27.1703C0 41.8675 12.2645 53.9429 27.1649 53.8724H39.8367Z" fill="#0079BE"/>
-    <path d="M27.2252 2.22652C13.6096 2.23079 2.57645 13.2671 2.57324 26.8882C2.57645 40.5069 13.6095 51.5422 27.2252 51.5465C40.844 51.5422 51.8794 40.5069 51.8813 26.8882C51.8793 13.2671 40.844 2.23079 27.2252 2.22652ZM11.599 26.8882C11.6118 20.2322 15.7688 14.5563 21.6306 12.3009V41.4721C15.7688 39.2179 11.6117 33.5452 11.599 26.8882ZM32.8177 41.4785V12.2999C38.6816 14.5499 42.845 20.229 42.8557 26.8882C42.845 33.5495 38.6816 39.2242 32.8177 41.4785Z" fill="white"/>
-    <path d="M39.8367 53.8724C54.5608 53.9428 68 41.8643 68 27.1703C68 11.1015 54.5608 -0.00535781 39.8367 -1.33309e-05H27.1649C12.2645 -0.00535781 0 11.1049 0 27.1703C0 41.8675 12.2645 53.9429 27.1649 53.8724H39.8367Z" fill="#0079BE"/>
-    <path d="M27.2252 2.22652C13.6096 2.23079 2.57645 13.2671 2.57324 26.8882C2.57645 40.5069 13.6095 51.5422 27.2252 51.5465C40.844 51.5422 51.8794 40.5069 51.8813 26.8882C51.8793 13.2671 40.844 2.23079 27.2252 2.22652ZM11.599 26.8882C11.6118 20.2322 15.7688 14.5563 21.6306 12.3009V41.4721C15.7688 39.2179 11.6117 33.5452 11.599 26.8882ZM32.8177 41.4785V12.2999C38.6816 14.5499 42.845 20.229 42.8557 26.8882C42.845 33.5495 38.6816 39.2242 32.8177 41.4785Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/payments/cardIcons/smalljcb.svg b/web/satellite/static/images/payments/cardIcons/smalljcb.svg
deleted file mode 100644
index a7b57343e290..000000000000
--- a/web/satellite/static/images/payments/cardIcons/smalljcb.svg
+++ /dev/null
@@ -1,42 +0,0 @@
-<svg width="40" height="31" viewBox="0 0 68 53" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M68 41.8142C68 47.6333 63.2616 52.3716 57.4425 52.3716H0V10.5575C0 4.73839 4.73839 0 10.5575 0H68V41.8142V41.8142Z" fill="white"/>
-    <path d="M49.2959 31.0905H53.6602C53.7849 31.0905 54.0759 31.0489 54.2005 31.0489C55.0318 30.8826 55.7384 30.1345 55.7384 29.0954C55.7384 28.0978 55.0318 27.3496 54.2005 27.1418C54.0759 27.1002 53.8265 27.1003 53.6602 27.1003H49.2959V31.0905Z" fill="url(#paint0_linear)"/>
-    <path d="M53.161 3.533C49.0046 3.533 45.5963 6.89975 45.5963 11.0978V18.9535H56.2784C56.5278 18.9535 56.8187 18.9535 57.0266 18.9951C59.4373 19.1198 61.2246 20.3667 61.2246 22.5281C61.2246 24.2323 60.0192 25.687 57.7747 25.978V26.0611C60.2271 26.2274 62.0975 27.599 62.0975 29.7188C62.0975 32.0049 60.0192 33.5012 57.276 33.5012H45.5547V48.8802H56.6525C60.809 48.8802 64.2173 45.5134 64.2173 41.3154V3.533H53.161V3.533Z" fill="url(#paint1_linear)"/>
-    <path d="M55.1981 23.0269C55.1981 22.0293 54.4915 21.3643 53.6602 21.2396C53.5771 21.2396 53.3692 21.198 53.2446 21.198H49.2959V24.8557H53.2446C53.3692 24.8557 53.6186 24.8557 53.6602 24.8142C54.4915 24.6895 55.1981 24.0244 55.1981 23.0269V23.0269Z" fill="url(#paint2_linear)"/>
-    <path d="M11.3476 3.533C7.19109 3.533 3.78278 6.89975 3.78278 11.0978V29.7604C5.90258 30.7995 8.10551 31.4645 10.3084 31.4645C12.927 31.4645 14.3402 29.8851 14.3402 27.7237V18.912H20.8243V27.6821C20.8243 31.0905 18.7045 33.8753 11.5138 33.8753C7.14952 33.8753 3.74121 32.9193 3.74121 32.9193V48.8386H14.839C18.9955 48.8386 22.4038 45.4719 22.4038 41.2738V3.533H11.3476V3.533Z" fill="url(#paint3_linear)"/>
-    <path d="M32.2542 3.533C28.0978 3.533 24.6895 6.89975 24.6895 11.0978V20.9902C26.6014 19.3692 29.9266 18.3301 35.2885 18.5795C38.1564 18.7042 41.2322 19.4939 41.2322 19.4939V22.6944C39.6943 21.9046 37.8655 21.198 35.4963 21.0318C31.4229 20.7408 28.9706 22.7359 28.9706 26.2274C28.9706 29.7604 31.4229 31.7555 35.4963 31.423C37.8655 31.2567 39.6943 30.5086 41.2322 29.7604V32.9609C41.2322 32.9609 38.198 33.7506 35.2885 33.8753C29.9266 34.1247 26.6014 33.0856 24.6895 31.4645V48.9218H35.7873C39.9437 48.9218 43.352 45.555 43.352 41.357V3.533H32.2542V3.533Z" fill="url(#paint4_linear)"/>
-    <defs>
-        <linearGradient id="paint0_linear" x1="45.5897" y1="29.1003" x2="64.2678" y2="29.1003" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#007940"/>
-            <stop offset="0.2285" stop-color="#00873F"/>
-            <stop offset="0.7433" stop-color="#40A737"/>
-            <stop offset="1" stop-color="#5CB531"/>
-        </linearGradient>
-        <linearGradient id="paint1_linear" x1="45.5887" y1="26.1884" x2="64.2683" y2="26.1884" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#007940"/>
-            <stop offset="0.2285" stop-color="#00873F"/>
-            <stop offset="0.7433" stop-color="#40A737"/>
-            <stop offset="1" stop-color="#5CB531"/>
-        </linearGradient>
-        <linearGradient id="paint2_linear" x1="45.5892" y1="23.0217" x2="64.2681" y2="23.0217" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#007940"/>
-            <stop offset="0.2285" stop-color="#00873F"/>
-            <stop offset="0.7433" stop-color="#40A737"/>
-            <stop offset="1" stop-color="#5CB531"/>
-        </linearGradient>
-        <linearGradient id="paint3_linear" x1="3.77397" y1="26.1884" x2="22.7413" y2="26.1884" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#1F286F"/>
-            <stop offset="0.4751" stop-color="#004E94"/>
-            <stop offset="0.8261" stop-color="#0066B1"/>
-            <stop offset="1" stop-color="#006FBC"/>
-        </linearGradient>
-        <linearGradient id="paint4_linear" x1="24.582" y1="26.1884" x2="43.0036" y2="26.1884" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#6C2C2F"/>
-            <stop offset="0.1735" stop-color="#882730"/>
-            <stop offset="0.5731" stop-color="#BE1833"/>
-            <stop offset="0.8585" stop-color="#DC0436"/>
-            <stop offset="1" stop-color="#E60039"/>
-        </linearGradient>
-    </defs>
-</svg>
-
diff --git a/web/satellite/static/images/payments/cardIcons/smallmastercard.svg b/web/satellite/static/images/payments/cardIcons/smallmastercard.svg
deleted file mode 100644
index cde0e8a6b2ff..000000000000
--- a/web/satellite/static/images/payments/cardIcons/smallmastercard.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="40" height="33" viewBox="0 0 86 71" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M21.1109 61.3009V57.808C21.1109 56.469 20.2967 55.5958 18.9009 55.5958C18.203 55.5958 17.447 55.8287 16.9236 56.5855C16.5165 55.9451 15.9349 55.5958 15.0626 55.5958C14.481 55.5958 13.8994 55.7705 13.4342 56.4108V55.7122H12.2129V61.3009H13.4342V58.2155C13.4342 57.2258 13.9576 56.7601 14.7718 56.7601C15.586 56.7601 15.9931 57.284 15.9931 58.2155V61.3009H17.2144V58.2155C17.2144 57.2258 17.7959 56.7601 18.552 56.7601C19.3662 56.7601 19.7733 57.284 19.7733 58.2155V61.3009H21.1109ZM39.1976 55.7122H37.2203V54.024H35.999V55.7122H34.894V56.8183H35.999V59.3798C35.999 60.6605 36.5224 61.4173 37.9181 61.4173C38.4416 61.4173 39.0231 61.2427 39.4302 61.0099L39.0813 59.962C38.7323 60.1948 38.3253 60.253 38.0345 60.253C37.4529 60.253 37.2203 59.9038 37.2203 59.3216V56.8183H39.1976V55.7122ZM49.5495 55.5958C48.8516 55.5958 48.3864 55.9451 48.0956 56.4108V55.7122H46.8743V61.3009H48.0956V58.1573C48.0956 57.2258 48.5027 56.7019 49.2587 56.7019C49.4913 56.7019 49.7821 56.7601 50.0148 56.8183L50.3637 55.654C50.1311 55.5958 49.7821 55.5958 49.5495 55.5958ZM33.9053 56.1779C33.3238 55.7704 32.5096 55.5958 31.6372 55.5958C30.2415 55.5958 29.311 56.2944 29.311 57.4005C29.311 58.3319 30.0088 58.8559 31.2301 59.0305L31.8117 59.0887C32.4514 59.2052 32.8004 59.3798 32.8004 59.6709C32.8004 60.0784 32.3351 60.3695 31.5209 60.3695C30.7067 60.3695 30.067 60.0784 29.6599 59.7873L29.0783 60.7188C29.7181 61.1845 30.5904 61.4173 31.4628 61.4173C33.0912 61.4173 34.0217 60.6606 34.0217 59.6127C34.0217 58.623 33.2656 58.0991 32.1025 57.9244L31.5209 57.8662C30.9975 57.808 30.5904 57.6916 30.5904 57.3423C30.5904 56.9348 30.9975 56.7019 31.6372 56.7019C32.3351 56.7019 33.033 56.993 33.3819 57.1676L33.9053 56.1779ZM66.3568 55.5958C65.6589 55.5958 65.1937 55.9451 64.9029 56.4108V55.7122H63.6816V61.3009H64.9029V58.1573C64.9029 57.2258 65.31 56.7019 66.066 56.7019C66.2986 56.7019 66.5894 56.7601 66.822 56.8183L67.171 55.654C66.9384 55.5958 66.5894 55.5958 66.3568 55.5958ZM50.7708 58.5066C50.7708 60.1948 51.9339 61.4173 53.7368 61.4173C54.551 61.4173 55.1325 61.2427 55.7141 60.777L55.1325 59.7873C54.6673 60.1366 54.202 60.3113 53.6786 60.3113C52.69 60.3113 51.9921 59.6127 51.9921 58.5066C51.9921 57.4587 52.69 56.7601 53.6786 56.7019C54.202 56.7019 54.6673 56.8765 55.1325 57.2258L55.7141 56.2362C55.1325 55.7704 54.551 55.5958 53.7368 55.5958C51.9339 55.5958 50.7708 56.8183 50.7708 58.5066ZM62.0532 58.5066V55.7122H60.8319V56.4108C60.4248 55.8869 59.8432 55.5958 59.0872 55.5958C57.517 55.5958 56.2957 56.8183 56.2957 58.5066C56.2957 60.1948 57.517 61.4173 59.0872 61.4173C59.9014 61.4173 60.483 61.1263 60.8319 60.6023V61.3009H62.0532V58.5066ZM57.5751 58.5066C57.5751 57.5169 58.2148 56.7019 59.2617 56.7019C60.2503 56.7019 60.9482 57.4587 60.9482 58.5066C60.9482 59.4962 60.2503 60.3113 59.2617 60.3113C58.2148 60.253 57.5751 59.4962 57.5751 58.5066ZM42.9778 55.5958C41.3494 55.5958 40.1863 56.7601 40.1863 58.5066C40.1863 60.253 41.3494 61.4173 43.0359 61.4173C43.8501 61.4173 44.6643 61.1845 45.3041 60.6606L44.7225 59.7873C44.2572 60.1366 43.6757 60.3695 43.0941 60.3695C42.3381 60.3695 41.582 60.0202 41.4075 59.0305H45.5367V58.5648C45.5948 56.7601 44.548 55.5958 42.9778 55.5958ZM42.9778 56.6437C43.7338 56.6437 44.2572 57.1094 44.3735 57.9826H41.4657C41.582 57.2258 42.1054 56.6437 42.9778 56.6437ZM73.2774 58.5066V53.5H72.0561V56.4108C71.649 55.8869 71.0675 55.5958 70.3114 55.5958C68.7412 55.5958 67.5199 56.8183 67.5199 58.5066C67.5199 60.1948 68.7412 61.4173 70.3114 61.4173C71.1256 61.4173 71.7072 61.1263 72.0561 60.6023V61.3009H73.2774V58.5066ZM68.7994 58.5066C68.7994 57.5169 69.4391 56.7019 70.4859 56.7019C71.4746 56.7019 72.1725 57.4587 72.1725 58.5066C72.1725 59.4962 71.4746 60.3113 70.4859 60.3113C69.4391 60.253 68.7994 59.4962 68.7994 58.5066ZM27.9734 58.5066V55.7122H26.7521V56.4108C26.345 55.8869 25.7634 55.5958 25.0074 55.5958C23.4371 55.5958 22.2158 56.8183 22.2158 58.5066C22.2158 60.1948 23.4371 61.4173 25.0074 61.4173C25.8216 61.4173 26.4031 61.1263 26.7521 60.6023V61.3009H27.9734V58.5066ZM23.4371 58.5066C23.4371 57.5169 24.0768 56.7019 25.1237 56.7019C26.1123 56.7019 26.8102 57.4587 26.8102 58.5066C26.8102 59.4962 26.1123 60.3113 25.1237 60.3113C24.0768 60.253 23.4371 59.4962 23.4371 58.5066Z" fill="#2C3236"/>
-    <path d="M51.8174 13.2733H33.498V46.2233H51.8174V13.2733Z" fill="#FF5F00"/>
-    <path d="M34.661 29.7484C34.661 23.0536 37.8015 17.1156 42.6285 13.2734C39.0809 10.479 34.6029 8.79077 29.7177 8.79077C18.1445 8.79077 8.78125 18.1635 8.78125 29.7484C8.78125 41.3332 18.1445 50.7059 29.7177 50.7059C34.6029 50.7059 39.0809 49.0177 42.6285 46.2233C37.8015 42.4393 34.661 36.4431 34.661 29.7484Z" fill="#EB001B"/>
-    <path d="M76.5347 29.7484C76.5347 41.3332 67.1715 50.7059 55.5983 50.7059C50.7131 50.7059 46.2351 49.0177 42.6875 46.2233C47.5727 42.3811 50.655 36.4431 50.655 29.7484C50.655 23.0536 47.5145 17.1156 42.6875 13.2734C46.2351 10.479 50.7131 8.79077 55.5983 8.79077C67.1715 8.79077 76.5347 18.2217 76.5347 29.7484Z" fill="#F79E1B"/>
-</svg>
diff --git a/web/satellite/static/images/payments/cardIcons/smallunionpay.svg b/web/satellite/static/images/payments/cardIcons/smallunionpay.svg
deleted file mode 100644
index fb7a6d1676ef..000000000000
--- a/web/satellite/static/images/payments/cardIcons/smallunionpay.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="40" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
-    <path stroke="null" fill-rule="nonzero" fill="rgb(81.960784%,1.568627%,16.078431%)" d="m14.5825,0l18.3432,0c2.55906,0 4.16031,2.02647 3.55861,4.50483l-8.54411,35.5067c-0.59924,2.47836 -3.17303,4.50483 -5.7321,4.50483l-18.3432,0c-2.56152,0 -4.16031,-2.02647 -3.56107,-4.50483l8.54657,-35.5067c0.59924,-2.49248 3.1583,-4.50483 5.71982,-4.50483l0.01228,0zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(0.784314%,18.039216%,39.215686%)" d="m31.32199,0l21.10364,0c2.55906,0 1.39987,2.02647 0.80063,4.50483l-8.54657,35.5067c-0.59924,2.47836 -0.41259,4.50483 -2.97165,4.50483l-21.10365,0c-2.57134,0 -4.15786,-2.02647 -3.54633,-4.50483l8.54657,-35.5067c0.59924,-2.49248 3.1583,-4.50483 5.73209,-4.50483l-0.01473,0zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(2.745098%,43.529412%,45.490196%)" d="m51.6864,0l18.3432,0c2.55906,0 4.15786,2.02647 3.55862,4.50483l-8.54411,35.5067c-0.6017,2.47836 -3.17304,4.50483 -5.73456,4.50483l-18.3432,0c-2.57134,0 -4.15786,-2.02647 -3.55862,-4.50483l8.54657,-35.5067c0.59925,-2.49248 3.1583,-4.50483 5.71736,-4.50483l0.01474,0zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(99.607843%,99.607843%,99.607843%)" d="m48.60423,33.47318l1.73387,0l0.49364,-1.61223l-1.71914,0l-0.50837,1.61223zm1.38759,-4.43893l-0.59925,1.90879c0,0 0.65328,-0.32245 1.01184,-0.426c0.36102,-0.07767 0.89395,-0.14122 0.89395,-0.14122l0.41259,-1.32979l-1.73141,0l0.01228,-0.01177zm0.86694,-2.73726l-0.57469,1.83347c0,0 0.64099,-0.28479 0.99956,-0.37422c0.36102,-0.09179 0.89395,-0.11769 0.89395,-0.11769l0.41259,-1.32744l-1.71913,0l-0.01228,-0.01412zm3.8263,0l-2.23979,7.16442l0.59925,0l-0.46662,1.48278l-0.59924,0l-0.14736,0.45189l-2.13419,0l0.14735,-0.45189l-4.31994,0l0.42733,-1.36745l0.43961,0l2.26681,-7.27974l0.45434,-1.47101l2.17348,0l-0.2284,0.73668c0,0 0.57468,-0.40011 1.13463,-0.54368c0.54521,-0.14122 3.69123,-0.193 3.69123,-0.193l-0.46662,1.45924l-0.7466,0l0.01473,0.01177zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(99.607843%,99.607843%,99.607843%)" d="m55.57411,24.82598l2.31838,0l0.02701,0.83789c-0.01228,0.14122 0.10806,0.20712 0.38804,0.20712l0.46662,0l-0.42733,1.38158l-1.25252,0c-1.0806,0.07767 -1.49319,-0.37422 -1.46863,-0.8779l-0.03929,-1.53691l-0.01228,-0.01177zm0.28488,6.56895l-2.21277,0l0.3733,-1.22388l2.53204,0l0.36102,-1.12503l-2.49275,0l0.42487,-1.37922l6.93303,0l-0.42732,1.37922l-2.33066,0l-0.36101,1.12503l2.33311,0l-0.38803,1.22388l-2.51977,0l-0.45189,0.51779l1.02658,0l0.25296,1.54869c0.02702,0.15534 0.02702,0.25889 0.08105,0.32244c0.05157,0.05178 0.35856,0.07767 0.53293,0.07767l0.30699,0l-0.48136,1.51102l-0.78589,0c-0.12034,0 -0.30699,-0.01412 -0.55995,-0.01412c-0.24068,-0.02588 -0.40031,-0.15534 -0.55994,-0.233c-0.14736,-0.06355 -0.36102,-0.23066 -0.41259,-0.52957l-0.24068,-1.54868l-1.14691,1.52515c-0.35857,0.47543 -0.8522,0.84965 -1.69212,0.84965l-1.60125,0l0.42732,-1.34156l0.61398,0c0.17191,0 0.334,-0.06355 0.45434,-0.12945c0.11788,-0.05178 0.22595,-0.10356 0.33155,-0.27067l1.67984,-2.28537zm-24.20546,-3.35862l5.85243,0l-0.42732,1.35568l-2.33312,0l-0.36102,1.14857l2.40188,0l-0.44206,1.39334l-2.38469,0l-0.58696,1.87113c-0.06631,0.20712 0.57222,0.23301 0.80062,0.23301l1.19848,-0.15534l-0.4789,1.54868l-2.69413,0c-0.21367,0 -0.3733,-0.02589 -0.61398,-0.07767c-0.22595,-0.05178 -0.33155,-0.15298 -0.42488,-0.29656c-0.09332,-0.15534 -0.25296,-0.27066 -0.14735,-0.60488l0.77361,-2.47836l-1.33356,0l0.43961,-1.42159l1.33356,0l0.36102,-1.14857l-1.33356,0l0.42733,-1.35333l-0.02702,-0.01412zm4.04243,-2.45012l2.39942,0l-0.4396,1.40747l-3.27865,0l-0.36102,0.29656c-0.15963,0.14121 -0.19892,0.09179 -0.40031,0.193c-0.18665,0.09179 -0.57222,0.27067 -1.07814,0.27067l-1.05359,0l0.42487,-1.35333l0.32173,0c0.26524,0 0.45189,-0.02589 0.54521,-0.07767c0.10806,-0.0659 0.2284,-0.20712 0.34628,-0.44013l0.6017,-1.05677l2.38469,0l-0.41259,0.77434l0,-0.01412zm4.52379,2.32302c0,0 0.65327,-0.57899 1.77317,-0.76022c0.25296,-0.05178 1.85176,-0.02588 1.85176,-0.02588l0.24068,-0.77434l-3.37196,0l-0.49364,1.57457l0,-0.01412zm3.17304,0.59546l-3.34741,0l-0.19893,0.65666l2.90534,0c0.34629,-0.03766 0.41259,0.01412 0.43961,-0.01177l0.21367,-0.6449l-0.01228,0zm-4.34697,-3.66693l2.03841,0l-0.29225,0.99322c0,0 0.64099,-0.50132 1.09288,-0.68255c0.45434,-0.15534 1.46618,-0.31067 1.46618,-0.31067l3.30565,-0.01177l-1.13217,3.63869c-0.18665,0.619 -0.41259,1.01911 -0.54521,1.21446c-0.12034,0.17888 -0.26769,0.34834 -0.55994,0.50132c-0.27997,0.14358 -0.53539,0.23301 -0.77361,0.24713c-0.21366,0.01177 -0.55995,0.02589 -1.01429,0.02589l-3.18532,0l-0.89395,2.87847c-0.07859,0.28243 -0.12034,0.42365 -0.06631,0.50132c0.03929,0.0659 0.15963,0.14358 0.30699,0.14358l1.39987,-0.12945l-0.48136,1.57457l-1.57178,0c-0.50592,0 -0.86694,-0.01412 -1.1199,-0.02589c-0.24068,-0.02588 -0.49364,0 -0.66801,-0.12945c-0.1449,-0.12945 -0.37085,-0.29656 -0.35857,-0.46366c0.01229,-0.15534 0.07859,-0.41424 0.18665,-0.77434l2.86605,-9.19088zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(99.607843%,99.607843%,99.607843%)" d="m44.98913,30.63l-0.18665,0.8779c-0.07859,0.27067 -0.14735,0.47779 -0.35856,0.65901c-0.2284,0.17887 -0.48136,0.37422 -1.09534,0.37422l-1.13217,0.05178l-0.01228,0.97911c-0.01474,0.27067 0.06631,0.24478 0.1056,0.29656c0.05403,0.05178 0.09333,0.0659 0.14735,0.09179l0.35857,-0.02589l1.0806,-0.05178l-0.45435,1.44512l-1.23778,0c-0.86694,0 -1.52021,-0.02589 -1.72159,-0.18123c-0.21366,-0.12945 -0.23823,-0.28243 -0.23823,-0.56722l0.07859,-3.84582l1.98683,0l-0.02702,0.78611l0.48136,0c0.15963,0 0.27997,-0.01177 0.34628,-0.05178c0.06631,-0.03766 0.1056,-0.10121 0.13261,-0.193l0.19893,-0.619l1.56196,0l-0.01474,-0.02589zm-28.26017,-19.26673c-0.06631,0.30832 -1.34584,6.00172 -1.34584,6.00172c-0.27997,1.14857 -0.48136,1.97469 -1.1469,2.50425c-0.38804,0.30832 -0.83992,0.44955 -1.36058,0.44955c-0.83992,0 -1.31882,-0.39776 -1.39987,-1.16033l-0.01228,-0.2589c0,0 0.25296,-1.53456 0.25296,-1.54868c0,0 1.33356,-5.18738 1.57178,-5.87228c0.01474,-0.03766 0.01474,-0.06355 0.01474,-0.07767c-2.60081,0.02588 -3.06744,0 -3.09199,-0.03766c-0.01474,0.05178 -0.08104,0.37422 -0.08104,0.37422l-1.36058,5.84639l-0.12034,0.48955l-0.22595,1.62635c0,0.47779 0.09333,0.8779 0.29471,1.20035c0.62626,1.05913 2.39943,1.21447 3.39898,1.21447c1.29181,0 2.50503,-0.27067 3.31794,-0.74845c1.42688,-0.81435 1.80018,-2.09237 2.11945,-3.21505l0.16209,-0.57899c0,0 1.37286,-5.38273 1.61108,-6.0794c0.01474,-0.04001 0.01474,-0.0659 0.02702,-0.07767c-1.89351,0.01177 -2.43872,0 -2.62537,-0.04001l0,-0.01177zm7.6035,10.6972c-0.91851,-0.01177 -1.25252,-0.01177 -2.33312,0.04001l-0.03929,-0.07767c0.09333,-0.40011 0.19893,-0.78846 0.27997,-1.18857l0.13262,-0.54133c0.20138,-0.83789 0.38804,-1.83347 0.41505,-2.13003c0.02456,-0.17887 0.07859,-0.63077 -0.45435,-0.63077c-0.22594,0 -0.45434,0.10121 -0.69257,0.20476c-0.13507,0.45189 -0.38804,1.71814 -0.52066,2.28537c-0.26769,1.21211 -0.27997,1.35568 -0.40031,1.94879l-0.07859,0.07767c-0.94799,-0.01412 -1.27953,-0.01412 -2.37487,0.03766l-0.05157,-0.08944c0.18665,-0.72256 0.35856,-1.44512 0.53294,-2.16768c0.45189,-1.9488 0.57222,-2.69725 0.69257,-3.69283l0.09333,-0.05178c1.06586,-0.14121 1.31882,-0.17887 2.48047,-0.40011l0.09333,0.10356l-0.17437,0.62136c0.20139,-0.11769 0.38804,-0.23301 0.58697,-0.3248c0.54767,-0.25654 1.14691,-0.33421 1.48092,-0.33421c0.50591,0 1.06586,0.14121 1.2918,0.70844c0.21367,0.50367 0.08105,1.12503 -0.21366,2.35126l-0.1449,0.619c-0.29471,1.36746 -0.34874,1.61223 -0.50837,2.54191l-0.1056,0.07767l0.01228,0.01177zm3.74526,0.00471c-0.55994,0 -0.92096,-0.01412 -1.26725,0c-0.34629,0 -0.68029,0.02589 -1.20094,0.03766l-0.02702,-0.03766l-0.02456,-0.05178c0.1449,-0.51544 0.21121,-0.69667 0.29225,-0.8779c0.06631,-0.18123 0.13262,-0.36246 0.26769,-0.88967c0.15964,-0.6849 0.26524,-1.16268 0.33155,-1.58869c0.08104,-0.40011 0.12034,-0.74845 0.17437,-1.14857l0.03929,-0.02588l0.03929,-0.03766c0.55995,-0.07767 0.90869,-0.12945 1.26725,-0.18123c0.36101,-0.05178 0.73431,-0.11532 1.30654,-0.21889l0.02702,0.05178l0.01228,0.05178l-0.31927,1.27566c-0.1056,0.426 -0.21367,0.85201 -0.30699,1.27801c-0.19893,0.90379 -0.29226,1.24036 -0.33155,1.48513c-0.05403,0.23301 -0.06876,0.34834 -0.14735,0.81436l-0.10806,0.07532l-0.02456,-0.01177zm5.91629,-3.17032c-0.03929,0.23065 -0.25296,1.09679 -0.53294,1.45689c-0.19893,0.27067 -0.42487,0.44013 -0.69257,0.44013c-0.08105,0 -0.53294,0 -0.54767,-0.65901c0,-0.32244 0.06877,-0.65901 0.14736,-1.01911c0.24068,-1.04501 0.53294,-1.91114 1.26725,-1.91114c0.57223,0 0.61398,0.64489 0.35857,1.69226zm2.41416,0.1012c0.31927,-1.36745 0.06631,-2.01234 -0.24068,-2.40069c-0.4789,-0.59312 -1.33356,-0.78611 -2.21277,-0.78611c-0.53294,0 -1.78545,0.05178 -2.77273,0.92968c-0.7073,0.63077 -1.03885,1.4969 -1.2255,2.32302c-0.20138,0.83789 -0.42733,2.34891 1.01184,2.91613c0.43961,0.18123 1.0806,0.23301 1.49319,0.23301c1.05359,0 2.13419,-0.28478 2.94709,-1.11091c0.62625,-0.67078 0.90623,-1.67813 1.01183,-2.10414l-0.01228,0zm22.47159,3.22211c-1.1199,-0.01177 -1.44162,-0.01177 -2.46819,0.03766l-0.06631,-0.07532c0.27997,-1.02147 0.55994,-2.05236 0.81291,-3.08559c0.32173,-1.34157 0.40031,-1.91114 0.50837,-2.69725l0.07859,-0.0659c1.10762,-0.15299 1.4146,-0.193 2.57379,-0.40011l0.02702,0.09179c-0.21366,0.85201 -0.41259,1.6899 -0.62625,2.53014c-0.42733,1.76757 -0.57469,2.67136 -0.73432,3.60104l-0.1056,0.07767l0,-0.01412zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(99.607843%,99.607843%,99.607843%)" d="m57.26869,19.06667c-0.05403,0.21889 -0.26524,1.09679 -0.54521,1.45689c-0.18665,0.2589 -0.64099,0.426 -0.89395,0.426c-0.08105,0 -0.52066,0 -0.54767,-0.64489c0,-0.32245 0.06631,-0.65901 0.14736,-1.01912c0.24068,-1.01911 0.53293,-1.88525 1.26725,-1.88525c0.57223,0 0.82519,0.63312 0.57223,1.67813l0,-0.01177zm2.2005,0.10356c0.31927,-1.36981 -0.98727,-0.11769 -1.18621,-0.56958c-0.32173,-0.70844 -0.12034,-2.13002 -1.39987,-2.60545c-0.49364,-0.19535 -1.65283,0.05178 -2.64011,0.92732c-0.69257,0.62136 -1.04131,1.48513 -1.2255,2.31126c-0.20138,0.82612 -0.42733,2.34891 0.99955,2.87847c0.45189,0.193 0.86448,0.24478 1.27953,0.21889c1.43916,-0.07767 2.53204,-2.1818 3.34495,-3.00793c0.62626,-0.65666 0.73432,0.24713 0.82764,-0.15298zm-16.73949,2.89024c-0.92097,-0.01177 -1.24024,-0.01177 -2.32084,0.04001l-0.03929,-0.07767c0.09333,-0.40011 0.19893,-0.78846 0.29226,-1.18857l0.12034,-0.54133c0.20138,-0.83789 0.40031,-1.83347 0.41259,-2.13003c0.02702,-0.18123 0.08105,-0.63312 -0.43961,-0.63312c-0.22594,0 -0.46662,0.10356 -0.69257,0.20712c-0.12034,0.45189 -0.38558,1.71814 -0.52065,2.28537c-0.25296,1.21211 -0.27998,1.35568 -0.40031,1.94879l-0.07859,0.07767c-0.94553,-0.01412 -1.27953,-0.01412 -2.37241,0.03766l-0.05403,-0.08944c0.18665,-0.72256 0.36102,-1.44512 0.53294,-2.16768c0.45434,-1.95115 0.55994,-2.6996 0.69257,-3.69283l0.08105,-0.05178c1.06586,-0.14121 1.33356,-0.18123 2.48047,-0.40011l0.09333,0.10356l-0.15964,0.619c0.18665,-0.11533 0.38558,-0.23065 0.57223,-0.32245c0.54767,-0.25654 1.14691,-0.33421 1.47846,-0.33421c0.50837,0 1.05359,0.14121 1.29426,0.70844c0.21367,0.50367 0.06631,1.12268 -0.22594,2.34891l-0.14736,0.62136c-0.30699,1.36746 -0.34628,1.61223 -0.50591,2.54191l-0.10806,0.07767l0.01474,0.01177zm7.98662,-10.68543l-0.77361,0.01412c-1.99911,0.02589 -2.79974,0.01177 -3.119,-0.02588c-0.02702,0.14121 -0.08105,0.38599 -0.08105,0.38599c0,0 -0.71958,3.20092 -0.71958,3.21505c0,0 -1.70686,6.81373 -1.78544,7.13617c1.74615,-0.02589 2.45345,-0.02589 2.76044,0.01412c0.06631,-0.3248 0.46662,-2.22182 0.4789,-2.22182c0,0 0.34628,-1.39334 0.36102,-1.44512c0,0 0.1056,-0.14122 0.21121,-0.20712l0.15963,0c1.50793,0 3.20006,0 4.53361,-0.94145c0.90623,-0.64489 1.52021,-1.61223 1.80018,-2.77492c0.06631,-0.28479 0.12034,-0.619 0.12034,-0.96734c0,-0.45189 -0.09333,-0.89202 -0.36102,-1.24036c-0.68029,-0.91556 -2.02613,-0.92733 -3.58563,-0.94145zm0.99956,3.34214c-0.15964,0.71079 -0.63854,1.31803 -1.25252,1.60046c-0.50592,0.24713 -1.1199,0.27067 -1.76089,0.27067l-0.41259,0l0.02702,-0.15299c0,0 0.75888,-3.20092 0.75888,-3.18915l0.02702,-0.16711l0.01473,-0.12945l0.30699,0.02589c0,0 1.57178,0.12945 1.59879,0.12945c0.61398,0.23301 0.87922,0.82612 0.69257,1.61223zm16.38829,1.0709l-0.09332,-0.10356c-1.13218,0.21889 -1.34584,0.2589 -2.38715,0.40011l-0.07859,0.07767c0,0.01412 -0.01474,0.02589 -0.01474,0.05178l0,-0.01177c-0.77361,1.74168 -0.75888,1.36745 -1.38513,2.7349c0,-0.06355 0,-0.10356 -0.01474,-0.16711l-0.15964,-2.96791l-0.09332,-0.10356c-1.19848,0.21889 -1.2255,0.25654 -2.31838,0.40011l-0.08105,0.07767c-0.01228,0.03766 -0.01228,0.07767 -0.01228,0.11532l0.01228,0.01177c0.13262,0.6849 0.1056,0.52957 0.24068,1.60046c0.06631,0.52957 0.14736,1.05913 0.21367,1.57458c0.1056,0.8779 0.17191,1.3039 0.30453,2.6337c-0.7466,1.18858 -0.91851,1.64047 -1.63809,2.68548l0.03929,0.10356c1.0806,-0.04001 1.31883,-0.04001 2.11946,-0.04001l0.17437,-0.193c0.59925,-1.25213 5.18443,-8.86609 5.18443,-8.86609l-0.01228,-0.01412zm-38.99741,0.85436c0.61152,-0.41188 0.69257,-0.97911 0.17192,-1.27801c-0.5182,-0.29656 -1.43917,-0.20476 -2.05314,0.20712c-0.61152,0.40011 -0.68029,0.96734 -0.15963,1.27801c0.50591,0.28479 1.42688,0.20712 2.04086,-0.20712zm0,0"/>
-    <path stroke="null" fill-rule="nonzero" fill="rgb(99.607843%,99.607843%,99.607843%)" d="m62.75519,24.83775l-0.89395,1.48513c-0.27998,0.50368 -0.81291,0.89202 -1.64055,0.89202l-1.42688,-0.02589l0.41505,-1.34392l0.27997,0c0.1449,0 0.25296,-0.01177 0.33155,-0.05178c0.08105,-0.02588 0.12034,-0.07767 0.18665,-0.15298l0.53293,-0.81435l2.22751,0l-0.01228,0.01177zm0,0"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/payments/cardIcons/smallvisa.svg b/web/satellite/static/images/payments/cardIcons/smallvisa.svg
deleted file mode 100644
index f09b3562bff8..000000000000
--- a/web/satellite/static/images/payments/cardIcons/smallvisa.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="13" viewBox="0 0 65 20" version="1.1">
-    <path style=" stroke: none;fill-rule: nonzero;fill: rgb(5.490196%,27.058824%,58.431373%);fill-opacity: 1;" d="M 22.878906 19.679688 L 26.152344 0.394531 L 31.390625 0.394531 L 28.113281 19.679688 Z M 47.042969 0.808594 C 46.003906 0.417969 44.378906 0 42.347656 0 C 37.171875 0 33.523438 2.617188 33.492188 6.363281 C 33.464844 9.136719 36.097656 10.683594 38.082031 11.605469 C 40.121094 12.550781 40.808594 13.152344 40.796875 13.996094 C 40.785156 15.289062 39.171875 15.878906 37.664062 15.878906 C 35.566406 15.878906 34.453125 15.589844 32.734375 14.867188 L 32.058594 14.5625 L 31.320312 18.878906 C 32.546875 19.417969 34.808594 19.882812 37.15625 19.910156 C 42.664062 19.910156 46.242188 17.324219 46.28125 13.320312 C 46.300781 11.125 44.90625 9.457031 41.882812 8.078125 C 40.050781 7.1875 38.929688 6.589844 38.941406 5.6875 C 38.941406 4.886719 39.890625 4.027344 41.941406 4.027344 C 43.65625 4 44.894531 4.375 45.863281 4.765625 L 46.332031 4.988281 L 47.042969 0.808594 M 60.523438 0.394531 L 56.476562 0.394531 C 55.222656 0.394531 54.285156 0.738281 53.734375 1.992188 L 45.953125 19.667969 L 51.453125 19.667969 C 51.453125 19.667969 52.351562 17.292969 52.558594 16.769531 C 53.15625 16.769531 58.503906 16.777344 59.265625 16.777344 C 59.421875 17.453125 59.902344 19.667969 59.902344 19.667969 L 64.765625 19.667969 Z M 54.101562 12.847656 C 54.535156 11.738281 56.1875 7.457031 56.1875 7.457031 C 56.160156 7.507812 56.621094 6.339844 56.882812 5.617188 L 57.238281 7.277344 C 57.238281 7.277344 58.242188 11.882812 58.449219 12.847656 Z M 18.429688 0.394531 L 13.300781 13.546875 L 12.753906 10.875 C 11.800781 7.792969 8.824219 4.453125 5.5 2.785156 L 10.1875 19.648438 L 15.730469 19.644531 L 23.980469 0.394531 L 18.429688 0.394531 "/>
-    <path style=" stroke: none;fill-rule: nonzero;fill: rgb(94.901961%,68.235294%,7.843137%);fill-opacity: 1;" d="M 8.515625 0.394531 L 0.0664062 0.394531 L 0 0.792969 C 6.574219 2.390625 10.921875 6.25 12.726562 10.886719 L 10.890625 2.023438 C 10.574219 0.800781 9.652344 0.4375 8.515625 0.394531 "/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/payments/cardIcons/visa.svg b/web/satellite/static/images/payments/cardIcons/visa.svg
deleted file mode 100644
index cc19bc310a2f..000000000000
--- a/web/satellite/static/images/payments/cardIcons/visa.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62" height="20" viewBox="0 0 65 20" version="1.1">
-    <path style=" stroke: none;fill-rule: nonzero;fill: rgb(5.490196%,27.058824%,58.431373%);fill-opacity: 1;" d="M 22.878906 19.679688 L 26.152344 0.394531 L 31.390625 0.394531 L 28.113281 19.679688 Z M 47.042969 0.808594 C 46.003906 0.417969 44.378906 0 42.347656 0 C 37.171875 0 33.523438 2.617188 33.492188 6.363281 C 33.464844 9.136719 36.097656 10.683594 38.082031 11.605469 C 40.121094 12.550781 40.808594 13.152344 40.796875 13.996094 C 40.785156 15.289062 39.171875 15.878906 37.664062 15.878906 C 35.566406 15.878906 34.453125 15.589844 32.734375 14.867188 L 32.058594 14.5625 L 31.320312 18.878906 C 32.546875 19.417969 34.808594 19.882812 37.15625 19.910156 C 42.664062 19.910156 46.242188 17.324219 46.28125 13.320312 C 46.300781 11.125 44.90625 9.457031 41.882812 8.078125 C 40.050781 7.1875 38.929688 6.589844 38.941406 5.6875 C 38.941406 4.886719 39.890625 4.027344 41.941406 4.027344 C 43.65625 4 44.894531 4.375 45.863281 4.765625 L 46.332031 4.988281 L 47.042969 0.808594 M 60.523438 0.394531 L 56.476562 0.394531 C 55.222656 0.394531 54.285156 0.738281 53.734375 1.992188 L 45.953125 19.667969 L 51.453125 19.667969 C 51.453125 19.667969 52.351562 17.292969 52.558594 16.769531 C 53.15625 16.769531 58.503906 16.777344 59.265625 16.777344 C 59.421875 17.453125 59.902344 19.667969 59.902344 19.667969 L 64.765625 19.667969 Z M 54.101562 12.847656 C 54.535156 11.738281 56.1875 7.457031 56.1875 7.457031 C 56.160156 7.507812 56.621094 6.339844 56.882812 5.617188 L 57.238281 7.277344 C 57.238281 7.277344 58.242188 11.882812 58.449219 12.847656 Z M 18.429688 0.394531 L 13.300781 13.546875 L 12.753906 10.875 C 11.800781 7.792969 8.824219 4.453125 5.5 2.785156 L 10.1875 19.648438 L 15.730469 19.644531 L 23.980469 0.394531 L 18.429688 0.394531 "/>
-    <path style=" stroke: none;fill-rule: nonzero;fill: rgb(94.901961%,68.235294%,7.843137%);fill-opacity: 1;" d="M 8.515625 0.394531 L 0.0664062 0.394531 L 0 0.792969 C 6.574219 2.390625 10.921875 6.25 12.726562 10.886719 L 10.890625 2.023438 C 10.574219 0.800781 9.652344 0.4375 8.515625 0.394531 "/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/payments/cardStars.png b/web/satellite/static/images/payments/cardStars.png
deleted file mode 100644
index 5b76205ecb3806f37bd876b4b23b70202afe41ec..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 567
zcmV-70?7S|P)<h;3K|Lk000e1NJLTq004pj000sQ1^@s6mt_XN00060Nkl<ZXo2mQ
zF>At56ova&GngTPI%IL^;$R1dbjT2g6zq^f7KI?SAfgm0iUe#Cp%w|0LWf#thL^$R
zbV$^iXo&WOR(gkz3|{iScXBW<C(K`fAWnW;fcP8iE`r;`rLIFWdYC2L;B8<*(+p_M
zX~IG-Zgm3}x`q4K1fi5`X6x!<WE;594AdR(=X=UD3x2NgB6w3Y%nrtm1x1u06f6uU
zJzO;>_>72N*$)`oWeB2-oZiP%uND#VFtjbSpZlofWe8#k^~VVsW(QA)teL6n0&jyF
zt_LpKY94|pqug>av}?HA2ruQHwmdYRS@3p^6=BvaBPYrbq<rLBLfu`?&CynsAXF(3
zS<MwJjJ;s)b7G+&$`HixH!+W#6kN}{^F7y$!_$?0JfNa{cU;e(>JHxh{q_`vYZe)}
zMvB1j;@m(h2EnaSP|$8Ld}XU}N6jjVio7`|ouO>@F<TbFb#Sc~Ly0v~v5Lmye9twb
z@O5P$F4|QUinKYGQ&e2Grt5H1?P*I9cxI7-YwRB(ZMfrB$|7iSk<-$q$YDj`>zWvD
zHxh1&J#8%luPicf&EVBw9?`48q*uePBJ6tr8y(SMG1+y;0n9q0!{QHI>GN^R1EbGJ
z;@?6=Ai#Vo0ue$*Ai#Vo0ue$*Ai#Vo0ue$*Ai(?uz5wcD&<V7So}>T(002ovPDHLk
FV1nsJ`-T7j

diff --git a/web/satellite/static/images/payments/infoIcon.svg b/web/satellite/static/images/payments/infoIcon.svg
deleted file mode 100644
index e360c70decd0..000000000000
--- a/web/satellite/static/images/payments/infoIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00005 15.2C4.0236 15.2 0.800049 11.9765 0.800049 8.00005C0.800049 4.0236 4.0236 0.800049 8.00005 0.800049C11.9765 0.800049 15.2 4.0236 15.2 8.00005C15.2 11.9765 11.9765 15.2 8.00005 15.2ZM8.00005 13.88C11.2475 13.88 13.88 11.2475 13.88 8.00005C13.88 4.75261 11.2475 2.12005 8.00005 2.12005C4.75261 2.12005 2.12005 4.75261 2.12005 8.00005C2.12005 11.2475 4.75261 13.88 8.00005 13.88ZM7.40005 10.4597V8.34325C7.40005 7.97874 7.69554 7.68325 8.06005 7.68325C8.41567 7.68325 8.70559 7.9645 8.71952 8.3167L8.72005 8.34325V10.4158C8.72005 10.784 8.42805 11.0858 8.06005 11.0981C7.70747 11.1098 7.41213 10.8335 7.4004 10.4809C7.40017 10.4738 7.40005 10.4668 7.40005 10.4597ZM7.40005 5.53968V5.46325C7.40005 5.09874 7.69554 4.80325 8.06005 4.80325C8.41567 4.80325 8.70559 5.0845 8.71952 5.4367L8.72005 5.46325V5.49576C8.72005 5.86397 8.42805 6.16584 8.06005 6.17809C7.70747 6.18982 7.41213 5.91351 7.4004 5.56092C7.40017 5.55385 7.40005 5.54677 7.40005 5.53968Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/project/background.png b/web/satellite/static/images/project/background.png
deleted file mode 100644
index 5e6ac92d0a6bdb5e1b7a403b1ed1bc441ac93c05..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 26191
zcmXtf2RK~c^S-jdvg!t__tiTQqDSw&M6h~<gapx}MzrW+vpUfdK?u>UUb2YZf|clX
z^%9Z)&FB03dwAS(?wmPu=FWZ3J9FZU3^d6}8A<W*@W{2b)J*X32<7nb2yT%O0#}5k
z0(5|XAU73#6+FDp$z<0Kw}5ke9}`Vgys8oAE#L&~t!3?lherne_lJ*%%7Foo_Z#V%
zscU-c?d%_J?;dRLA08YW?Cc!u>>mLK8^H1Y;nv>4_8xG6TLw=5yRv<7uzPT{^WXLD
z?StL@!`<D3y@SKey@USIW#HMJgX68;f6wmj0nLs!HUJ4n+dGGVobA2C{)vTw$t6H6
zaCi3r==bnHX}G<EW1tt{ck2L<cDxPTIymSb{{d(+I=VbCv9$BA(|`SL?H>$`FZGWt
z_D?JgOe_!nUz^eX@ui;8<-tjy@iL(N!1!_pa5}L9XaZ<HF!2Kz;O@Z*&|Uw;A|QNV
zY;owH!hlLky9Yqmhl3N#1Cz@@r$9@fyTQqS^0yC;fpPVXEe=d90?O?E6SdeswgilH
zU~+Nw=xA+i4Y>RF@8AB(rNOD?U7-E=(%{76(B%Bq-cjGgA|MlxwzqfIH@*Zk!(cE2
zQ~wOLx3{;si`zW-XW@TC20Gn20)7C^0kiyPjYHrf(971|zo`M5EpKnHZXf(J`yLK3
z#Xk!l9Su$_?VX(g#sNkL3<0yYws(99oNjJz_Wk-bu&~-UhCMks**iQOoS7L|Sg6IU
zZ5^Bd@&SS9e-`^WIEe)w8X8*O#T@~jFf@j(#b5wS4oxfrGdr-bx3PB&*zMrpc=P!9
z;QSnLl7CaYhXdwiXmWXCX>0S~d~tDcaAtLI3_CROqjTcN{?XA64){IY-rom?KQ#1X
zV{dP8{O8%(+2HrZ&CS0%xZ|C}W8jhX9o+u$@eb~AV`F!JA8>=?gM*Vbz&d~>Cl-L|
z02~Gw@BiHC-&{;AZtWZbRs!4rxCKlcpoZYt2od1tJH93crg#U4Wp?EbD)!~@lnyH8
zQ8D{)Z?OX-FK>3eFr%CNYWDn;f_&xWg6jMN!|Jf*Q6sN>1VW6eBRM&xW;y(z!-$&d
zK+N8YBcDnSUnOPKK0jRCTWo){dMPZwV5xSr+Dkd5n!_li0N)!*>J1tVQ!S_#lTAs+
zXRZO?GHj=~&ygIC4~Hh>w~vhEYl=UEiHTR^=fOvr@e$Re0!d_G=KJ)TPzqAfk$h@R
zRTkJQhx??OUSSl1)v9zHD#leeFnSJ3I0p-hg0qyO0gIp_Gn_0t1u7*}CM{$w%Hpkp
zk6%?)#epA=zqBOTdMty7=g6q7reYQ_zt?sd#x>)|`+$$2yh{}iq+G*c;^_6hdCpn%
z=^gE{MPZ%A$GV^Ezf7eG4URpX`z-ve1$r-OZ}u4-FO=7yZ%$Iw3qFX+K6kZWYJC^@
zyZzvIyV42U;r5cvc~0|J16opD85L|u*wxDqS-*Rm{ES~+y*%LWXSml8g#SEnIOtV)
z6P*p%O25{rn8Nb*U)@2nS)!WG2*;xVx?6%|7Bsum$N2+J>WEWr@!(okR^xYPZJ#j6
z&-nTGLyOMZSPbaur3N}4S(iM-gX_%IxX$Jb%a4@utT^Fc);KP;i99n9__$dZ%tm5m
zTT8i}uKQSif~oN?$V@$`s%jv`Er-T*#!X9<zJ^pxnqQ&Vm&LELaMV}atq|#BEY3Pq
zD`=|yN$**$g~6)NiSnPe`^51m1~dKy?=<7%cq84)js6Y;HVAi!n)vxm#s#6#Pk|hP
zf$hFB##_=>aw~y0tT*#Kz2(OZ^fj*?I?ZCcn#I0~2*Gp`DS78Zt1!rwh5SvzbKko{
z+lZM8Eq-02A!h07KF_ytncH2F;H(ja4$AWGsald{)A-z5i;>bRx{mKNQ4{tz9D<P3
z<pLyJFT8mg(`kv#ITR%o!&elm){GrgQP>?4;x;RlcsrE%Taa3bxHkAT!LyfcS6BDQ
zzO6<X4GCa87LhZv-geh9>z#-@Y*9POJ_kxCl9Bc5Z#LF@EvIu3?Va+S&u_}R>#^&F
z(p^tL@o{3$K5USR2@3W+7R*kh;p%98>4P1@T&CCiPV#=};tg77rTnUd6IRRSEAblM
ziFZBod`i`AEqR^$+uOZ5#}1WT=bG45mhE&`i8OP<fq^k|;(i!y5o}b!7VL7X5?|;n
z_g9{xZ4CpDhM5C;Na#(8#IL-W=Ptdj=SPB#4;gSCOZEagMa`Ko9|)bGSDA?jw=V1<
zB&ri327?eeF+Qu96kLy}m;U&1;a8?(b=6DIWVkK<+e^1UgT1}4SC6T@WD$=W`4V&n
z`fq9U%=+(H7S-x}iy9mf=tGE$7n`lOW4u3q`7qhiYf{--%pO*27UpcVV;svLT_Qw#
zs!iu+8DCOUerb;2)j5?B0^6Y{nS;JPdqEkV*W@8_S^nad6)WpAfrXa^W$S)o<T7Z&
zIZ5*CG<U3~fL?5z-cr#!I81ArXq9xl*SP{S<V~|rSZ>yXG-B+8ltwZL#_>}Rvhx(p
z-Y*3WzLaHWtJ;z36n*;WtUlOimga7HgPVw+)R1H~#1p>{a!mlcsB#F&BFWC6amxK;
z0$GzQD^5oKKxfV&)qJGV;CydnEx$AT82-E=&0lMxtsjR#p$+0lWHyQsN$rH|n@+!~
zcc}7Y8QY>lJ0Z^41&@W>Q3c~5!m3S>_|2bkOsMj%Pok)$(f%8R2X7fTh$0uxw@^uC
z7>9I^OzvuZxyfpF$4z#PmiOsNk=s+oHo})}#S!*+Ex&U(A|%@R#bbSEWG7}c!o<(3
zB+d!Xco~<?%fyDv`$b%6b*zc+5Ub}(R>`p-_zLkYb1C^>P&~gycE0+d*i5VJ;fIvc
zs^_En!7~y;#J@kdcV$TH6Lyg9GMGXlX`r%yR3KY&Zkd@PF_n5xg)*BcA4LRxm0ACB
z|JensNWf)81}Wg8QpZ{fet;hG{%RR>?}hVnMBtz0@IONeEd}}WlT`uH=Jyj6y9B6T
zG>c=sy0%>dgrCW9RWiH`ezG0G#LgigCIUYyWAF1aH>3=hcct~A6!c;H&Tc~OL_j1N
zbN5gz$$0u%B0I8B7aT`LS;rw2l|kZsUoM55U-?e-|6DOje9=lIlXbl6ZcUM^AXaV$
z?N=4C#)NF{r5*lKVUsxD5)U>#e<KC<%M|qfzFE@4{y6&9(^&p_$CwX#D42|si!0&M
z^UrsE3m2yxttKC2eBvZa2vVg?Q(|yqtzF{_CY=4tlIJWo@Tex|c|xIEJ3-4F)8;!-
z6lBjfUDnJAPgnJG2dszmbG@Q1Mxip1%<-|Bi>ve6`%!N>Gvi^CQew&7bkDhr@Fs%G
z$-V5P5vtgSoik^B8E_n$z?YA(!?}sR)U93RJ$MLlBA_JjTEi<+@|~t2k1eFg;38nl
zao@pZSE`ekT)Yn7A8{Z{kof5R*T8bBrbxPHX(jK$q}ZKCuHSMQZu`!Mn6b^hWeWC1
zhY?RKml1^176TJ7g+IKYJo|+4ERc_+X5`<-wt*?c^}qK^Rs%6ad!g@1F+CF@cW!4!
z#DR-GlzqGx5;~<#lU^@T7csqQnd{W&!ZZP*bkl<(Vm{$n=5{IQLkmooA}1hi>l9)Y
zU3Y?fo-NpYzQx<QSyE#-dzJwMVpmAuT31l-!wrtG_B+HC7-sW#eHfwKfrpfVq$a%Y
z<m+$SL<CA3ej@2kuOx}13jB4gi?i9VMA#`QzFnAnEG^|tZed(m1FpJoJ(UVrpRZIh
zUle*Tahfscq52$w2NoAk^&@cP>^JFUR&{Z8TO%p%kPC@Hzp9C`pG)i!XGD{ta+Abi
zvt+PU<&-BP9NAxEoc={EAb9CfzTGMOs<Zr@u0GiAegmVMrNvI+Shf=W?)$T`TN4%{
zwLyvMJrBp<R%c*&;#CS@YHAqpleJ<bhc~~u-t-V=z$bETYD(`FMH(U5SybbE+|R+*
z-m09*w_!_&?Q_GIO^rcgj7Z0k@eg@nGl(cfvLA$5nUQN5x(x&xUgSS~+_!bU$v9%O
z&`0$WpnfcPK|=mIpyzg!d!+Czokm>TBx=+0yCw#!MIR;9CLu{6b}C6brF-|#0)vPN
zO%qlXOzasLlE`_QjNUr40h}oWIx9-q@PZN7dhc?=CNGc$wjVElKVZEvbChQs#Db6x
zfFwIQx)VsfOB)BNJ9=>Olu8Go!fAXw!-p_LwWZ*i6~e%uQ~fm7oo6ISc))8dXh;Bd
zGz(W0o$>PKkHWFzTPc;OfTnOJedr_!;WCrFJ{44Qa_+k(qzqg%fP$A(AJh)y!1<DR
z^l_;U<DgfQ@_HD_G6_$&h{7?Cr|iiLZGHYGoed#mM$M`pBEk}_;I1fkTMVBii^)HO
z{?j4kXD^4{NOO2t3Lj4<Tx&blM|2$2djWO}3u!vYn{P_e@WO9LaB6ssNCgc)`9)pL
z@W$?T9e%@~c9(^0$4XIrLH!gFSCaP$?k<&>M0p<Mw^?TAs0)!gPDTZxHPVdd`0M65
z8j6{4Ww77f`gpnfK=|dnkK>Z9W@D3jI@9W{*sJL$nnU^N;n$!WsT%!WxvAr+?@Q!X
zovvjgmX_hd(YvbkC3ClWTTLTCHV_F82SsBDL9bf-m`N|hhcI6N2qh8a7*FN*ytN7r
zQHYplLPB0nk~IByb6L%-YphF}8S<Pzeb^VEmO^WRKm4CBij`7tewr@YB|lA!{^D==
z{jAEdbK1-K<C_%fv;F6hZA`(5V8F{s#A7QR_jO%dDRg-a>@Y{?k9iF?i}DgBayjlA
zPnXC)GZ}RdAR~H;_b~z%`nc0O9~}`v9wl6J^cCIG0@}Zf-^$R1fBHcaw4RoUJ`(O6
zVW~Nqib`^VFA#q7rxaQi=3MoTdnD7M8XH%cQ|YKtk(gVj^#Ox%C^&jR{YE#S*}B9t
z8>15^gofCpW`;e=b4J3cFqeV3f-q8XLi-%IlEl1A4M$YLCY3wEYXj(NoRkWPr)#*d
zhrKqwNi_3aQ#K5_g8$8fPFj}`BFW>ZX%Q5VR#FBYA<uxvK9o);zwXw9s^$67R7vs^
zrRKrQA+G){T%}-F@~ATKKnx``8y=hcZUgIV#V+r2yeAmN(6-uecp`<rCMHT{$vJ`6
zbf!&D(s(;`GHQ)sBr=3z&HL*T9!Tp160M&)AcskXIGG!7mC=dhMlMosFt3uv?CTqW
zOz9Pl;VT(m(fqt`mh#+BM9|v#Q=6fEx1(lxB|tzJ<LTq=ff&F06Cog(Pz@UeTwGPm
ziBPABvc$8qVk%-z2+zX_#ZIqOfBPQUF2mhLwHU0a`f%4n6|o=5F~7@y`!v-RW-4WU
z{E%J~s3JLoc$0Ff8rDi!X|(6Q&^~{U4Nm+)cGy7O8v2fT_Fm?<S3*?K9mQ}*PX9@2
z@g}5ozPaAtA+t2W2~NTE1asGE_9M<=p|vNfV#R(OG#KSlU2vuGtAHUmi<vuTHsxGk
zcHr-^2*LL5|L|E<C(>e)#EW*0RxF6nROUy2?%dKXxZYw))BMq!*_Qf5AzQuGJ3+Fi
zvnJPu2f8jv-@X3uJlQ7pbcbwv@cMP35oCA1iMqRL#m0fH=3FUi4Ra=iE~-613ED8C
zw{9YHq>USbH4)cCMO*K5EeO8NNa3bF5^v)&Dkw&?@+Bug{RpfJA{oL<6j94r(BoW=
zIkFNkm3!d9n-&jC4*HNWP>zeI#l*&n8%jv<nCQh;%JaR$P+fD>EHgIiJlcLMG<uzr
zJ}mh+94Z}T^ESfk1;3Uy^nxp1#b^(YPyC%=I+K>3Y@viE@r&eF#`Yx31+KG6j~Wf+
z^;4GcoKgmKE{JxBQsE@Cf8{1KeKVv~LWSHT4c;z+{`AgDdOf(zKo$y`vVH)bZxb)$
z6cZiS78ZC1FQ?3gKXNvNUgvX#a3J$!W8%g1Q|fY_OX_>ah~Wf#8V-?T3$dkOqeNhG
z;z$w-0VjcbxJblRz#Pkmm|3tJ<;gs>W1saxjVFn2PxVWwj0*6Sg17&v<zq4dBInfi
zPSS#c2>;fvh>nc&+e_=)4x-++CFuQlM8{YBRTI|M#9izUeQL6yK^w(KHO8U?APR^}
z1RG01<}zbKko1ht<ip=YbrT>m@4+sUx8&0?b7qpBc@I(}HY%ke*j)a8^Jd#It7#1F
zea_)?Mp&8`CB4D98!6#ugKz5EcCT#sYUH6PeJvTPo{(<7Ws1*~uI;ahXrlN<S&*zS
zM+@?UF#JfE*pVs&d1zjWDgo?+j3)^aH`BB~S8<B{-ax<WYc+}Oun?*__v7d4ge;n?
zikYL?9SRai_1>$Y2D+f6bC)$A)y%qH9d~fgIidge)fI!8f`@E|xooEMnqGTqw`^=_
zc%{(e1=BO1GS;TcS>o0w46DfnT{ouF4dtK46&@^`_9j+K7&yAXS(Z#LImK+3_B@(f
zv%WRA=JWNF*$VC$GPoeNMb)hyZToxK+Hesi)qQ)Qr$$iwAX>OYT$P~KAzb624zX4(
z^tjkkZtZCBgOuOSW(IHI`jL9l_)(^zfmsz+wkG5p8#hd6)qb!{j(c8&v_m2HgK%Cm
zZ2nh_%co|5n>oevQ<%Kd?xz(bi&)!3<&(J01~I#@sW+q@ai%TO)ZLgL``Qdz>0oHp
z*6TY!deGUX$ijAaPtz>NM+ZfwNf4h~j}A=q<YTHM#<Gd0+XN3A$FkW!A}!ZC+FWBf
zs%0x2`BwXF-)R%mjv1|mju(CkX=%;K%-0=AkS}o!9WLZz+)B+HN=eNm4wcjQ{u>NU
z<kj~sh;LNLK>A&Ju}SwBY0>-G3rKF&C>hfZwHSmHv6?TP(BW&K5PMZO<4l?;^iCFh
zGqFQPCEiV>J#3u(THKS#OPP8mMh9Bn^oOC${$BXWqwerb**j){wao+wI^KDjh9&WN
zy)UmQZRgu&k=`+++A95>4~Nyu;G>#9BDU|WtUiu3&GS4#z4c<+#sc_>D{<*#QH&)q
zJ=g4U5CNwnUjb~H#^*)j&@R+*Tu^dr_BF%PNY|Fu{zQg`Z^3j!E#S3WpP!{SIgOf2
znRQE3Yr`smpG-J+tlT3>Yi<aGQ{Wfgi+a#j_F1D_WO{$>dWO6ny(lc)ku3{ZE69_b
zTCaFFaT5T|Iif2CuYa)?MPBWVQAEEkeTx1NZ~L9lKT2T##p~NXzxx)Mlw9HpQ$*I=
z&0K%ZP&jj-QeHKNp6)jbh^}+}AUnJpGmrvcaNAcITIOYHoRBoGMbRIPEy1R=(!^`S
zTL>Z@?_wcl7>^oJJDv(HM+EF5OKRtj$^Fj{2V#2UbL5Zve_<FRhx_M31QzBPRP?g$
zYH-+MLM#4nq1+cc;C5m$=Ai*+cBQn^DE`Xq6cLSEn!uqv(0ntpB1Ea?da4SHFI>iZ
znbiZbvbqev)U|!meR)``2z{(e&%cgOMs~6ODGE2z^un6W1MgVGo~S|X^MiOKR!NUO
z-Oz!((=bzv@qK3Y%B%D7p?V?vOpbw_e&cur;<pE^R_!*3H81L>NViT8#l|Wq(fI0H
zi<hhq-FP^(6HhaQ5@4i!M1tue>wE-Csd^NxXN~EIwQfkT)ug1+Bpb=^4PEWyc!o$_
z*jRWGow8~zQVp!05-uqe^G&#?w;a;>7qsh7FU>?<k~nO~KiYcBjxH0v8UE2ciufpy
z(~{~1H`S=hv~accz=v+9Ax?SzMfS=NH4E|8uZNtmh2x+MWHE^p&YuHmtf#O3CAR2k
zl-~ng186|SB5z7ukqLjQP-<oxN1=mu!1shwu;N2Te*N$QJLi0p-Qb06_H}7WM{G7d
zOa0xx6!_g~ON?==ZTILidR3Vw$U$xFZE1v8Mc9uwsH;ztQYw|@uHD1}JQ5D>1fZwX
zqpiMa6QC%jHdn7mk$_?Tu^38ttcr8|9d4mqj^}im{#&u5&$ym#8I>wF`LZT!NImFj
zk#lSVC-J-o@0LvP>WAy{u5j=Ch?0sprOn;xSoXClrYFDtkdBp}>1@dIr<6f^>>Crk
z?2Kbvp1gBa>8LdsH+($kIInpU^ND1;18)#t=!5N&#1Dpd>gN7nuX}QqVs0Zf3NuBX
zKHkj^#>SW@ROyOhwJ(zI)>lR-u?kfljHtvElyep4Gk%WkQpo@I^AqWLE3KQu<0k1c
zYXtV(4mG1Uch)szc_t#UjL=a%Kab4N*pw!Ys>CyG_@fAEHH?kZ8s>|sB#s5kZ>5}4
z``i}2hm*}Coi>1BX8X;eQ<EP((3|}|gjOOMH*2|PWEUL6A<L;_{lrR7O^Oti%AdL#
zaVr7yk@<Z%O=5)kbL{<rNXeVg{$s`XSktAAgW)o<GRk{-Z}xnD)fNev6L5Znk@hE-
z>3WY7DaxT4jXD#3W7u-^qMe;n|H41QwwIHn#Qx)w(gPA&KuO!<BuS6SLrzF`oGwL_
zpCdT(g<@(${2RPJk&9+hr8j95UyK6biR7Nw(;b`Q`LzqfMaEUqr5{Q39r$6}QELab
z)7FHdX>j&g^~k9&YitZi$GbR|l(p{9ojlI3zdT=?;M>Ze+}hAKwR~_nG?}?8D;D%s
zZ~D$VT;`PMQy_ffP{-)^-PcnbqbUlidU9IgC7y9)JJfG&-+>9}%wINWVw8rXu5xV`
zOV}efu10HeW^~26M^T-LE=8@$c)<e`G^^UKZY12l@dt{ywHk_e<oS3IG1z=aDm<mE
zcs|p9XgcCu57FU|6p0`YoU$V2jfD;h&*h!nu?RPW=(TWZSY5cHV{MVTnQK}Ng<(X6
z8E6D|-g#OWzwL@iSe@WvoGl60iMwv=fkolM<kV2;w>VWas|_>1zB0qb{cs&<&fp{L
zFCq^ey(lqUezPvd&LVL|pEw2?AtKknpr{giyI!-E3iM~dHg>)zew#{iS2K5z0#;aG
z=^lBq1ad=Q4I}CA0n8PPg#P!>`inkXLb*2!eRZ(5Ql!;+@ZqQ84<{!^CW2=|lsBb>
zrg|1eneSRlj(xkvJ0&lCjt<(8?Y^y(>=e>7{a0u3^0Gcyc}cpwH@CjGUKyC^q1@-;
zpWUaG4d*|3OTZap9#5DImzoS@F_CQ|A5TgO-_PG1yZ#MxjQgB;(7Atmcu0>1C(@|Z
zBaZTh`e$D()h0Z+rBMo&AAX(!-!%4lQmTeBLeoJuXvB$_XALvh<!I#Zlu3e?bD7}!
z-!;nQ5ls%~ZU@~>?21@^#LyCL<p<&A?~~GP>#|DPiOyAnc~=TGEyTn;aF#7cBF5P&
z47UP2ylCj5ilAb*gYN5UD$8p)Nb*4sB-`iH134=n;jqqxN)@Z6tS=x#$PaFVTHNH&
zR)m-R)EnU+++Z<Wzj+KhLUbTP={DrL3)^8%`oy{0u*@Dw{6gOOnA^jYuq@6Uy1PC<
z^4&yR{LkYII6U~x&r@W1*+lBB#&zAw=UfrvYvUtMYc9snNC7^<kDyv0K>Z`QUPDA5
zpCrws>3$6%50+8K%nIA<V2u2}B^N#|)@t-`tSdd3V5|=zJ@&YI?d`vpBm!YRetcE8
zSNW+oN!_Y=eGU^>dmZi=qN?hu5y$Zi+-mNy_O`F-vzk1$^{ujpYorYTFL22%-qm3F
z_JGzqw>m>Z3}=j4A|X=baV050Y6sn|sj^W*1eQGc8$0+uLR3H0eL?A}(b_C$=Dc&V
z19Tj}YwZ-{6DO$`7pHZXux!EZO8YJQijzr~5}lsTMZF2YHb~(5qlE?a!xMF&x1l`)
zLFz^1O~&LQIvA>&UdVawFN$5zA|+zywOocjZ62|y#mzC!8--dS6gy=qUR5`O@Dye;
zT5rA22UebZTOzkYCqUw+U&R~1T82<Fldo_5B}&1q#*k}CuEvxMB!?&ldR`hO^5tdh
zsTGxwTiZ2&Bp|cdh#&5e?+1pk?vb&w^IlunFsbR1^bB}G>w4z|=*EHJg1qa3l>mBK
z8Z|p!L8aTjs~`T~tKnn_%>ckVrCXwSWA}S7pO>GWa`jwN7;2$!%;RjLZN15?T2}Bu
zG?Igr#>kOK(}PnIWC?uKqS*m(VgVMkF9F*<`&rsf;#%3+rE01)U4l0bD#~D`^P|{*
zZ4AkKpwEX$*Mb^}$Ef~97jbnuHSM|+(5KzWZAx4uu61O~ISLiq$%Y?Go6_)!KdISU
zh<+k!?SZgvKz5F?^4wRBd-wj^h<Ppt`iRuj-gdDq>*O&#ILbRl9i{BYHY>AkF8;YT
zqe3+C#=FWP=3Wov>oY{;V1#kx5Y;Yk&VvCFt!W7&jZz6vhdA&CNm!-?J-%cKO}=B#
zm*`Kkkb4J`HbTnpxK73*EST$Zi^qW^ku!ouQoAwGG#i)tUX7cH#?3Y$M}JNI1!tI?
zsvU@d$D!TOc`e`yZ7}5hALoVv6`egrjp;UzylEWM4H_<vjg!YKC-*!!f0mp4U8u8~
zMQi-3$L$z9OL47GU0CL@VL+cG?dZ8N!op|6HDaWi5y+1zhQ-F!YLM=5t>bEl-&W(a
z6VhxY_G}098mnvpa`K^y#duX6PCIi)==XwXvJg>(V=X~1^OIPUx2qde2L-KF0HG8R
zs8DmX*1lc+Ks{6m+5MGmrlitFG9&@DLL=VIuAyc1@J_E9w>&W>$FjEvt*%QTam@W2
z>CAb*;Q6fsynAZ1MC}2=F}WO6m1I?Q^CcqJ!lJVJDgH$Z`7yLkiVP!^d1A1Vux@UA
zQ|g^*BAL2YCY<v{Xut{{ogdSSEaSjb5v#Joii2Jo2P?@$_sF75_}%sQ>J}Eco~g7M
zI09#q6opyVOMPN44i6Nz4lCzx(zf2m7mS*i0Ie+*kU4Pc`bLHmDZ0mTis^@I@X?vC
zkyhRNvK3118n7u9L1p@tfILdg;z1m_81POfv;3^g`7E?-r|QsM;sfLkQ0|dL89wi&
z@augABwKtLd&UpbvkYjf3`FI|RtM<gN{+pc#u?c4v1Mi8@&;Cbd%^K=u(8bOs%ofO
z6k9fpSh8^HV>R2>txyGGMF7n^m}oo>f<|ivR+qluMmu?_Y(f*_n+Rn5Vz^3Q8WKx#
zx)TIfk@cZzFS>dn_5x`M{SgkS?vZ)#-~lN>AfPyp5q3NwJxk2wP=;?;Eg{$y+n*yB
zb5_I%cOtsw5l2WGr>e@%D`Ww(m|P0yWk(*?m9m!E?;L}zu+8O2DQ&Oa>mV46_%q4y
zlt%IgKKMx#KbTKr-FKCF=uwm-AIBlL2a+&>EQN9Q6-0$t0>o*F!>){abWYL7+!0%z
zQmi>>=GbBNd~JB|Pm-d>=Rkx(zk(u>c&a2}kF&ZOW{jv*dm39PnJLB}E*|EyS1Q6Y
zduV%iy<1%As_dRO<cRYX%xB!1iTg{O%9RAHD)$NEAHytG3S))+;ntN7%8lKDl<w!&
zUx*L+u>whB*R%C+$#uC;uR3s!m_pc@FX!JpHn%0J-MqM_<yk`BATl9)hc!;qx7A{P
zQ>8}$b>mg#F=H)<IYQ1#bciejliFL)q0=h-sp#te{vfvQ#W2=n4D>KTrt=N2dA}vN
zm#D!_IKBK&A%ekd8>jKI*?ZjLX)F_EZ*^dIgA=Z}b+g!KKQQmJQyuf=JP_FT<_T!N
z5g%OQ-+mb3{5l=({pr)w(zTCyKN6DTiP|On5>^D7g3qN7movVsee{gpNxo-1W4+%p
z6i3;XdMGZ<lRzWsgD!G}hFhB2v!!~jkxdtxa85teHB}N9bv!LZGc4(b{1vU$%n8tp
zJQ*O(ga>eh!6?fT3hvBp(h5yiEzZ1QkCvUsU)BjE@c$Yo6=6kU-E!NRR??%Kn)*%I
zcrbQGSZO?DMVaRt(GIZwyr>L)EM2rW&&#Ec@M7vWbYX0xEy@u9^R(}a=~LOr#dPl)
zf4Zm>Vv(4~jxLQCaxyNS$W&t?Go}ewgR2d!8g}o~uNjetCE%*LvT0B$IPJ|+owu<5
z{GF=y{VGM))6D$lLSD2=b(2BBu(eCQNiXJyWF&Kj1hGC|RoBM~K7iQvhU&~k)&*q`
zP~Aok0k8;y&+kg%+DOuEZo<>pQ{h6)xa!>&fMR!!h(1{Q+eB4%DtV0JH}xk(Zb@&X
z3=%)=@@s#F-DF77IA|EzlH1EU%M`9|N;9^g6R#u6;`@N1ZAG1kIuDjai0*~DW54~u
zdtt2Jg^kJNcodl_YE8D@oXK5EE>6TY0h&aY>4D$8HznhVjbQsibkiS2Y~J_Upb1Zp
zY5$ekx~TBh!_H4O_j*3#=szBa(56`f-qV9&OswfU#9=$nhBLw<J0bD)9HQfkiUS!m
z+FD7E#96-Px?>3-KVICUvfhHgtPhDP|HoE8`w|vK;jo?5>zAYxn=q%HB{n6QcGG{a
zB5aK7X31c?<5c3NV&lzGaz7>qd>1N0{kGa0In{o~Xw}}eL~d=H-O+WwicpXv{c9U*
z?Z%fKA?CVqorhgNYk4$0GqP-OE-}i35Aek&AjW7%N8*^=nd)WRET#8t=*nbusYr+l
zn6&Yx)^#SeBG5Ksu5wDcg`o#(XKbOUHNXVfXs%j6#S|so39<i{Mw7HPCnVfISClJg
zRl(%Q-WSe0C&Qs1zMDnaqRq;9L0%KmQd6x!X)~Bv{ZPsZ30IC`AP^1FqH}oe@rN!|
z(EF1=0hzdrFxcfj#*9!`8-Mwcp1M>+LB@9B@iDrJp%OookJIADujZ&Cuw)$c@p}ng
zF}Y2TCtTCQf<>;@QTGCt3Gj{w%s<tPH4bcQsOiZ==vluMkJ%6|3zW!2yo2*muk+D9
zLARmn-oiKEH>^`if<}2y;C$9?;2u@942zNan<s?_eN2QW`72sq@Fzg(oZnN@;9{JD
zXWDmU-6K~^oZ83R9XmP-mCxa^w0HRRzZ2?W@($!a`|iv6esMrWsFzUf=p$Z|8MlF_
z9kzDo)z#O_&fs^6AyId=$B6FfBjDlV6QDs}>-V4fL1%E~V*l*TmtK;W%|*V|fk}^g
z4cAEdW-jl9xHtE(p1Esqosw}TKDn-hO5^rKyGVu7EwQXWX^YGC`95TOt_43cUCwc!
zoB+wN&!^<T%NYs3BCr(C9{)>CqDNSsdJ(u^>IBO;t|i=?VXAqp@KdZB{g|-W@?G=5
zLxhASyBD8lwX88gO_|;82|gZA<rutPJxNqWX!PpL{6|+~YDL(^&o?9=!UysQ;2RGz
zX%enzyN3>%N|CPP4|Tz?CpZU+P)EBd^z%EG`d~pc4e<>b`lb}IEPH(~y4C>1ey_3g
zn1JQ31)u08x(i5_?HCaZz9m_IYbl{U3+HCfc15T~wYn_C%xdtmjv@P<h-aq5-4j@?
zxr;u(pPLu{Q?^$U5W|gl1&hkiI#>S2871JX<IMlYg$4N!o+mOy<PVL9y2S78_9Txb
zi7mZ)ue0fTZ4XQQ4VDVBL{HL}RylS}hJui_A;<8#ha0)*FTwhGyW{&74ULGQYg@a-
zGH~?aAGIQ+jQyl*W32eBW9hBM#hsbV%zROi7<C@D9ndYI4<_v)fA&3yo6G&oCv{8g
zLRIR-JiIF?)P)~gkijyZQ;&mY>;vU9YRWhKKEKu*uJNaV#cQWfQ6I;o871rBHC)8H
z#fx)C@8&9Z{pFZ*VoGqR!iurcgnPaFij>097m6!`D?<eJsRn5SRwkNSfLK2!)yeA1
zKO6Zl;`F<g+*k%u>kEMUgazGfm1L6Cr1(6Q`8z0^fNV5-F(;$6Ao7spw%=6BcV1DG
zuScAL3f&fVJqA!@Dy>drE|7KuQbxP}7Jeu!J>|0z@2FFvF^YmrasBYU`Id%7{SvSq
zSqS}ZjAV-7>;TOZWYIT@DO^PBCc=0OJsKhVScYhGIn)urI83zn&)~2Ud<`Leqq~gm
z1ViXi6uj~Nm!Ajea4X&=w^ZqQG2uoHsSx(CEE6I{bGyVxv!(5G*}(cZgV+G7Rzyx%
z3clXbfpRmo4QRb)Xt`b4nYBU?0_7<If8Q_d38B*i*nlqx@{tAA$0&4nQBj0FFC!s)
zFigk#v)&(Brz*<WKD>dDyIE~{nQ$wy^?B9{A#v{@6dK^rk?>7@PZWY8(e4Db_GW^#
z210Rs{QYM+p<Nw@Rz3>jd;NVM-rGu&y}>U&5m~M5^ZG<8Lg>V+%dp3`uKY>Y(0N>u
z0NmAT?ssi@b&UR-j0&&O8tEBYL>ZR1uJs)*otv97gveDg6bpAIajwEvv!3My?r)Vg
z92v@l4hsx)t%loF-1fA<n=a3pZa-=<WR3Qx&zvAbzg4wRWH}ycSul(l#5cj5r60UV
z@6{Xj+dwt^BBSbO_nKozj<uB>6LfyYRk%=1lk5esMKUPTPJ742YNT*%JqFKLYKp(A
z9HdrN&5yV@R-nUSO(6Y0{sut!sUU}g5BA($OXj<zu(n0pwr&N)O8X1<5GB^ymiR!X
zc|SS|pGPsG0G4?VQl;Z2w)>qXXAyrf>d*z`p`qNX#kH#96R&g2W@gN*&^98OzQ)o%
zc6RobqHym>r{?nNPf8zNp8c4&4Kw>Q{*eD|d~-%g^YGLCs*W@Nh*xX2!c&<Q`AWtg
z1WlLkG1P<<A;Ukd3yWt(Mof7&vpc*>@#aBz;n`5Q-4)?TrZJ$Qp`aYX(y&RV!L2}o
z_CX@{(#WVjnOgHd7-NNN0hJi#T4C?p<*XZ5OQrO<#*tSb@yFj<XPv8=*K7G*ufj#s
z%J1WUE?<6ask8e|J@aKa3x=xXApkaJP6-uy+qZkjL!AGW&Z*h;<jv6Xa@5u$Z(A2~
zU)Mqnp(JPZ_jC9b(DW2^jBP_^)ROh&BdhpUR36x0(pc-TJRGXK?8YV3PVKCQ3`%b6
zrUL<LYieFo_3E+JlxIXFw}CmS-}s4XnrlYpKl^FXK8IpU2qM?fUQ>4*O!e_ap$Ad$
zSuK5NBf|vffH^{{)22r6`~FhH+$hEOY^+H1)3kd(&kdmk$Sp#;`ung8XD<Q_?d+QL
zvaivXgzfKMa*dh*K9{t0kMu33XIYnSyeT+byhZ1O9F_G&A?UkutZm%{^lOMjZIJUH
z4YI^=qbgRvz{RZr{QXIwL3aY<$ps@bp=w>LOMdrAA7Gj8Cea6b;Qa?6d&x0Wv+j|v
zy7i&lz|b4QsO{7a1!flqo@UcEu8HZwB|$6$!#`RJ(+S53MzM0=$WQ$#u`hx<GsHpz
zGWi}uB|s9DhxCQ5KF3#N26WP&TV<VZ6_>~Vxt;M9;(zFJvGxGo1FWhX(}<sL24<F7
zM6aNG-$!&1>ba6Qqp+3~!KK$ju1IE_4Jz=ddG_f-wNlgDp~++B{>90`2!fiv3jHUK
zEbnw@D4#FRcpX^vgN~uS^7U=M_w`}iaE~i*+<wc7+m4zeQ(1Q_I@doxM0GTW!qvBW
z>n@Q*nD$@yXce_z{E3f1Ld;1+3BDvTj*J?1+|2LwD45r8g>coHXtB=n5LZ>s()|C7
zSR(gid;;R&G2MHRovF-Z;9YpDtIH+nYwJA^O1;JJ*W^}>6+ftjPBM%2f`_qkWGyzI
zW&G<IZs3qaM?MnkZ>CDpOV8V?Btg|}r8Gnl*44>P#&oDF;9%~<ozvxz;6KLZli6s3
zIz_1~!aBvSrSQN|LY{!PFy{<pW;xOkzbBfPK_Wvr_7EZ-h7?-CrDzf^4^b6Fh}vHo
z0rf9YZ}8(0mrwEPBtUdN`ZKb;FX}qL@Hav8p@>+H2**+e^+ym~=%Wke|IpE+wQ9Uz
zD65-hB!kgX$l#YFw#Xy8l?t1&+jUtedToO^q)H}+hWodxvLX*ph!DblAv;>ClgO%_
zw#(y1C%V7vh9zLtu1*qkF}Zw#(oF&2P*t7SSdC2QN3;>-)z*%_@)D)8@qNN4*<!f#
z_y-`<Ws!qs=+~p)81E>ghl~mYSWFYfnD7842FV7{kjWPTNjKRPKVG^MC<PwN-&yOo
zxZa6@kxtBHhZB^7r*|PL@Aw{@ctwu7giNRep$fX&z@G1!E<Q~@`9<EMt73vepP>W|
zCjD-TrZSd2dkqW4pq4BUBE?%P%;V@$YW3caBlLykUMhbxoK2Tow{K&=b%^Vruns#P
zBsI0ziSLYq*dk^2qAhb@b+>I>5w%}W6*Id&^RG-?qI;MpRP5jFixk(VdWKvf0vM56
z?r{%|8S4jFnF9X5Z>l)pmk+G-&X(nv5DUu<5}<*QD8F#p=RtPnfnM83L-}dXr`O(9
zk=outI?es2HPwT<HfqPFO6Ei{^hrhJ=r8L)ompTLpbp2{?&z=&LCyGji-dm5i=nm(
zM@OisVO)E;`69&7<!f`3at&N!jiV)dDn&Z{GJ9&Ml~n{o=G#%j^k4x$_^6a81{D9!
zwXv+;y5rA#1F$c;fs)zJ)(-J9W9z8>V>)4EMId?N&G#b8-9I(oS;hJhWFRu0#%LHv
z=T~kLx;*E#UBYT3!h6%`|9Bvv>_vkny6t1goczV;`?i)!naqRMR@MhMn{s5qGGER`
z-T%tY@>L6apP-^vl>>xuC^jGzJNWwxi!bul-%|8xJUuH8vwWiS+%kdJJg#B+<;hk}
z_(yfy$**iv>I(S%d6WHBIYL$Q)u|Zb{*zX^gl7#864hlRoxJ|JJs%Mddkaks5hP^f
zt+#}}s#+o<ud1tlpJOyh!mrm*(q*mc?ieJ(tpv;+OwLH?8GhM9yna9@Z~l@^2&apc
z^XmRgi_1So#0a(o4^u^r#k}i2FVw}KKeL(?t}Cxy=_aKfGm`XFH0xx5A9MO4Eqhoo
z9&cN<7UGB)jUsb73b=&`gGqW~r6Pu?VnuHKO|HcJ^&hZd*^|QGrx}(VlTsm`WrUS(
zN^iuK-8h)8Zsa~fVST1WjHS4uZ#k5KzdJW8MhR|Ecyf)Jwt;mj$k|>1-QNjOp0#*s
zg2GE}`mGi;8b>;Y$EEAss|UT7zFfIk+v7SdjneocgP#eHeNr5T+SJEMQtZh&p~B}i
zlsxW+U+AwdffNLb4vV0B`r$x1m$IH23L6$9!0ZY%X<FiLc;k<dU0J^*5-QVM*zEl}
zk$}6U&9I!$T_xA}=H-iOIYqkDD)UK+hfDb}b*GikFn8n3#_fWNWuHxdeq&3P+t86y
zf>qKahB|9Z3S28F4%!DJRYS42Zp%L#aF5KniTupsI^mH7Yiq%Y5b8m9yH5(bujO-&
zH>H2w2^#X-U-~Yy$wyR7F8O+f<9-dkdK>wzo+3pr*7TALdvBS7@6%o^`87vREI6JT
z=85-8r4x|LF2k%wYI5|Yy+8g%`yteGnJ?63as7m6VT0$Y*B!4Flx`}>9PHQ;=FWoX
zE@Bq^^f=~?it5&jpN2rju-O}50z~f{QxK%+ywI|9u)pb4Sk25FY@)!(Z#L=`V|ToM
zsegK1^7|EiH;gbIoV3S^S%)_4*)9&?b1^PdcZ<h9^6aSk1yk|lq8ZboaJ`@n6+&bW
zbTvIy(E(9w$Eh80sy*k{ikm&WokmUgTg>}AtCJ6ZAfodB7gtB6Mx!Umh3y><1R9Qy
zioKSNzvdtgi2A=&B%kf`Af9Hl6<U#ByA55mI|dA2TIatmfqrZb2Ytl94|4sZ-QsC!
zP!-ePY}mn4N|931ZS!C%N{G7K*b(&2#_=&bhv8?J;m8d1V2mrJ?W7(rWPIlktcne_
zm*shKBVcNI?QIGKEBB`^B=0N2h=i6EaQR=+*NdFbZvmN7VnmF6YQHlIVZ1@=3iIPz
zvwN&Y7(q=A(vWf%`*oF-^GJ;=A=>3%^>7pe!R<Q7VUL9^dTWjekRQOL3Tu{u)vD0{
zD#z~X&AJnGHta2du5z*z$~<te_Eez2YEw=v2uh++0v-v6inSEX<F7s;Tn^!or<;=d
z{YeU6Luwo-4=d>DX*MjVb}9vz59r8>*K%@C#!7YGd*Ky%|7Db)cs=FI-8BOLtJ8nX
zKE^$APW>I9fD4w3lSr{hQz`_#1bWB)V?j#g8Bh_Ftf%HhFtpkB<P^RsJ7ziGbA>It
zhiUX#OthJEkKEQ1Wtn+Cs&33=WR~B!9nf^~oOINpj&g*aBP~4%S>g5m6TkT9CK0B(
zxLwGzG;<Rth}EmeT!(Dr5{SB3#*OjfXBFuiJHK7`MnUD`ucYUp;|@!Pi}HWvkv|%C
z<QEQ(EM6&+t%VW|3F<bHLLw~ML$B_8-oLT4ZOIl+im-U8mgpDk7&k`@<|AsUrp11Q
zzLQ%V@@~$Ii%2zhK%{b9+^!L`q=K9mcjriT1ljQt6VSc*d);-_JVbU;Hj?kv`FUaG
zGueiD3>vC8*D_4DAviD@-Aq4X`J~~`&#Nklrl@EY^U%+J1a}q$HR+@wuArB}Fbs)a
zXyT(sbWJ8IYTb9~h$I{Q{ltEa?4V9Fjh;Mk<P;?9h1H%sj6!0qkTj1xRgGLEX{^Tv
z@ku^hP?^Q)gbPTS61)EY3P+kS7LC2d*L-w}?%>w-2LboVtB%hWyk2)GjX6-<>Fxgf
zGjcfc&5=VFJBerx#^;Z;;<KNt>bB@IKYYWyL^l$HyjYeU#XqZ1ASt&7)eTxV$hhBd
z+reSb|EU549MbdIJ7y8e>(PLmkCOt!O^@e8trHH7AOJp5N#x)xB%%?SKP~v+-NEtc
zq05bG6*}Uf%IazEUn)qW0^)h`^|#0;5to9=f0S!<u}ZqHn?wX`Y$mIGUWz}B85PTm
zB6zth^kIq<L8cRTw~>PSje7Uc*Y&B91bKYP5D2Rai)8OEejWF1eR07Qcq4zW?{6I=
z&&~`Z!xUVBvr@Ist@zO6lrkXa)rf;F)xU^aM{m+XmJzvM7r3goZt)G1oS=55kN--D
zGM)-Q_UdYb3O@#!#UK>wSME=@#(E5U_e{z#=fzesr^07%ZS3n6MF(}ESyWYLeVT!4
zankfGxYhxX2k`PdmY>S#aC{FAG8&;_Dx@w*ZYNh)CuCcJHWAdy;6J!Loov;Dn=bQM
z1e%}_EUmMJ6QDQ6sqnj!vklKgo1cV`SBa539=B@N{}iRRPe?3}Fr<|}`u0Whq2KNj
z$khoiXXUj+%ptiBEz(jz|2v0B2mt28VU+D~E?r(*f=u`$YTeg5(2z%*<DiBy!O9BX
z;u)3dK>B9Nf|+Xp<^`DvkZgL>VeE>KQYHTR!`?epUAY~Z99BFMpwXS*>$o2tgf`(e
zPoz$JTbH73<fUg^W0XJZBYb+^#Ak#%o;ld%zs5x>;Kc8%IwN!=rM(sM;3RXv2T_hb
z$ic3F98-PveBeu)hnV~Jiw^H!eS*&u8vO;b$c_o@o1QsYDmb{0oOU@yRxqv8iOC>t
z*-2d)2*p0xENXA8I$KPb)xbznb}?q3i34BnKz!;2BXz%z#-*&9xAxdo7us7|SkJOZ
z81LtJJ)kK9DE~%Glv7!#uHH`MNDOF^_X~{VgRinGm37niBBB>*M0C6N(iDhJagh;!
z`NQ@k{txS4VWBR2-=>EOFLzo4g{7jSoC?YH>PntpV3az{D2DC5Dni8H?fqyz12NlR
zw+WY8OKr}H)rT``3x=33C%&l#Mm3Er_~_RSK>B-5a(7<AS|Eg)JVMUtRJ5jbJj_3f
zbDJAN*3zN9FWDgupQ~*jG|66i_>f_ig#+Y)?5tRrC7pEobc0lPNwv^<vo6zbX@`)H
zFv2phYAfX@wgwWy{74}$mLU%wh!~IKsGrSfy-t!mahu9{n(Hjhv5>EbRRlv)Y(!vv
zq(GWAjSf3UmH_?)DE?2?#e|alD!)fW*4hKRx&WzVe9MnSc807%%kuImmZH$qWR$Lj
z7eVJX4*8s(@zl#3#U3gB=ugV%)r+SBMG>=`z1hnRm8~ST?^{WD`ifm=fx6r~+@9PN
zp6jHK<7ik<irgb9v*6PDIPF=z+&uUu_c{FT+Z1>~5LE2sqY-9C^Q6hPhKrGnoz5Z-
z>G3S-XEudEbj9*e8qn-}D8WX39*;iuR2S--qzpjwix4jrJ+6c?-KWKxudPG=B2ZW&
z(Ogg6vXp0AW(BR2;}tYM`XVej4v)8t+zB3UnZ=fvzK+<SArdLeb7mO;)~^KOIEPa3
z!@C`1xUH$hZo#C6kdp4430h;lNe;)$k%;PtAp0f~nP+9;i!t7hpih6ouHFb(zBzJj
zwx?18bTlzp^K*zH`);Z(?tuNea-D<`<8e(wI^2#T{ED5_VTD;MI3WDe;#SfAJi(na
z?vcc|?qRe&x`dx0E?;}zBZ+DiA>T9bt`zw6qXE%A*dxd$f|s36xe$4+GSHfJQmrIv
zbx+oBiqh`D`~KXl$_uVUA+g9udPdJ_yKthLN2T3LC1jhqoH}zD>i+d0S?O+-axQ<1
zk&k4OKMGxuR9vnXk*FO+jA&&zOuGBGSWU`zZlWq~3g%RA4uO@dRc|&@q8p!Hz`3t+
z#eBz4NFK1afV~ip*w`{I`wu&kC~FD-`Z*&sj9`41A=AywyvX#!*~7~V?=7L{L)d&)
zLs}nsKWryY3Zdk`H$&W}T-X-0aK_0D6ryW0wcY#r^i|(ie`~h;4RxU&`fL+#tDo(1
zTFU*IW3V+73fx;74)Uzx7bp72Bl$~;^IaBv#SspMMr@$NmL#lgB-fOdBSZH_MIL{n
zmjpfcYX0#+RKYnASpT<^_Ot$6OZ{IR8>_N$wNRhEs@PTKFGz8w*SjmezM%wpM+w<(
zKRp0@XjtS)j)SPdg3rK|I^Yg6_sFo?@;Nm$kI*usybLC)V@my3u(3`1%0x)#^rt1z
zPuT$x<^`<gcxX7$OI9XABXyRI%Jb2L)!>T2R2s~`D&%tRQZOh%-J-P-lnM{<>>3Bf
zA|2j-&qgp^85p@o;@+%{YEFO*=dw2fZTuwUup<48it_ou{oC)~gBiadQ^!GW8ivru
z^fb6K0)_YWjj6`L9oVv!l^)dB;VrO=6k+)ssMxQ|JK@5f<|C&W!uBR~E1*Iphd_J=
z$l_vP-Q9%b%-T?9po$Lev;|O~&+G2awow1d)`9MJX#}32ro^dx*C8s)uR$Na=edqI
zbm-jn%c--w1t$-=XNib^2XFubq<s(>hs>|o=;xnIzX3%z5Geq4Ir+%l$1OI+X+hb0
zG|kVdoSz3h?A{F3kZ=gG&m0Y&M{<x@8Pq<-mB}=$AWt&$uM~jnd7po>B*-0I#F=pW
zv<rD3HY^)dC2omGNIh<LjHd=iX?;=QAwCl?r>V(W|CA0Pa;GLFdx1}M(>O#0+I>Zf
z*azvO?C-MHUaH>fV|MnC`PEOFLT(k+s@zhLy!db-LgnuL@5KGd{nqq$@9(`}%ViW1
z%ucSk)JxQZCQAH|wUmtMb9qAe8~vi;l&rJ$8+~dZ8ojUh{l&R@O@s$Z){E7*seST3
zeo+Q@i&o9Ni|x|<n#OKNRVOp22NlLJcc!psQbK&&_nQ#@tQvw0bqfe3p^FVmO<&4|
zm)#=3_D$SjU*jO1e(%ImSdYXJz`mMy^rW`Wt#wj4_=Go)KDed4eNqj(ZT|M0I$eF*
z**N<u&jqX7kd;EOO?T{RA^!8-$$bfZb|R4?&}atkVHjBOswY@Q=VDPkSMZ`<TMt?(
zcV*lRB#2eB2=t)Qn2CeH0f4#WhIDOQ6><9oATH&QE0AAZDUYxlzy_Zf>GBxLA}+tw
z&HHT*3Jg_u-7Q{*hByM-%CIy#(b4p3sDk%Cx6-rW%GtY&twf-&%P&Z(1Ig!)Wy<N6
zkZ^>WIGiwlTR;4zb1JYO=@bt0M-{AoPtEL{08#t+a;_gb6xDdCL?y2RdvjWTyA`*A
zLj?5ETDEfC3>R&aOQ5aNn}Bf;u>Xed4G@rN0N`z4g+c@SleQlp6{WkLkXBpQZ**|H
zylrfETxDkkA>1sc-#xm*y`_zMwI-|_NDqlo7VH4m&3(}e{c^PPi`s```se4#h|x2)
zMz=ng+H>sZAI@dqkYTgu%3oHD2Jz|b3|1H^>V~L(a7%z9D^|nBy4M8xVTWl8>U+w@
zE`hd)PXU2kuNoYmNHjdt88<~>511tNK0AxQN_6x_j4}qa|3wQsVkx+ZUlJnqpn4{J
zy$81)D}!rd`q!m*qCHuWbuS8z32yl-_DwhV2NY7VcQcx)5n3}@bBu7-f&0aHXoeG*
zleJ;#$X!CWw<&l2&+Uk+r|~Sl^+*&OfAa|)>{5ncM_3xC9`{%mmoh2&&;0C{kC(<-
zDZcRhR|3;nDf3vIE|sc@UM=F{e4NL~5$Ef%>g33*`qnsE`~UTJo?lJ0UATu(Lx)g8
zuZAw6BT}Ub1VNN0C3Fx3q)I2DNEJ|O5J8j<Qk338M~X-lq=b%0FCtRU_&o2k&L42r
zI-fEhSTmWqCwt#}U%zXE(Xd(jFmO-c6+yr&Me_10=+;{t$(V`Nx-T68<3k@#1F;Mm
z##XP18?Rmj@@3L0R9J+~h?G9xrdTCAp@=>zovuJOXf>C3&&%{=eq<h?bGvmnVTe4B
zFbiJQy@>tQJ&veKx(jY+jQKN7R`q%2SCpuaEAn_<uny`$xIn^cw_u<wTE(hVuI#QZ
zB?2Rlu_W{KpNXD?E}EVyLU+vL^`stl_?u08KQa3wfR74DdHKt;DcP{I6yg!CdKUoN
zHF97E%piN}I(`|%A`NSKqLixRag3}nJl}EAX(yT*OdQ$}c4>~j5qJI#0AO+>qb~&0
zi&J1K6JwV%O*gm&5y>u#n(aUgf_(Df(X3QE?(nep=;8cB*`v$9GS(r>{yN?d;R1kM
z_pIa#)2#WwJhG6_(hITM1enbJ?^C>rfM1RG6$}o<)7#%9-}SSDwULGo-By0C>?^*q
zU$l;5t&>lIVY!^6st!|T#5l8cb6h_%fU;mJ;tZzh6IfBX+Bph>jbM4i{?h9gVWIvK
zFfUHMc}I}Zi95Nev4NkgT82sb{caie^36)P!)!Bhlqq~Z5=qSXu!gKEV-;-m4d98E
z)SYK@K_?8_v8LYh;f*)37LO2k270rp;X^FbU8n=T*?TNd<_D?{r1Ht!r-^rOza_i*
z9&C|Aw{I!?MSeHW*u8J<IpJysnYvVyYg0&sb$Asqyhx=-X8+#&iYG-@sKgZUI>8pl
zTmpOiss>rV{6S-(y@pvZ00~c_HpaL9G12x8b;i3fCP{9aV4)vcN{B<d6_X^ydM`)^
zi{N9}N@-Fvg7{7E+Ze+;QYK%am67L^+X&ARrr(%cyp?QmdJzKU>ZOQJhfLvuvu#v6
zcyUi*6~O?!V1atFNN)UT!9f+UeHV@}snhZ)IK@@-y(eL@$EY}vGQM*`k5z+Tn{Ok&
zawRP6`aTJkjK0H35H{*YlC1lf1dx*jo)<ZP62~+D1C$}%G`3^a8JVy=tD+Pu>TSe+
z=U?&qJ+u}7_TR6e6L1;yHJi&7gNN|wUbH<!QnZ3uwBE_$^C%+1J>-!I=h-DH@4;vF
z1lszL<2^)jjSoPo{varo?Z_$tU_b0{)<t43;Nb7y8Z4-DDmtD0Aov9nFt23RmiSdI
ztJ+kqWIL9kP!;f)ay~mxF+kQWWq~l|$qKeEqSku_CWcBGU_Bc3#x(Bpp!9Kmc)(3c
zxU3CkkU!gO1&f$bzPc+O#U~!Z0Wl!hgHXbY0~_wPg3V#sa!^Y$TXt|03CWxb^8F!Q
z(80#|?`17h?k~kRi5}R63%K^#Q*syLHuPBKTFH*g%CP^Kyt*1L0-tIwtenkUO&m3b
z>-#^KBld{ef2)3b{u5{{>}QW@?k&E*h*89djiY#oJ*_Q_vr{cpo29k0<tFR|mV7=r
z8+$#>F^xreTVM)8i8=*MUNr6ZrM<gaZ*r&Q5)BO4UjGo<NSJ=#k54Y#?vNV|-+CzM
zZ#8*I_MWmNuBoLs3wlZmU~-Y#RK)=r;wEvJx6m@#4xQeSHzKMNYB}Zt++NE>_r58^
zl3I->EXnvD-Qs~%`jwCmeiQD=`9W$NJHH(x`mF9draF}9LD%z}ZQA+o5nV-7+~umR
z+MQo$NKb^IPlEP6n~2uqbu-UuyQNSwA$Nv-W1UmE%*0pNV7jKhKZv0zTWM^&c0ezu
zL&=xWabb8mn=98nGY#8XHZtwHDBS(wVx%*k@2jFRULP}MaPXgItyb-2;uh_E`vP#B
zzPVlaYi^n&p1L$KMy<r@ogD{hEg;FkS&-A#w^AslAi(L^9Xfv$e8qd0p`KLL>_kw_
zajkSfl@5xO4wd<yjU3+94tD_^h(_)q-v&Zb%M}u4LU?4lz@x<9sFqXT*-D7!T)Chn
zo<45$qjAa~C!}{9l-*1hImVEeXsE9Q`T1GOE?KzGu!Hl8m(|T9)*=(}AB3w}#C9IO
ziE!Z2DY4=^Af&GaZI?s#?i)yV^Nm!|7-2QReuI%{ZrGqxCG5dlH43%>&95KF2#Jsz
zFu=BUe315eo}xYU{_ZxNN#v*ITveIdZRu`|c^3zi0tL>rc~&&s@j{mev;MxnQLxlQ
zKz|w(w&wf#WwWeq+oY<QK;xHmwq(}xa{c3s>F0iUf4k?d_-f)IO3l($mF*g7ks-x>
zN>3jzVZ-pJarE1_wH$ZJ*KSyU^cuLQ)^2h4+^D_<<mOVywsgm=-bba*Z^!u5r>W|F
z*=Vb;@Eqlum?*>IH0EZuQgnH92;$m>q_EJ)D(l-&qIfEDXum}imi)D@$Do`VNP7fY
z`dNm=|MZmX{FV$8<mFDoevG)|$KDULnhJYquA{ut?kN#>pt(uD=#;85^+bV=in3F!
z*P^2|4NjB2ycN+(tG-I+C}?9)=E`|VmU>7=5BI2&uc;H-%h!i&yTD!&ls*Z!A2b#u
zsEg6dIupJjir)j6SD8Tqs`jKDDFl@?bOJFH9kSde`-400WRCz0xr6tMe8U%3Y|S0T
zMkf9a9nJV1=dQY)8-OR|mHXo0;rgMz6rzg6ja+Bb+yx|QlE<g8{1vDWHYVxpKC`e1
zyiE~8bv}=^=-6W`$pV~$lx*e1P{%(D*rG669sfev{d27sTw?%NH;GMp5B5@5=XJ&8
z-7yu+8YA2_$jy0a0OK=|D|JDe+E7;BGM-i~|3Wv4vc(+0N2lH?RH62ao+t(a6+Q>7
zM$D{-qSYr5{ILI%&kGAcC|HJ{1JW#gapA>yLS~Zt^a;Q-M6?1MP%*htDb(ech>yfU
z&~&37iC-HO;u91_@ywtH80_%r&xF1}Ehz*t<U;*<qx626k3e%!DQD&6FKW79H$(>O
z?$J*Q?Fk|uHk=J2HMxrhr(hC<#sLMW%IP@3*ZXjYCYSxj1h<;O$TNcJND9;t!^I@8
z+;4Y{4I=rpac*I}BjF;Fxw}hZIqpK#Gyc-qkA1i@Y2lVSG0ya)>qc&1G_&saOzP>E
zHyvKzqE{0)M9p+lcps|YIQ>l54{=cVzsjm==oOJnT}_X_RU3zUJ=2t*_((1IX@O~J
zJ8ex*Q_b%qejVSnV*gyLupNdOkaBxdL$PjS+m((<TKy+z`b*mkomN}bk4*y%<@CB5
zJ%FVelXk~3Mlg!buhKfK=V#|$j>se@%LZFMw7iq1Xcickq-NyxxB|_6B;;0sW0f<3
z4;y?&Nx(PX*}?5B{RLyxrK}?E+p619mtQFMGa$Q2zS%me^Ck_^9VMII62Lc%^N3{y
zQ|fl|s$Gh;e=PMTvc7$|p+WHG*K-ek90zja%q`q&#B%u;Ep*g0qGBpwpO;so7FT~0
zS_qC~6b5>U%r_ia>xwi#(3XS<L}N7{2St`Y+W?%Z{exBWsAbG(T&^nXsYA1Fhxr6n
zIo#tdP*VN^2xQmpF;#K9&a4Tjnlam?6n?-S*g9=V=4`P{!q#8XnE-b~o-PlCi&|Ul
zVAd-H>!@pi?48P`R25bAo=u8}ZqsYZwM&}Vct!%sJ}=OY6p3xY_CGnUly8z7+0O^J
zTdp4`QTMD)UCWyuTSx8^uo~#h6fC+3?0H}`(%kf?<0VFTk3cCFs$aArtH}&6yIV-<
z%2~?~Tgy6=pO88Lx_#m5kf*F{*Vf?4Rwa%s3_s_)o0oE+oa@|p+P;<=mP}?g^!I#K
zJ6^Oj)k27bf^m3^CN`a(+?G{dEWBI~&Rf3Z%E<Kba<#dd>BZa30~LzxSpw=8d1S%2
z|1(O<DOd=l-3Q29|1xDtz1{q#SM9db^W%ZC*~%q}p?mh0AJ+m85|fFD+n6}Ujg@M2
zf89^0DF3NkQ88tLiULOfKBNz?zlv}=*nHqhX83+Cp@s~Yp%q{0NSj=8GM#dcix7HL
z;sW}El;Jm*oWO!cB8Wb;tZ#lYdKis2PS`n6&#I(dhfkZRD2d>jNzZ~M7j#Q?kiloM
z^_e#uCsV^s*^h`93>{CIWB~+2ev}_!K*C8K1aZSF(>pNUVwBp^v@RkbCSy5;jsh0x
z)SPD+y!bQK{1!({o`V)Eg?P+&fgm-(gqN^q6k~+ru}UuJmkz=2<`dZk0*%Zv%Ui+n
zE1QU9X+-i>C+ds9u)<gwTuw<|Cn)k=IDjWT@wYR&dT)GT<Tokac6i$l*lCpleF!;X
zib{E>#4@ThSg~ng=u4=&-JD6zx&T0r=tJ}b%}Z(pk11AeJF(z+1BPFP^4~6Mmq;mj
z)ds=|GMrW%WqZC+Bygh|++x*xb6gWnge+|#va~XL(8GAY#}v0I;5hdX>Ng(}9G6?w
zIQduygH?V=8L}3hqdE1}&D-2R_k7oJy1#>fv0K~+knsS(DY@i+Q<1Msp24V1A~9SU
z+2+V#Pl=35&Y>dN<%LOPb2;igG(|5(%hl@VS}o_1{bQ{G#u$OB?oX`mWj9xr?3{G2
zQY8_!9ST)_1tm?-FSg!Wf<&x6)P^{(b9oc2yZGHtb3WhE%B3PF?R(50M?JGmR<%2x
z)aJ!6;_%eB!*)TUCc(DXnn;xU+#_dlnN_md_nOXh(Mx%<Df5g0-t|{Fer~o-rjslz
zfH;tO0t{hL6U`D9K&Q2nQ2!8D+gCak##Tj>7g%ru;PTdTE}Pr|1?qE6jNn2%4~0?}
zKuqjPp+chjNm6o~%j!KCz$>%*5TwWQ+=D5HeW?zk$HE&&nub8B<ORub`=(j|o<qH(
z{9Q~I(c-%*{%oV;Q<qxvqv4AYxl6!$d7u~qye$nrm^|0|&>y)l1Dx^J7q|;Z=({I%
zSuz7>)`=88C~=ReqU;60alLLz3_bhG6SzXZox#X}%z7PB_5}jm2LK7GeinK>+3-_A
z?>!h(6$1=>c>WN&Un)s{u0Fb(ZfW%)4ku6B%-ZI2@%jzN?5;avW9^xK?ot25-D^5{
z7WZ^`WzwvH3ZN=Tj1$%rm)gagR`7Zg)f6kGa91(M-Exg<lzj+Yr90&PBNUx963PG5
zc;xxi$;s~7tDpFWZv#Umr5ejN%D870tSJ$@M*TM*m=u1x8Ct+n=d*8)A?o?=#*<w?
zeX_f|!|v;5)F+-SovaFfcOErg)q^5+{gMB(idZKGPP1ZYyKBinEcdo_?gaf$MFeyw
z%}7P|8|E)p-vR0rym1s1_J|!~^|4757w~6PEB9+(oaFcCWq!-*&Og8DzcC$fWn3rw
zfHw$u+=nDH&u)D3-uhfbJyBf%xaA|byithGd+T@UyxXfmj18aabZvPG=0h%Z^?wNK
zN?O#;TaWimL^t~G5DRU2z*sx%qVafHN{a&`J|8;9IB%P3Sjx<Btddc23aRZ6n_0^H
z!g=G6n!&Vg_W_SIkz*uzZ~f!A;Q7%j3wL6iGTkP^pvDxCdb)s?P1_5z382@~OyVIA
zCECNXmeX>+$tl_ENU+5q=WCiZFh~=#F#U<sP;zrj2EU8uo-pw?!oUlVPfy=lPDDC)
z5iatoOD0hdf0-~s{P71jKN5Xa25fEi%}n)ou~$c_mcERDJ8GIlOC(>?;DHdrlQoV-
z7a|3;?!n=Y*AMazdSCWAI{h5o-8J>AKeZf>e#0=&YO}z%EUoPOuznf%seOzN(Wcsl
zFryjiYY9Ym$P6CX3)LA$-^tc^xGge=yw^V~r1UVspYL>(0?`_z%1=UQWbH)KywyCg
z>rT=LN@M#$+&3})iObc~YR$9B+SK}5(06;{&(ZMAMQuz+!ard{L=Vg*?Dlxw<0mpY
z##tm%BjoAtqD51qkK_a8S~9fOEt5yMB?|oi;=-M$N1IyK(W`h+Tp7~q)i$^N62WG{
z<YfFus{yWCG=W>HR!IE&AdKi{xhi&mkbH29>%2Smm2}TzER4SP6~B|HiRV$%f_ah)
z$mI#I5u+TOL}Xt(dhu3hMKE7xHPBH`)8Iv@Fi5`?HigHVOAR(FbmU%cL}9N(>ekP_
z1H%C0WEK94H}lylaHb*BA%-D$3>OF>w>71{@W})VuoU>j-XyBMTR+Uf>qTTlT`H@p
zsOtf`Hxk^v>ppZiz-)x!+RCPakx5Qu<2?o5gJgRk<|A6k3Z*}~fFhp*b;=l_Z+@{;
zOulgpkn*mEkKfL0BEp|p@fUVx(bX@e&R2L5b%HfkvOhIDF`XxKJKu@UBg%+pOs%m?
ztEX5KRSR%1^lmCHZJGRh`NQS|Hn#%Y9`egQlg)D@kO`Q-WCHWwxFe=VMSt_yEAG#v
zfGbb7uXW>HLP;J9G&8zH?1w(qN6=SY4W7eII^FUa_UmPH*wTgaFZO>tG=Mx{hvrJ~
z=<%}(J&f&}%-O1uX^Tia{MPw`Fm--MGjT8Z(%<8v`TC`8`+k@5X;kuM2j|5nN9Bu6
z7tw<H2W_NoC|euD`btGw#$R3mcbRBRMLRpo@$KkLsGzu-^Y8%%6^sfyWPIBOlSj3E
ztDj*Tb#RHhwhzBnsoGPdSqy@m*CE4XatczJ(ejR@3jB;iRdIm1sqzC(th5|OB(Nv0
zq{UCK@l5DUqo2VoT=bxHGKEVJVL-5QZVeIM;J?mR_If>{z;(b;b&n+M;1RZv8t7cG
zC?VAe;^m`g6SKAvRaBDZ_40Jdh(C}q!s~nsdF4OWx4%@D5gm<?$hyd!FGv|ncw><J
zvg~Z!Lk1pbHXlCI=h`pkQ?E5LN0nSaoay@et{dZ?6@R`loJ0ElG}$V@8L*b$bO8<B
z+PPyWj@b8nj9DbLnF@sTd(>^b#cwC~`;7@D(Cj|duWKecAGz|b_PQcJunw~-e>p;a
z;t(GaA_R~K1#{1lnh>2>7xa_-Vj@$wC#N@!q81d)HBKieE~i}p;mE;@q!G>f*eKXl
ze}kxQ$&};;xNv*d4=XgV+eXu(rB)MmEE{^rf8DE0x4m_}LqHvD_Tgn^z4SS8m0-*E
z_Q<c!RTasBn~}^QQb)J;XR>aa;eF_7P16Ywp`={C_@*3Hd3K<iQV#y*JLR$M*5AuR
z0ZGDN{+(=-veu?BdAa}uORxg5-|suHm2;-H->oA8C+oHFSguSRr`vxDyeOw9{3J>5
zgP82LA^QQY{pmM<f^Ld-L+uW^BnfM*+oV2iIR|Gqf?T|G$>&sIdb=+H^hossl3c_y
zi|v_K)$g|s*AR58$TXQ-O~#9JUL$j>{NfY~{M0ewJBINF4-6OP$a3F7;^Y+sdjO8H
z%EV^l2kzsx`zv4UT9*_`hw9?vUWe-_=kt06+|y6ZhVbc6>GgW4Ox{HK;T7G7>!)lv
zU(dm_yE2N+BeWj!0C;uk0>48&fu5P#O-4$ex8jY@6tWCv4+0&n4fS!tG++W*Cikky
z%6U1YzFC8>&wU^X*lej4fju`P$zi97-dfeUQA8i{%IXz*)(X<~85k)}U|bn5`uI2P
zZ8-r_7zqS`%N7TJPH*Rx**+<JC=M4+feNHXKdXo_k2m4`R+JdbszU2`c+WL}iA^5y
z6@9<SU;q>x!EL9v%064N_{sN|)N?@;tZI>6%qBVy%#7x;p;@r<CCvU-E@buy-bmGU
z6_CU9gV@!{M9Fq*_wjl=efjI?bht_8)Zx0%%n8ayFq@{&8Q&YYlTH?=TWaveOl5uX
z%<A12j?YAd&o6P`+=^J8Ca@nBs7n(5O~Yyn8P-!Lp;Zo7TngGOIC)nt(>S6la@>_)
zCahm<vmC`_<6vJ~BKmlz=E}`%Cg+LeMekbt(oya1iE75k*Sk?tjSe4F97(OZC{VB4
zc&avrq)_&ckSGt;4=RP=E3J+<Q5C<uz9~79ipUIWB(9R>rTPH`IOmU0qLlnNx!yCD
zzpG67%<-&rGFwGK@kz({_^K2NF2J&QXoKOR1`|{g8uz%p2gmK}h4BJEIn{Tmv&Ilo
zLmh_%%MEXzJ2t;zKy&*Q&WGmd9$>mrE@CnsiK4)-v6IY%6?grncsOydQy5oW{B8G+
zvS%+LPsa3Am)ij6tim1^-64gd?cT&@i%v+F_){?sRSVvO90SSLm*=nDjYBNwF3I=#
zdTzDw-g;eo(yzP5vp+PVRSLlBdK;|mrQ?L9)+o94AzEhiGQC!993b*!Wy0jhWt}Qj
z0%Vt_9|8gFm)Tdrewtt+NkUIW=T1Z#vh-YqTmnF`X}HdBX+uuEmjVsT-)8Ad#9OFB
zoims7H3x)kSrL{47N!#b{yfJx8qY3JDKd-SEe?f%+bia`b}?UQhM3mDehR&8aUo|L
zQm*xaGMskfBodM-9G!U}wrBsXELx%wH)j=L$7EMd&e-5@=23Iq8+OQ_Tb-mavt~B^
z4EHrx7MTb=68m|0COxcR&$N;t{yEvN-i?uKXEz@h7Nx>Zu}y)p--9ro)<<Z$;a;};
zy`ek=-C|xy`HXKr_|Zt`GY6WYqg3Q4Gf#fCMwM=SQ*i<SW8#9ab=)?<bDF|}2aH_M
z8qO2e5;Lieq%>vwT!9e)pdg)Z7?CdlV?7BP7zT6%?z7l-qBoXPQmO<Zqb1Q#Vr>my
zjS)WZKuh=w%H7xP`_#N6%bxl1g7LWJ?p?_1cjJVTwLWKni*|vq#peZ?+sZj~t}3<;
zC^Z6FY>tA|F)BAGx}SWX)3Ya~0aiqVz7{O&CMr-s&Wr|$l!NHg#Ag7JG?Sa=iJ<;n
zMm~z&HY#CV2U5OQPVN1>7aD&uu~Dno$}p>TBK2e8e(CVfoN^L~Mg1T_hx?#0LZKHZ
zz4YG&f8OWwbXnlrb&f`_hEvak?|w(fO}!Am7!Qy;0Y-L`B{K=oFT0g8Q3oFe#1&{t
z^;i8b^F~L-98flb>^XX{r&qo0XBh{k4WAdvEY)RNT|hvth}az2N-3vxO4R&0=h=xw
zAF#DVBJX7{jjetlAm4ExKTY3OzSsy|=D*5n7n=qupGv}ej=ElDsJXIsc+SIDpHU94
z0+NN3H69j7#Wy`>pka>c%)fcV4rH^}a|dSr&<A_^<&mC(;pI4TjnK7klpWkJ)!}31
zAD5gu%{4|CWDFFzj|;(%vHfeYw3NMsXo<EFK98!CcRSy&qjHl^g$;Fm0Q|c8n^r<9
zOxu*r^g%CQzWvPnWugZ_#onm(xvIJ1ksc=;Z}H(t)X}^PQFz_tGq<1@iI*gT@zfgq
zwC%13;bX?(PH)?;UHFoW5w<x>sKI3+>|g<7R8*8k?cgKdGY8U%0?|ID&G!p|ugQuG
znQ;TVjN8mr%^P$x?d;{R+mB3Ehl!54oz;M7GL@=iojv}P;<FIe9^MsnH{*U9Q(WmG
z=p2~Rbo1$x21(jJxlVzGvvdGvDl*kNUk)vT)F@w>T#W^tWwLT)ldN-Pch;!t<gwfI
z*$pLC`H{VYTRR_R)BMX9Wwr;Ak_S8Oyil5od9;W-ZM6P+eM)uAk}FL<ca#z!=teTD
z@rQYsB{!Fr4eW+uzNzQ#fWkF}{@$HU+Oius4P~4jiCrM9sq7ohW7s>(AOyDJX5a1i
zY%oabK=EzSv4UVCokmQDP}}|GP$DhR%@pAVLD`1Zo$hf$bjbQ6+p^jEZsl}D`L~`}
zLyS0iFhTI3;xoBcjZ`nz?`usZ%pmo)ZWr`Bd?Ca>qYtAPL@eyu_XolguQIq#sv`kV
zY>-S=1n6{Uc{zmV1J7P_d0Y3A-)07_;5wU4DaVjaBqncHy}2;>>0-gk;n*#nyfH$O
zuPJzmd)k;q{Q2y~64vFt`5!DUXtO3$JIo?9cqEe<J?ptQi;kMyFrlwMlhbMU&&6+k
zlr@)c-7)#W$}AIR5JK7ptdsR6gumrgd$nl0aL;#_Vf`7n8kZSEmL6on*K4svOhxdw
zktE@I26GYk1tHlQ2%bY=+FZ-7bpKbzvADhU^+{5fl<My((aYa+1v52Ra`$Y&DA)`R
zi50IKbu!cUX8X6G==E&(yFcvt+&1hSpvY$~Z*4)!v(Jh)YY$uG?DQmVGBY;Vj-Z*_
zKzf;T0~FWiVZzhamqqAU_OpTu5#wR<mjpLzbAf@%LI@f@k`L|Wx{Xl5(xMr)*!X1~
zg8^GBrrI|f5btGFuRlqq4wb?(6bNd=SH~W)74Fy7r+s6e1%{XXS2^6)=Foi;BZDNP
zBe#9j)y%BRz}LA0G^G6f+4K1v;s9Mm1JH^{5A^r#U7|0j8*!CMr)<+Un;M8KV#o{c
z=dz}pqXl;EZ<1O^c;3o(454%&<z2eGKaC$HX&XYW+8ITl`VcmT>DeD;`wY&0d@3i_
z18GO!aM><@TNN>_Q`V8iPEi7nC8ZGt;T~ngz(XC_o0rd=>zB!^?pCrVeg9eXoaTbn
zcJt!VzNOilo|@WN3f14Gp`wwpMY^$TY1N6V?(CV|$*$!+PV0ux3=F1jg;RBq5uUGH
zALB0UdM*yf5*AWPTA|1MT7Gz+QHz;3v$uMoM4VR>{<jeSQ_b2QYCEZ87FltNrQ(hp
zou|f*4gE9%b@#^_(Zask5PIqJp$yJvi@5WlgbdMsnh7Q!d|htgO$+>*v?j*{mmqDt
z+qEpl7?m20Cn(|ONA49Ft>89=SqES$pRlIj6XW$GH!@WE4^6;7cq0%p1TU6SWxucc
z0240Ws>^SL$)njpz`Fo)(*VFF6I=)Ye6j$TZdH-~B}mfpui`9lM^M=FMrXc6A!YhO
zPJ{(u7XVzbNNe2K?RHV)FCHU)GvAkOj}km@0-cjwWKGLOZ<0%hfv0&9Ay4_(v2+<1
z`R$FXGv!l~+&8~U|9o)Yq^bIPskP44_3wOwe}YCsF6m2xCD=I&6sPKiXV&mp2^cXD
z<APQWN)l$`(WZ)Q1l2b{Ya-^iDiz<xv9JY2#7iX>qYiSk>PTJCbUuOt9aDjTp|YB&
z5yZq{>Y<i_?mccB30i+jEaC~Yb85y3If}p{6M(Bfu)U)RvJ*X$DdUMjsviT?&<1i7
zI1DtbmKm|bsPK`<e|AAvdhhVy6rCtf?*2$L`g|Hn&^t=-eV*3%`Kk)-G_hOOb&?!{
z2G9)pSMk=#>@z?IhxBPc?rYE+Ck@;5$z<A}8&77Ft9V6#FYN3mZ?Al{ME%E4)Eo;3
z`oPVX_NQc|xC&29`2U(a9Y{8piMWDgbPwQ3QEo^UE`Ayv-qHVpXO%22Sr{lZLQpPf
z`92S5g3Skcrv_g9h!l2UG)ja8z7r`lAz@#*s4JZczsysN`oD7Zf1QK>Zyzh#%dEJo
zrF&tTqaN4$v$;!XI5cZN%R_M=OMrVRypAL3MZ(XPMmT6ry|AGy(1?y7@nVBSN1{k-
z&%4kBV3_A>;2(d`iL&-dz)f&O3Q=x4`FbBVG+Vb5Y2R6|e2uMa<DE$&=oNn6(Vu_|
z6Z`USvVlWiMchkex??OXw%W)+p$U8T%c|1krEnoBu&+B-E92isg*U!rXyl{NWTan1
z3*rwx{d+k%UM4+7B=yml4ZKEezA%lzIJvy@h7DZeEqJToR^Q)?y!dm{QrQ20ukwAY
z2MUaBz61)kH^`Bvz}odwFmc@V1`eS6`R@QIZko;kUK24+NYP6w>jrG32LGNAK%@2X
z%W4D%koJ)PC1&?O>rq0i`id6<*M$G~lvPBHXwfeWz!Q7RVWhn3`2jd3F#Nb!durt+
z92y~-^E_Y^_*|%pmBQa3gC?kQjRTv2ky8s=VqVq@eeT}>zU6<urvIn60LFZ+EGZPG
WmOHbR0Q_?dyt^9u>L2bP(f<c09k$Z|

diff --git a/web/satellite/static/images/project/chart.svg b/web/satellite/static/images/project/chart.svg
deleted file mode 100644
index f38e6aff108c..000000000000
--- a/web/satellite/static/images/project/chart.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path class="icon-background" fill-rule="evenodd" clip-rule="evenodd" d="M26.3077 0H37.3541C46.2136 0 49.7287 0.981955 53.1765 2.82586C56.6243 4.66977 59.3302 7.37562 61.1741 10.8234L61.3143 11.0889C63.0447 14.4107 63.9753 17.9199 64 26.3077V37.3541C64 46.2135 63.018 49.7286 61.1741 53.1764C59.3302 56.6242 56.6243 59.3301 53.1765 61.174L52.9111 61.3142C49.5892 63.0446 46.08 63.9752 37.6923 63.9999H26.6459C17.7864 63.9999 14.2713 63.0179 10.8234 61.174C7.37564 59.3301 4.66978 56.6242 2.82587 53.1764L2.68573 52.911C0.955318 49.5892 0.024675 46.08 0 37.6922V26.6458C0 17.7864 0.981957 14.2712 2.82587 10.8234C4.66978 7.37562 7.37564 4.66977 10.8234 2.82586L11.0889 2.68572C14.4107 0.955316 17.9199 0.0246749 26.3077 0Z" fill="#FFB0B0"/>
-<path opacity="0.232169" fill-rule="evenodd" clip-rule="evenodd" d="M39.934 0.0313162L39.9341 63.969C39.426 63.9821 38.8976 63.9911 38.3475 63.9961L38.347 0.00431824C38.8973 0.00919188 39.4258 0.0182022 39.934 0.0313162ZM25.1233 0.00996026L25.1234 63.9896C24.5726 63.9818 24.0444 63.9697 23.537 63.9533L23.5368 0.0463483C24.0442 0.0298937 24.5725 0.0177524 25.1233 0.00996026ZM53.1762 2.82588C53.7172 3.11522 54.24 3.42577 54.744 3.75709V60.2428C54.24 60.5742 53.7172 60.8847 53.1762 61.1741L53.1566 61.1845L53.1567 2.81544C53.1632 2.81891 53.1697 2.8224 53.1762 2.82588ZM10.5785 2.95909L10.5785 61.0401L10.538 61.0184C10.0039 60.7218 9.48817 60.4041 8.99121 60.0658V3.93411C9.50073 3.58724 10.03 3.26207 10.5785 2.95909Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M61.1736 10.8235L61.3137 11.089C61.382 11.2201 61.449 11.3514 61.5148 11.4834C60.1995 19.8608 57.0963 27.8677 52.4059 34.9551L52.1323 35.3647L49.5261 39.2324C45.6598 44.9702 38.0895 46.8447 32.0018 43.605L31.8159 43.5042L29.5554 42.2561C25.7918 40.1781 21.1569 40.5597 17.7868 43.2064L17.6165 43.3429C13.2554 46.9134 7.81319 48.8943 2.18436 48.9664L1.86555 48.9685L1.11578 48.9689C0.857269 48.0364 0.642471 47.0047 0.472656 45.8182C0.529015 45.8083 0.586753 45.8016 0.645348 45.7982L0.73858 45.7955L1.86479 45.7949C6.77229 45.7949 11.5316 44.131 15.3677 41.0798L15.6062 40.8873C19.9317 37.3461 25.9533 36.7537 30.8789 39.3641L31.0893 39.4779L33.3498 40.726C37.973 43.2786 43.7658 41.9255 46.7852 37.6179L46.8944 37.459L49.5005 33.5913C54.4516 26.2437 57.5862 17.8291 58.6514 9.041C58.707 8.58288 58.9525 8.19414 59.2996 7.94415C59.9991 8.83618 60.6245 9.79697 61.1736 10.8235Z" fill="#D8DEE3"/>
-<path class="icon-chart" fill-rule="evenodd" clip-rule="evenodd" d="M61.1739 10.8235L61.314 11.0889C63.0444 14.4108 63.975 17.92 63.9997 26.3078V37.3542C63.9997 46.2136 63.0178 49.7288 61.1739 53.1766C59.33 56.6244 56.6242 59.3302 53.1764 61.1741L52.911 61.3143C49.5891 63.0447 46.08 63.9753 37.6923 64H26.646C17.7866 64 14.2715 63.0181 10.8238 61.1741C7.376 59.3302 4.67016 56.6244 2.82627 53.1766L2.68614 52.9111C1.84339 51.2933 1.19034 49.631 0.739258 47.3824L1.86471 47.3818C7.24095 47.3818 12.4515 45.521 16.6114 42.1152C20.4965 38.9345 25.9269 38.4402 30.3225 40.8671L32.583 42.1152C37.9822 45.0963 44.764 43.4604 48.2105 38.3458L50.8167 34.4781C55.9143 26.9129 59.1329 18.258 60.227 9.23191C60.5641 9.74306 60.8799 10.2739 61.1739 10.8235Z" fill="#FF1313"/>
-</svg>
diff --git a/web/satellite/static/images/project/checkmark.svg b/web/satellite/static/images/project/checkmark.svg
deleted file mode 100644
index 90cd591c92ba..000000000000
--- a/web/satellite/static/images/project/checkmark.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 1.5C14.9706 1.5 19 5.52944 19 10.5C19 15.4706 14.9706 19.5 10 19.5C5.02944 19.5 1 15.4706 1 10.5C1 5.52944 5.02944 1.5 10 1.5ZM10 3.15C5.94071 3.15 2.65 6.44071 2.65 10.5C2.65 14.5593 5.94071 17.85 10 17.85C14.0593 17.85 17.35 14.5593 17.35 10.5C17.35 6.44071 14.0593 3.15 10 3.15ZM13.8388 8.00461C14.1531 8.31893 14.1608 8.82379 13.8618 9.14741L13.8388 9.17134L9.77957 13.2306C9.65841 13.3517 9.50962 13.429 9.35321 13.462C9.08427 13.5519 8.77588 13.4952 8.55428 13.2879L8.54466 13.2787L6.13418 10.8684C5.812 10.5462 5.812 10.0238 6.13418 9.70167C6.44851 9.38734 6.95336 9.37967 7.27698 9.67867L7.30091 9.70167L9.13808 11.5386L12.6721 8.00461C12.9943 7.68243 13.5166 7.68243 13.8388 8.00461Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/project/cloud.svg b/web/satellite/static/images/project/cloud.svg
deleted file mode 100644
index 518f178c6572..000000000000
--- a/web/satellite/static/images/project/cloud.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.59239 16.4991L9.67232 16.5H16.52C18.4421 16.5 20 14.9408 20 13.0178C20 11.1188 18.4795 9.57069 16.5843 9.53614L16.5274 9.53559L15.8124 9.53567L15.7945 9.31148C15.5589 6.37966 13.1046 4.11194 10.1572 4.11194C7.84008 4.11194 5.76525 5.52367 4.9068 7.6636L4.88085 7.72953L4.81866 7.89045L4.30194 7.89037C1.92589 7.89037 0 9.81785 0 12.1952C0 14.546 1.88475 16.4614 4.23105 16.4994L4.29527 16.5L9.54038 16.4998L9.59239 16.4991ZM9.4971 14.8582H4.30193L4.25102 14.8578C2.80758 14.8343 1.64179 13.6496 1.64179 12.1952C1.64179 10.7243 2.83293 9.53216 4.30193 9.53216L5.94531 9.53219L6.41068 8.32539L6.4326 8.26973C7.03996 6.75576 8.51265 5.75373 10.1572 5.75373C12.2484 5.75373 13.9909 7.36374 14.158 9.44298L14.2973 11.1773L16.5199 11.1773L16.5619 11.1778C17.5547 11.1959 18.3582 12.014 18.3582 13.0178C18.3582 14.0344 17.5351 14.8582 16.52 14.8582L9.68142 14.8582L9.60902 14.8572L9.5763 14.8572L9.4971 14.8582Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/project/datepicker.svg b/web/satellite/static/images/project/datepicker.svg
deleted file mode 100644
index 7c521f8d500c..000000000000
--- a/web/satellite/static/images/project/datepicker.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.6296 0.800049C11.9822 0.800049 12.2698 1.07898 12.2836 1.42827L12.2841 1.45459L12.2842 1.95047C12.7132 2.03347 13.0122 2.15656 13.3125 2.31713C13.9137 2.63866 14.3855 3.1105 14.707 3.71171L14.7346 3.764L14.7752 3.84393C15.0527 4.40574 15.1998 5.02952 15.1998 6.55378V10.1859C15.1998 11.8304 15.0286 12.4267 14.707 13.0279C14.3855 13.6292 13.9137 14.101 13.3125 14.4225L13.2602 14.4501L13.1802 14.4906C12.6184 14.7682 11.9947 14.9153 10.4704 14.9153H5.52922C3.8847 14.9153 3.28836 14.7441 2.68714 14.4225C2.08593 14.101 1.6141 13.6292 1.29257 13.0279L1.26416 12.9741L1.22369 12.8942C0.950974 12.3416 0.804428 11.7283 0.799805 10.2567V6.55378C0.799805 4.90926 0.971033 4.31292 1.29257 3.71171C1.6141 3.1105 2.08593 2.63866 2.68714 2.31713L2.74102 2.28873C3.03734 2.13485 3.34011 2.01756 3.775 1.93934L3.77501 1.45459C3.77501 1.0931 4.06806 0.800049 4.42956 0.800049C4.78224 0.800049 5.06977 1.07898 5.08358 1.42827L5.0841 1.45459L5.08402 1.82899L5.22905 1.82633C5.30311 1.82527 5.37951 1.82462 5.45838 1.82437H10.4704C10.6508 1.82437 10.8187 1.82643 10.9752 1.83053L10.975 1.45459C10.975 1.0931 11.2681 0.800049 11.6296 0.800049ZM13.8906 7.06072H2.10878L2.1089 10.2527L2.10968 10.3774C2.11897 11.5361 2.20887 11.9654 2.44694 12.4106C2.64646 12.7837 2.93143 13.0686 3.30451 13.2681L3.35127 13.2926L3.39901 13.3165C3.8138 13.5183 4.26397 13.5976 5.3402 13.6055L5.52922 13.6062H10.4704C11.7721 13.6062 12.2274 13.5183 12.6951 13.2681C13.0682 13.0686 13.3531 12.7837 13.5527 12.4106L13.5771 12.3638L13.601 12.3161C13.8028 11.9013 13.8821 11.4511 13.89 10.3749L13.8907 10.1859L13.8906 7.06072ZM10.4704 3.13346H5.4624L5.3377 3.13425C5.24896 3.13496 5.1645 3.13614 5.08398 3.13783L5.0841 3.97927C5.0841 4.34077 4.79105 4.63382 4.42956 4.63382C4.07688 4.63382 3.78935 4.35489 3.77553 4.0056L3.77501 3.97927L3.77501 3.27947C3.60123 3.32852 3.45376 3.39168 3.30451 3.4715C2.93143 3.67103 2.64646 3.956 2.44694 4.32907L2.42246 4.37583C2.24845 4.71588 2.15884 5.06452 2.12508 5.75158H13.8745C13.8392 5.03301 13.7428 4.68462 13.5527 4.32907C13.3531 3.956 13.0682 3.67103 12.6951 3.4715L12.6483 3.44703C12.5323 3.38766 12.4153 3.33811 12.2842 3.29725L12.2841 3.97927C12.2841 4.34077 11.9911 4.63382 11.6296 4.63382C11.2769 4.63382 10.9893 4.35489 10.9755 4.0056L10.975 3.97927L10.9752 3.13897C10.8762 3.13655 10.7712 3.13495 10.6594 3.13413L10.4704 3.13346Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/project/download.svg b/web/satellite/static/images/project/download.svg
deleted file mode 100644
index 8bf9e6d22c83..000000000000
--- a/web/satellite/static/images/project/download.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.5768 14.2261L15.5505 14.2535L10.5801 19.2238C10.2209 19.5831 9.64384 19.5918 9.27396 19.2501L9.24661 19.2238L4.27625 14.2535C3.90801 13.8852 3.90801 13.2882 4.27625 12.92C4.63551 12.5607 5.21254 12.5519 5.58242 12.8937L5.60976 12.92L8.9705 16.2804L8.97043 2.44293C8.97043 1.92217 9.3926 1.5 9.91337 1.5C10.4214 1.5 10.8356 1.90182 10.8556 2.40501L10.8563 2.44293L10.8564 16.2804L14.217 12.92C14.5762 12.5607 15.1533 12.5519 15.5231 12.8937L15.5505 12.92C15.9097 13.2792 15.9185 13.8562 15.5768 14.2261Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/project/infoIcon.svg b/web/satellite/static/images/project/infoIcon.svg
deleted file mode 100644
index 0c433b67bd20..000000000000
--- a/web/satellite/static/images/project/infoIcon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19ZM10 17.35C14.0593 17.35 17.35 14.0593 17.35 10C17.35 5.94071 14.0593 2.65 10 2.65C5.94071 2.65 2.65 5.94071 2.65 10C2.65 14.0593 5.94071 17.35 10 17.35ZM9.25 13.0745V10.429C9.25 9.97337 9.61937 9.604 10.075 9.604C10.5195 9.604 10.8819 9.95557 10.8993 10.3958L10.9 10.429V13.0196C10.9 13.4799 10.535 13.8572 10.075 13.8726C9.63427 13.8872 9.26511 13.5418 9.25044 13.1011C9.25015 13.0922 9.25 13.0834 9.25 13.0745ZM9.25 6.92454V6.829C9.25 6.37337 9.61937 6.004 10.075 6.004C10.5195 6.004 10.8819 6.35557 10.8993 6.79582L10.9 6.829V6.86964C10.9 7.32991 10.535 7.70724 10.075 7.72255C9.63427 7.73721 9.26511 7.39182 9.25044 6.9511C9.25015 6.94225 9.25 6.9334 9.25 6.92454Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/project/newProject.svg b/web/satellite/static/images/project/newProject.svg
deleted file mode 100644
index d6a0f143b8ce..000000000000
--- a/web/satellite/static/images/project/newProject.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M8.00005 0.800049C11.9765 0.800049 15.2 4.0236 15.2 8.00005C15.2 11.9765 11.9765 15.2 8.00005 15.2C4.0236 15.2 0.800049 11.9765 0.800049 8.00005C0.800049 4.0236 4.0236 0.800049 8.00005 0.800049ZM8.00005 2.12005C4.75261 2.12005 2.12005 4.75261 2.12005 8.00005C2.12005 11.2475 4.75261 13.88 8.00005 13.88C11.2475 13.88 13.88 11.2475 13.88 8.00005C13.88 4.75261 11.2475 2.12005 8.00005 2.12005ZM8.5997 5.51917L8.59996 5.52979L8.59993 7.37845H10.3942C10.7624 7.37845 11.0642 7.67044 11.0765 8.03845C11.0882 8.39103 10.8119 8.68636 10.4593 8.6981L10.4487 8.69836L8.59993 8.69845L8.60005 10.5368C8.60005 10.9014 8.30456 11.1968 7.94005 11.1968C7.58443 11.1968 7.2945 10.9156 7.28057 10.5634L7.28005 10.5368L7.27993 8.69845H5.44165C5.07714 8.69845 4.78165 8.40296 4.78165 8.03845C4.78165 7.68283 5.0629 7.3929 5.4151 7.37897L5.44165 7.37845H7.27993L7.28005 5.58433C7.28005 5.21613 7.57204 4.91425 7.94005 4.90201C8.29263 4.89028 8.58796 5.16659 8.5997 5.51917Z" fill="#56606D"/>
-</svg>
diff --git a/web/satellite/static/images/project/segment.svg b/web/satellite/static/images/project/segment.svg
deleted file mode 100644
index 87c31f518edc..000000000000
--- a/web/satellite/static/images/project/segment.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10.075 1.5L10.1294 1.50046L10.1837 1.50184C10.5902 1.50998 10.9901 1.54507 11.3816 1.6054C11.0975 2.13505 10.9273 2.73272 10.903 3.36705L10.9001 3.36552V17.6345C12.4045 16.8547 13.75 14.0385 13.75 10.5C13.75 9.33108 13.6032 8.24098 13.3523 7.27708C13.8844 7.51649 14.4763 7.65 15.1 7.65L15.1274 7.64969C15.3042 8.54541 15.4 9.50381 15.4 10.5C15.4 12.91 14.8396 15.0987 13.9269 16.7142C15.9841 15.4114 17.35 13.1152 17.35 10.5C17.35 9.37692 17.0981 8.31267 16.6477 7.36067C17.1747 7.15563 17.6493 6.84863 18.0465 6.46456C18.6566 7.67817 19 9.04898 19 10.5C19 15.3601 15.1477 19.3204 10.33 19.4941L10.1837 19.4982C10.1475 19.4994 10.1113 19.5 10.075 19.5H10C5.02944 19.5 1 15.4706 1 10.5C1 5.52944 5.02944 1.5 10 1.5H10.075ZM9.25004 3.36544C7.74556 4.14516 6.4 6.96138 6.4 10.5C6.4 14.0386 7.74556 16.8548 9.25004 17.6346V3.36544ZM6.30412 4.14542L6.2252 4.19209C4.08343 5.47653 2.65 7.82087 2.65 10.5C2.65 13.2119 4.11869 15.5807 6.30405 16.8545C5.34374 15.2267 4.75 12.9805 4.75 10.5C4.75 8.01948 5.34374 5.77335 6.30412 4.14542ZM15.175 1.5C16.3348 1.5 17.275 2.40662 17.275 3.525C17.275 4.64338 16.3348 5.55 15.175 5.55C14.0152 5.55 13.075 4.64338 13.075 3.525C13.075 2.40662 14.0152 1.5 15.175 1.5Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/projectPassphrase/chevron.svg b/web/satellite/static/images/projectPassphrase/chevron.svg
deleted file mode 100644
index 3eea8f112fd6..000000000000
--- a/web/satellite/static/images/projectPassphrase/chevron.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M14.5335 9.46647C14.821 9.75394 14.828 10.2157 14.5546 10.5116L14.5335 10.5335L6.28806 18.779C5.9934 19.0737 5.51566 19.0737 5.221 18.779C4.93352 18.4915 4.92651 18.0298 5.19996 17.7338L5.221 17.7119L12.933 10.0001L5.221 2.28806C4.93352 2.00058 4.92651 1.53885 5.19996 1.24288L5.221 1.221C5.50847 0.933522 5.9702 0.92651 6.26617 1.19996L6.28806 1.221L14.5335 9.46647Z" fill="#0149FF"/>
-</svg>
diff --git a/web/satellite/static/images/projectPassphrase/clear.svg b/web/satellite/static/images/projectPassphrase/clear.svg
deleted file mode 100644
index 41f751eafb2b..000000000000
--- a/web/satellite/static/images/projectPassphrase/clear.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M15.7479 1.6001C21.592 1.6001 26.3407 6.29031 26.4351 12.1119L26.4365 12.2887L26.4366 14.5635C26.9587 14.9348 27.3802 15.4154 27.6891 15.9929L27.7557 16.1212C28.1013 16.8076 28.2879 17.5527 28.2956 19.3758V24.5787C28.2956 26.6029 28.0849 27.337 27.6891 28.077C27.2933 28.817 26.7125 29.3978 25.9725 29.7936L25.8442 29.8602C25.1578 30.2058 24.4127 30.3924 22.5896 30.3999L9.0216 30.4001C6.99737 30.4001 6.26334 30.1893 5.52331 29.7936C4.78328 29.3978 4.2025 28.817 3.80673 28.077L3.76101 27.9898C3.40208 27.2916 3.20805 26.5537 3.2002 24.6941V19.4912C3.2002 17.467 3.41096 16.7329 3.80673 15.9929C4.11561 15.4154 4.53717 14.9348 5.05918 14.5635L5.05933 12.2887C5.05933 6.38554 9.84477 1.6001 15.7479 1.6001ZM22.4743 16.2989L8.91702 16.2991L8.65008 16.3012C7.49386 16.3157 7.13541 16.3956 6.76316 16.5947C6.48129 16.7454 6.2758 16.9509 6.12506 17.2328L6.08327 17.3146C5.91458 17.6625 5.84319 18.0558 5.83112 19.1289L5.82924 19.4911L5.82945 24.6833L5.83161 24.9502C5.84612 26.1064 5.92598 26.4649 6.12506 26.8371C6.2758 27.119 6.48129 27.3245 6.76316 27.4752L6.845 27.517C7.19284 27.6857 7.58621 27.7571 8.65937 27.7692L9.0216 27.7711L22.6613 27.7706C23.9586 27.7639 24.3427 27.6838 24.7327 27.4752C25.0145 27.3245 25.22 27.119 25.3708 26.8371L25.4126 26.7553C25.5813 26.4075 25.6526 26.0141 25.6647 24.9409L25.6666 24.5787L25.6661 19.3042C25.6594 18.0068 25.5793 17.6227 25.3708 17.2328C25.22 16.9509 25.0145 16.7454 24.7327 16.5947L24.6508 16.5529C24.303 16.3842 23.9096 16.3128 22.8365 16.3007L22.4743 16.2989ZM15.9869 19.1669C17.1749 19.1669 18.138 20.13 18.138 21.3179C18.138 22.0108 17.8104 22.6272 17.3016 23.0206L17.3014 23.8275C17.3014 24.5535 16.7129 25.142 15.9869 25.142C15.2609 25.142 14.6724 24.5535 14.6724 23.8275L14.6725 23.0208C14.1636 22.6274 13.8359 22.0109 13.8359 21.3179C13.8359 20.13 14.7989 19.1669 15.9869 19.1669ZM15.7479 4.22914C11.3413 4.22914 7.76063 7.76571 7.68946 12.1554L7.68838 12.2887L7.68823 13.7116C8.03365 13.6859 8.43374 13.672 8.90624 13.67L22.4742 13.6698C22.9975 13.6698 23.4346 13.6839 23.8078 13.7116L23.8074 12.2887C23.8074 7.83752 20.1991 4.22914 15.7479 4.22914Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/projectPassphrase/plus.svg b/web/satellite/static/images/projectPassphrase/plus.svg
deleted file mode 100644
index b9cdab133e90..000000000000
--- a/web/satellite/static/images/projectPassphrase/plus.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M16.0001 1.6001C23.953 1.6001 30.4001 8.0472 30.4001 16.0001C30.4001 23.953 23.953 30.4001 16.0001 30.4001C8.0472 30.4001 1.6001 23.953 1.6001 16.0001C1.6001 8.0472 8.0472 1.6001 16.0001 1.6001ZM16.0001 4.2401C9.50523 4.2401 4.2401 9.50523 4.2401 16.0001C4.2401 22.495 9.50523 27.7601 16.0001 27.7601C22.495 27.7601 27.7601 22.495 27.7601 16.0001C27.7601 9.50523 22.495 4.2401 16.0001 4.2401ZM17.1994 11.0383L17.1999 11.0596L17.1999 14.7569H20.7883C21.5247 14.7569 22.1285 15.3409 22.153 16.0769C22.1764 16.7821 21.6238 17.3727 20.9186 17.3962L20.8974 17.3967L17.1999 17.3969L17.2001 21.0737C17.2001 21.8027 16.6091 22.3937 15.8801 22.3937C15.1689 22.3937 14.589 21.8312 14.5611 21.1268L14.5601 21.0737L14.5599 17.3969H10.8833C10.1543 17.3969 9.5633 16.8059 9.5633 16.0769C9.5633 15.3657 10.1258 14.7858 10.8302 14.7579L10.8833 14.7569H14.5599L14.5601 11.1687C14.5601 10.4323 15.1441 9.82851 15.8801 9.80402C16.5853 9.78055 17.1759 10.3332 17.1994 11.0383Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/projectPassphrase/switch.svg b/web/satellite/static/images/projectPassphrase/switch.svg
deleted file mode 100644
index 9bb936d2f11e..000000000000
--- a/web/satellite/static/images/projectPassphrase/switch.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.66396 15.1905L7.62508 15.1531L1.9927 9.52074C1.482 9.01003 1.46954 8.18976 1.95533 7.66396L1.9927 7.62508L7.62508 1.9927C8.14855 1.46923 8.99726 1.46923 9.52073 1.9927C10.0314 2.5034 10.0439 3.32367 9.5581 3.84948L9.52073 3.88835L6.17661 7.23271L29.0246 7.23248C29.7649 7.23248 30.365 7.83261 30.365 8.57291C30.365 9.29515 29.7938 9.88398 29.0785 9.91227L29.0246 9.91334L6.17661 9.91357L9.52073 13.2575C10.0314 13.7682 10.0439 14.5884 9.5581 15.1142L9.52073 15.1531C9.01003 15.6638 8.18976 15.6763 7.66396 15.1905ZM22.4795 29.5769C21.9688 29.0662 21.9563 28.246 22.4421 27.7202L22.4795 27.6813L25.8239 24.3373L2.97561 24.3372C2.23531 24.3372 1.63518 23.737 1.63518 22.9967C1.63518 22.2745 2.20639 21.6857 2.92169 21.6574L2.97561 21.6563L25.8239 21.6564L22.4795 18.3122C21.9688 17.8015 21.9563 16.9812 22.4421 16.4554L22.4795 16.4165C22.9902 15.9058 23.8104 15.8934 24.3362 16.3791L24.3751 16.4165L30.0075 22.0489C30.5182 22.5596 30.5307 23.3799 30.0449 23.9057L30.0075 23.9446L24.3751 29.5769C23.8516 30.1004 23.0029 30.1004 22.4795 29.5769Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/register/ErrorInfo.svg b/web/satellite/static/images/register/ErrorInfo.svg
deleted file mode 100644
index c6472d010ba7..000000000000
--- a/web/satellite/static/images/register/ErrorInfo.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="20" height="20" rx="10" fill="#EB5757"/>
-<path d="M10.0012 11.7364C10.612 11.7364 11.1117 11.204 11.1117 10.5532V5.81218C11.1117 5.75302 11.108 5.68991 11.1006 5.63074C11.0192 5.06672 10.5565 4.62891 10.0012 4.62891C9.39037 4.62891 8.89062 5.16138 8.89062 5.81218V10.5492C8.89062 11.204 9.39037 11.7364 10.0012 11.7364Z" fill="white"/>
-<path d="M10.0001 12.8906C9.13977 12.8906 8.44531 13.5851 8.44531 14.4454C8.44531 15.3057 9.13977 16.0002 10.0001 16.0002C10.8604 16.0002 11.5548 15.3057 11.5548 14.4454C11.5583 13.5851 10.8638 12.8906 10.0001 12.8906Z" fill="white"/>
-</svg>
diff --git a/web/satellite/static/images/register/StrengthVector.svg b/web/satellite/static/images/register/StrengthVector.svg
deleted file mode 100644
index cb64eb8e9e94..000000000000
--- a/web/satellite/static/images/register/StrengthVector.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.0004 1.4043L4.00039 8.41129L1.90039 6.31129" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/web/satellite/static/images/register/info.svg b/web/satellite/static/images/register/info.svg
deleted file mode 100644
index 2eb337138320..000000000000
--- a/web/satellite/static/images/register/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.0002 13.3C3.5208 13.3 0.700195 10.4793 0.700195 6.99995C0.700195 3.52056 3.5208 0.699951 7.0002 0.699951C10.4796 0.699951 13.3002 3.52056 13.3002 6.99995C13.3002 10.4793 10.4796 13.3 7.0002 13.3ZM7.0002 12.6055C10.096 12.6055 12.6057 10.0958 12.6057 6.99995C12.6057 3.90411 10.096 1.39444 7.0002 1.39444C3.90436 1.39444 1.39468 3.90411 1.39468 6.99995C1.39468 10.0958 3.90436 12.6055 7.0002 12.6055ZM7.0002 5.56137C6.81481 5.56137 6.66336 5.41609 6.65347 5.23318L6.65295 5.21412V4.71806C6.65295 4.52628 6.80842 4.37082 7.0002 4.37082C7.18558 4.37082 7.33703 4.51609 7.34693 4.69901L7.34744 4.71806V5.21412C7.34744 5.4059 7.19197 5.56137 7.0002 5.56137ZM7.0002 9.62909C6.81481 9.62909 6.66336 9.48381 6.65347 9.30089L6.65295 9.28184V6.90074C6.65295 6.70896 6.80842 6.55349 7.0002 6.55349C7.18558 6.55349 7.33703 6.69877 7.34693 6.88169L7.34744 6.90074V9.28184C7.34744 9.47362 7.19197 9.62909 7.0002 9.62909Z" fill="#838383"/>
-</svg>
diff --git a/web/satellite/static/images/register/mail.svg b/web/satellite/static/images/register/mail.svg
deleted file mode 100644
index 4537ba23cc76..000000000000
--- a/web/satellite/static/images/register/mail.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="207" height="89" viewBox="0 0 207 89" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="56" y="18" width="81" height="56">
-<rect x="56" y="18" width="81" height="56" rx="10" fill="#ABABAB"/>
-</mask>
-<g mask="url(#mask0)">
-<rect x="56" y="18" width="81" height="56" rx="10" fill="#D3DCE6"/>
-<path d="M97 207.706L-7.85281 122.853L97 37.9999L201.853 122.853L97 207.706Z" fill="#EAF0F7" fill-opacity="0.3"/>
-<path d="M97 -114L201.853 -29.1472L97 55.7056L-7.85283 -29.1472L97 -114Z" fill="#EAF0F7"/>
-</g>
-<path d="M39 16C34.5817 16 31 12.4183 31 8C31 3.58172 34.5817 0 39 0C43.4183 0 47 3.58172 47 8C47 12.4183 43.4183 16 39 16Z" fill="#FF69A1"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.10494 20L4.95911e-05 25.8885L3.09584 35.4164H13.114L16.2098 25.8885L8.10494 20Z" fill="#276CFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M198.105 28L190 33.8885L193.096 43.4164H203.114L206.21 33.8885L198.105 28Z" fill="#276CFF"/>
-<path d="M172 78.1127L182.113 68L192.225 78.1127L182.113 88.2254L172 78.1127Z" fill="#00E567"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M161.889 43L152 57.3548H171.778L161.889 43Z" fill="#FFC600"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8889 50L11 64.3548H30.7778L20.8889 50Z" fill="#FFC600"/>
-</svg>
diff --git a/web/satellite/static/images/resetPassword/success.svg b/web/satellite/static/images/resetPassword/success.svg
deleted file mode 100644
index d6a71c377bf8..000000000000
--- a/web/satellite/static/images/resetPassword/success.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="207" height="89" version="1.1" viewBox="0 0 207 89" xmlns="http://www.w3.org/2000/svg">
- <path d="m39 16c-4.4183 0-8-3.5817-8-8 0-4.41828 3.5817-8 8-8s8 3.58172 8 8c0 4.4183-3.5817 8-8 8z" fill="#FF69A1"/>
- <path d="M8.10494 20L4.95911e-05 25.8885L3.09584 35.4164H13.114L16.2098 25.8885L8.10494 20Z" clip-rule="evenodd" fill="#276CFF" fill-rule="evenodd"/>
- <path d="m198.105 28-8.105 5.8885 3.096 9.5279h10.018l3.096-9.5279-8.105-5.8885z" clip-rule="evenodd" fill="#276CFF" fill-rule="evenodd"/>
- <path d="M172 78.1127L182.113 68L192.225 78.1127L182.113 88.2254L172 78.1127Z" fill="#00E567"/>
- <path d="M161.889 43L152 57.3548H171.778L161.889 43Z" clip-rule="evenodd" fill="#FFC600" fill-rule="evenodd"/>
- <path d="M20.8889 50L11 64.3548H30.7778L20.8889 50Z" clip-rule="evenodd" fill="#FFC600" fill-rule="evenodd"/>
- <path d="m103.5 86.237698c21.7892 0 39.44261-17.70893 39.44261-39.553645 0-21.844824-17.65341-39.553755-39.44261-39.553755-21.789196 0-39.442611 17.708931-39.442611 39.553755 0 21.844715 17.653415 39.553645 39.442611 39.553645z" fill="#2683ff" stroke-width=".277569"/>
- <path class="navigation-svg-path" d="m139.42219 82.605693-0.51394-13.874579-6.2921-0.125523-0.28995-6.456569-7.41032-1.243962 0.0294-6.136145-6.22569-0.05917-0.74758-6.913905-6.55937-6.558432 3.80223-14.191895c0.67195-2.507928-0.0449-5.183527-1.88093-7.019509l-15.13521-15.1349735c-1.8359-1.835982-4.511748-2.552892-7.019635-1.880946l-20.674955 5.5398834c-2.507844 0.671946-4.466742 2.6306351-5.138731 5.1385631l-5.539796 20.674854c-0.671989 2.507928 0.04497 5.183947 1.880904 7.019676l15.1351 15.1351c1.8359 1.835898 4.511752 2.552892 7.019629 1.880904l14.190724-3.800973 27.49467 27.493728zm-52.415063-52.415183c-3.121844 3.121882-8.183376 3.121882-11.305215 0-3.12184-3.121883-3.12184-8.183123 0-11.305006 3.121839-3.121882 8.183371-3.121882 11.305215 0 3.121843 3.121883 3.121843 8.183123 0 11.305006z" clip-rule="evenodd" fill="#dedefc" fill-rule="evenodd"/>
-</svg>
diff --git a/web/satellite/static/images/session/inactivityTimer.svg b/web/satellite/static/images/session/inactivityTimer.svg
deleted file mode 100644
index 692ed626c778..000000000000
--- a/web/satellite/static/images/session/inactivityTimer.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M26.3077 0H37.3541C46.2136 0 49.7287 0.981957 53.1765 2.82587C56.6243 4.66978 59.3302 7.37564 61.1741 10.8234L61.3143 11.0889C63.0447 14.4107 63.9753 17.9199 64 26.3077V37.3541C64 46.2136 63.018 49.7287 61.1741 53.1765C59.3302 56.6244 56.6243 59.3302 53.1765 61.1741L52.9111 61.3143C49.5892 63.0447 46.08 63.9753 37.6923 64H26.6459C17.7864 64 14.2713 63.018 10.8234 61.1741C7.37564 59.3302 4.66978 56.6244 2.82587 53.1765L2.68573 52.9111C0.955318 49.5893 0.024675 46.0801 0 37.6923V26.6459C0 17.7864 0.981957 14.2713 2.82587 10.8234C4.66978 7.37564 7.37564 4.66978 10.8234 2.82587L11.0889 2.68573C14.4107 0.955318 17.9199 0.024675 26.3077 0Z" fill="#0218A7"/>
-	<path d="M32.2645 55.0085C45.1177 55.0085 55.5372 44.5889 55.5372 31.7357C55.5372 18.8825 45.1177 8.46289 32.2645 8.46289C19.4113 8.46289 8.9917 18.8825 8.9917 31.7357C8.9917 44.5889 19.4113 55.0085 32.2645 55.0085Z" fill="white"/>
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2645 51.8548C43.3759 51.8548 52.3835 42.8472 52.3835 31.7357C52.3835 25.8749 36.3178 34.3287 32.3189 30.6516C28.7363 27.3573 37.5151 11.6167 32.2645 11.6167C21.1531 11.6167 12.1455 20.6243 12.1455 31.7357C12.1455 42.8472 21.1531 51.8548 32.2645 51.8548Z" fill="#FF458B"/>
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2643 11.6167C33.7057 11.6167 34.8742 12.7852 34.8742 14.2267V31.7356C34.8742 33.1771 33.7057 34.3456 32.2643 34.3456C30.8228 34.3456 29.6543 33.1771 29.6543 31.7356V14.2267C29.6543 12.7852 30.8228 11.6167 32.2643 11.6167Z" fill="#0149FF"/>
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M52.3291 31.6813C52.3291 33.1228 51.1606 34.2914 49.7191 34.2914H32.2101C30.7686 34.2914 29.6001 33.1228 29.6001 31.6813C29.6001 30.2399 30.7686 29.0713 32.2101 29.0713L49.7191 29.0713C51.1606 29.0713 52.3291 30.2399 52.3291 31.6813Z" fill="#0149FF"/>
-</svg>
diff --git a/web/satellite/static/images/smallLogo.svg b/web/satellite/static/images/smallLogo.svg
deleted file mode 100644
index dace7345d6e6..000000000000
--- a/web/satellite/static/images/smallLogo.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M20 38.1958C18.3201 38.1958 16.9528 36.8568 16.9075 35.1878L8.20243 30.1622C7.74973 30.4073 7.26137 30.528 6.77776 30.5349L6.72993 30.5352C5.66199 30.534 4.62375 29.9792 4.05137 28.9878C3.2114 27.533 3.68742 25.6795 5.11007 24.8057L5.11007 14.7541C3.68742 13.8803 3.2114 12.0268 4.05137 10.5719C4.6152 9.59534 5.6311 9.04246 6.68213 9.025L6.72993 9.02457C7.22912 9.024 7.73481 9.14437 8.20243 9.39762L16.9075 4.37192C16.9524 2.71995 18.2924 1.39125 19.9489 1.3644L20 1.36398C21.6799 1.36398 23.0471 2.70296 23.0925 4.3719L31.7973 9.39775C32.2501 9.1525 32.7386 9.03183 33.2223 9.02489L33.2701 9.02458C34.338 9.0258 35.3763 9.58054 35.9487 10.5719C36.7886 12.0268 36.3126 13.8803 34.89 14.7541V24.8057C36.3126 25.6795 36.7886 27.533 35.9487 28.9878C35.3848 29.9644 34.3689 30.5173 33.3179 30.5348L33.2701 30.5352C32.7709 30.5358 32.2652 30.4154 31.7976 30.1622L23.0925 35.1879C23.0476 36.8398 21.7076 38.1685 20.0512 38.1954L20 38.1958ZM20 5.93086L20.0401 5.93033C20.0434 5.93024 20.0468 5.93014 20.0501 5.93003L20.0401 5.93033C20.0535 5.92997 20.0668 5.92943 20.0801 5.92872L20.0501 5.93003C20.0647 5.92954 20.0793 5.92884 20.0938 5.92793L20.0801 5.92872C20.0937 5.92799 20.1072 5.92708 20.1207 5.92598L20.0938 5.92793C20.1071 5.92709 20.1203 5.92608 20.1335 5.9249L20.1207 5.92598C20.1327 5.92501 20.1446 5.92389 20.1565 5.92264L20.1335 5.9249C20.148 5.92359 20.1625 5.92208 20.1769 5.92035L20.1565 5.92264C20.1699 5.92122 20.1833 5.91962 20.1967 5.91784L20.1769 5.92035C20.1891 5.91889 20.2013 5.91728 20.2134 5.91552L20.1967 5.91784C20.2118 5.91582 20.2268 5.91358 20.2417 5.91111L20.2134 5.91552C20.2257 5.91374 20.2379 5.91181 20.2501 5.90972L20.2417 5.91111C20.2545 5.90901 20.2672 5.90675 20.2798 5.90432L20.2501 5.90972C20.2635 5.90743 20.2769 5.90495 20.2901 5.9023L20.2798 5.90432C20.296 5.9012 20.3122 5.89781 20.3283 5.89415L20.2901 5.9023C20.3208 5.89618 20.3511 5.88912 20.381 5.88113C20.3885 5.87915 20.396 5.87707 20.4035 5.87495L20.381 5.88113C20.3933 5.87784 20.4056 5.87438 20.4178 5.87078L20.4035 5.87495C20.4145 5.87183 20.4254 5.8686 20.4363 5.86524L20.4178 5.87078C21.0279 5.69066 21.4732 5.12617 21.4732 4.45768C21.4732 3.64406 20.8136 2.98449 20 2.98449C19.1864 2.98449 18.5268 3.64406 18.5268 4.45768C18.5268 5.11889 18.9624 5.67836 19.5623 5.86476C19.5698 5.86712 19.5774 5.8694 19.585 5.87162L19.5623 5.86476C19.5735 5.86824 19.5848 5.8716 19.5962 5.87482L19.585 5.87162C19.597 5.87515 19.6091 5.87853 19.6213 5.88175L19.5962 5.87482C19.6092 5.87853 19.6223 5.88207 19.6355 5.88543L19.6213 5.88175C19.6502 5.88941 19.6795 5.8962 19.709 5.90211C19.7136 5.90305 19.7183 5.90396 19.723 5.90486L19.709 5.90211C19.7227 5.90485 19.7364 5.9074 19.7502 5.90976L19.723 5.90486C19.7343 5.90702 19.7457 5.90904 19.7571 5.91094L19.7502 5.90976C19.7626 5.91187 19.775 5.91382 19.7874 5.91562L19.7571 5.91094C19.7723 5.91346 19.7876 5.91574 19.8029 5.91779L19.7874 5.91562C19.7992 5.91733 19.8111 5.9189 19.8231 5.92033L19.8029 5.91779C19.8164 5.9196 19.83 5.92122 19.8436 5.92266L19.8231 5.92033C19.8375 5.92206 19.852 5.92358 19.8665 5.92489L19.8436 5.92266C19.8555 5.92391 19.8674 5.92502 19.8793 5.92599L19.8665 5.92489C19.8797 5.92607 19.893 5.92709 19.9062 5.92792L19.8793 5.92599C19.8928 5.92708 19.9063 5.92799 19.9199 5.92872L19.9062 5.92792C19.9207 5.92883 19.9353 5.92953 19.9499 5.93002L19.9199 5.92872C19.9464 5.93014 19.9731 5.93086 20 5.93086ZM24.789 16.0415L30.2694 12.8774C30.2655 12.862 30.2617 12.8466 30.258 12.8311C30.2569 12.8264 30.2558 12.8216 30.2547 12.8167C30.2522 12.8061 30.2498 12.7956 30.2475 12.785C30.2458 12.7773 30.2441 12.7696 30.2424 12.7618C30.2405 12.7527 30.2386 12.7437 30.2368 12.7346C30.2348 12.725 30.233 12.7155 30.2311 12.7059C30.2258 12.6785 30.2209 12.6509 30.2163 12.6234C30.2152 12.6164 30.214 12.6094 30.2129 12.6024C30.2023 12.5351 30.1939 12.4677 30.1878 12.4002C30.1871 12.3926 30.1865 12.3851 30.1858 12.3775C30.1835 12.349 30.1815 12.3204 30.1799 12.2919C30.1798 12.2894 30.1797 12.287 30.1795 12.2846L30.1799 12.2919C30.1791 12.2772 30.1784 12.2624 30.1778 12.2477C30.1774 12.2388 30.1771 12.2299 30.1768 12.221C30.1765 12.2111 30.1762 12.2014 30.176 12.1916C30.1758 12.1842 30.1757 12.1767 30.1756 12.1692C30.1755 12.1618 30.1754 12.1544 30.1753 12.147C30.1753 12.1402 30.1752 12.1334 30.1752 12.1267L30.1753 12.147C30.174 11.9822 30.1858 11.818 30.2104 11.656C30.2145 11.6291 30.219 11.6022 30.2238 11.5754C30.2259 11.5637 30.228 11.552 30.2302 11.5404C30.235 11.5156 30.24 11.4909 30.2453 11.4663C30.2472 11.4574 30.2492 11.4485 30.2512 11.4397C30.2526 11.4333 30.2541 11.4269 30.2556 11.4206C30.2569 11.4146 30.2583 11.4086 30.2598 11.4026C30.2625 11.3912 30.2652 11.3799 30.2681 11.3686C30.2765 11.3348 30.2855 11.3012 30.2951 11.2677C30.302 11.2437 30.3092 11.2197 30.3166 11.1958C30.3191 11.1877 30.3217 11.1797 30.3243 11.1716C30.3264 11.165 30.3285 11.1584 30.3307 11.1518C30.3332 11.1441 30.3358 11.1365 30.3384 11.1288C30.3419 11.1183 30.3455 11.108 30.3491 11.0976C30.3509 11.0925 30.3526 11.0874 30.3545 11.0824C30.3581 11.0722 30.3617 11.0621 30.3654 11.0521C30.3662 11.05 30.367 11.0478 30.3678 11.0456C30.3726 11.0326 30.3774 11.0197 30.3824 11.0068C30.394 10.9766 30.4061 10.9465 30.4187 10.9166C30.4287 10.8928 30.4391 10.869 30.4497 10.8454C30.4533 10.8374 30.457 10.8294 30.4606 10.8214C30.463 10.8163 30.4654 10.8112 30.4678 10.8061C30.4728 10.7953 30.4779 10.7845 30.4831 10.7737C30.4867 10.7662 30.4903 10.7588 30.494 10.7514C30.4973 10.7446 30.5007 10.7378 30.5041 10.731C30.5085 10.7222 30.513 10.7134 30.5175 10.7046C30.5202 10.6992 30.5231 10.6937 30.5259 10.6882C30.5307 10.6791 30.5354 10.6701 30.5402 10.6611C30.5429 10.6561 30.5456 10.651 30.5483 10.646C30.5618 10.621 30.5756 10.5963 30.5897 10.5717L22.6797 6.00476C22.6781 6.00747 22.6765 6.01018 22.675 6.01288C22.6604 6.03796 22.6454 6.06277 22.6302 6.08736C22.6276 6.09154 22.625 6.09572 22.6223 6.09989C22.6165 6.10914 22.6107 6.11839 22.6047 6.12761C22.6009 6.1336 22.5971 6.13951 22.5932 6.14541C22.5884 6.15276 22.5835 6.16018 22.5786 6.16757C22.5742 6.17429 22.5697 6.18094 22.5652 6.18757C22.5623 6.19191 22.5593 6.19626 22.5564 6.2006C22.5085 6.27075 22.4577 6.33881 22.4044 6.40464C22.3888 6.42384 22.373 6.44289 22.3569 6.46174C22.342 6.47925 22.3269 6.4966 22.3116 6.51378C22.3044 6.52194 22.2971 6.53004 22.2897 6.53811C22.2857 6.5426 22.2815 6.5471 22.2774 6.5516C22.2732 6.55622 22.2689 6.56081 22.2647 6.56538C22.247 6.58435 22.2291 6.60313 22.2109 6.62167C22.1539 6.6799 22.0946 6.73593 22.0331 6.78956L22.0276 6.79434C22.0078 6.81154 21.9878 6.82848 21.9676 6.84518C21.9643 6.84788 21.9611 6.85054 21.9578 6.85318C21.9503 6.85935 21.9427 6.86554 21.935 6.8717C21.9281 6.87723 21.9212 6.88273 21.9143 6.88819C21.9105 6.89119 21.9067 6.89417 21.9028 6.89715C21.8779 6.91666 21.8526 6.93578 21.827 6.95452C21.8255 6.95568 21.824 6.95676 21.8225 6.95784C21.8148 6.96347 21.807 6.96912 21.7991 6.97473C21.7805 6.98809 21.7617 7.00123 21.7428 7.01416L21.7349 7.01954C21.6818 7.05557 21.6275 7.08998 21.5721 7.12272C21.5667 7.12591 21.5613 7.12908 21.5559 7.13224C21.5334 7.14536 21.5107 7.15821 21.4878 7.17079C21.4786 7.17586 21.4694 7.18085 21.4601 7.18581C21.4547 7.18872 21.4492 7.19163 21.4438 7.19452C21.4375 7.19785 21.4312 7.20116 21.4248 7.20445C21.414 7.21008 21.4032 7.21563 21.3923 7.22112C21.3879 7.22333 21.3835 7.22555 21.3791 7.22776C21.3541 7.24023 21.3289 7.25235 21.3036 7.26414C21.2978 7.26685 21.2919 7.26956 21.286 7.27225C21.26 7.28415 21.2339 7.29566 21.2076 7.30682C21.1817 7.31783 21.1555 7.3285 21.1292 7.33881C21.1051 7.34827 21.0808 7.35744 21.0564 7.36632C21.0506 7.36844 21.0447 7.37054 21.0389 7.37262C21.0276 7.37665 21.0162 7.38064 21.0047 7.38457C21.0019 7.38554 20.9991 7.38648 20.9964 7.38742C20.9839 7.39168 20.9712 7.39588 20.9586 7.4C20.9538 7.40155 20.9491 7.40308 20.9443 7.40461C20.9316 7.40868 20.9188 7.41267 20.906 7.41659C20.9031 7.41748 20.9002 7.41836 20.8973 7.41924C20.8867 7.42245 20.8761 7.4256 20.8654 7.4287C20.8563 7.43136 20.8471 7.43397 20.838 7.43654C20.8357 7.43719 20.8334 7.43783 20.8311 7.43846L20.8312 13.3964C22.5238 13.6056 23.9773 14.6141 24.789 16.0415ZM15.4928 16.1671C16.2501 14.7449 17.6195 13.7375 19.2107 13.4441L19.2107 7.44977C19.1929 7.44508 19.1751 7.44024 19.1574 7.43524C19.1496 7.43302 19.1418 7.43079 19.134 7.42853C19.0743 7.41115 19.0153 7.392 18.957 7.37116C18.9519 7.36931 18.9467 7.36745 18.9416 7.36557C18.9301 7.36141 18.9188 7.35721 18.9075 7.35294C18.9035 7.35143 18.8995 7.34991 18.8955 7.34838C18.8847 7.34425 18.874 7.34008 18.8633 7.33584C18.8578 7.33368 18.8523 7.3315 18.8468 7.32929C18.8346 7.32437 18.8223 7.31936 18.8102 7.31429C18.8068 7.31287 18.8034 7.31144 18.7999 7.30999C18.7728 7.29856 18.7459 7.28677 18.7192 7.27461C18.7119 7.27128 18.7047 7.26795 18.6974 7.2646C18.676 7.25463 18.6546 7.2444 18.6334 7.23393C18.6202 7.22743 18.6071 7.22084 18.594 7.21417C18.5863 7.2102 18.5785 7.20617 18.5707 7.20211C18.5674 7.2004 18.5642 7.19871 18.561 7.19701C18.5487 7.19055 18.5364 7.18399 18.5242 7.17734C18.5198 7.17496 18.5154 7.17255 18.511 7.17014C18.5036 7.16603 18.4961 7.16189 18.4887 7.15773C18.4651 7.14448 18.4417 7.13095 18.4185 7.11712C18.4134 7.11412 18.4084 7.11112 18.4034 7.1081C18.3938 7.10229 18.3842 7.0964 18.3746 7.09046C18.3686 7.08677 18.3626 7.08304 18.3567 7.07931C18.3508 7.07558 18.3448 7.07182 18.3389 7.06804C18.332 7.06366 18.3252 7.05929 18.3185 7.0549C18.2967 7.04079 18.2751 7.02638 18.2537 7.0117C18.2462 7.00656 18.2387 7.00138 18.2312 6.99617C18.193 6.96946 18.1554 6.94193 18.1184 6.91358C18.1113 6.90811 18.1041 6.90259 18.097 6.89703L18.0913 6.89253C18.0613 6.86897 18.0317 6.84488 18.0026 6.82026C17.9954 6.81417 17.9883 6.80808 17.9812 6.80195C17.9738 6.79556 17.9664 6.78914 17.9591 6.7827C17.954 6.77829 17.949 6.77383 17.944 6.76936C17.9399 6.7657 17.9358 6.76208 17.9318 6.75845C17.8735 6.70599 17.8171 6.65132 17.7629 6.5946C17.758 6.58942 17.753 6.58419 17.7481 6.57893C17.7257 6.55525 17.7038 6.53122 17.6822 6.50685L17.6809 6.50531C17.643 6.46237 17.6062 6.41837 17.5707 6.37335C17.5653 6.36661 17.56 6.35982 17.5547 6.353C17.5498 6.34668 17.545 6.34036 17.5401 6.33402C17.535 6.32735 17.5299 6.32066 17.5249 6.31394C17.5211 6.30894 17.5174 6.30398 17.5138 6.299C17.5071 6.29014 17.5006 6.28117 17.494 6.27216C17.4901 6.26665 17.4861 6.26115 17.4822 6.25565C17.477 6.2485 17.4719 6.24134 17.4669 6.23417C17.4626 6.22799 17.4582 6.22174 17.4539 6.21548C17.4482 6.20725 17.4426 6.19904 17.437 6.19079C17.4331 6.18504 17.4292 6.17924 17.4253 6.17344C17.3922 6.12383 17.3605 6.07322 17.3302 6.02165L17.3204 6.00476L9.41024 10.5717C9.42695 10.6007 9.44286 10.6294 9.4583 10.6583C9.46362 10.6682 9.46887 10.6782 9.47406 10.6882C9.47796 10.6957 9.48181 10.7031 9.48564 10.7106C9.48789 10.715 9.49013 10.7195 9.49236 10.7239C9.50607 10.7511 9.51938 10.7785 9.53228 10.8061C9.53467 10.8112 9.53703 10.8163 9.53938 10.8214C9.54392 10.8312 9.54841 10.8411 9.55284 10.851C9.55493 10.8557 9.55699 10.8603 9.55905 10.865C9.56359 10.8752 9.56809 10.8856 9.57253 10.8959C9.59111 10.9392 9.60868 10.9828 9.62525 11.0268C9.64112 11.0689 9.65607 11.1114 9.67008 11.1542C9.67181 11.1594 9.67354 11.1648 9.67526 11.1701C9.69612 11.2349 9.71484 11.3004 9.7314 11.3664C9.73329 11.3739 9.73514 11.3814 9.73697 11.389C9.7432 11.4146 9.74911 11.4404 9.75469 11.4662C9.75605 11.4725 9.75738 11.4787 9.75868 11.485C9.7612 11.497 9.76366 11.509 9.76604 11.5211C9.76715 11.5267 9.76823 11.5323 9.7693 11.5379C9.77784 11.5824 9.7854 11.6272 9.79199 11.6721C9.79433 11.6881 9.79655 11.7041 9.79864 11.7201C9.80143 11.7414 9.804 11.7628 9.80635 11.7842C9.81127 11.8292 9.81522 11.8742 9.81818 11.9194C9.81876 11.9284 9.81931 11.9373 9.81982 11.9462C9.82021 11.9531 9.82058 11.96 9.82092 11.9669C9.82238 11.996 9.82343 12.0252 9.82406 12.0543C9.82474 12.0852 9.82495 12.1161 9.82469 12.1471C9.82463 12.1544 9.82454 12.1619 9.82443 12.1693C9.82434 12.1749 9.82424 12.1803 9.82413 12.1858C9.82352 12.2154 9.82247 12.245 9.821 12.2747C9.82048 12.2853 9.8199 12.2958 9.81927 12.3064C9.81883 12.3136 9.81838 12.3208 9.8179 12.328C9.8175 12.3338 9.81709 12.3397 9.81667 12.3455C9.81419 12.3796 9.81114 12.4137 9.80752 12.4478C9.80746 12.4483 9.8074 12.4488 9.80735 12.4494L9.80752 12.4478C9.80005 12.518 9.79015 12.5881 9.77778 12.658C9.77657 12.6648 9.77535 12.6716 9.7741 12.6784C9.77252 12.687 9.7709 12.6956 9.76924 12.7042C9.76429 12.7299 9.75901 12.7555 9.7534 12.7811C9.74873 12.8024 9.74381 12.8237 9.73866 12.845L15.4928 16.1671ZM34.006 13.3946C34.7106 12.9878 34.9521 12.0868 34.5453 11.3822C34.1384 10.6776 33.2375 10.4362 32.5328 10.843C31.9774 11.1636 31.7098 11.7914 31.8206 12.3879C31.8216 12.3937 31.8228 12.3996 31.8239 12.4054L31.8206 12.3879C31.8227 12.399 31.8249 12.41 31.8272 12.421L31.8239 12.4054C31.8267 12.4195 31.8298 12.4337 31.833 12.4478L31.8272 12.421C31.8303 12.4359 31.8337 12.4507 31.8372 12.4656L31.833 12.4478C31.8357 12.4594 31.8385 12.471 31.8415 12.4826L31.8372 12.4656C31.8403 12.4782 31.8436 12.4908 31.847 12.5034L31.8415 12.4826C31.845 12.4964 31.8487 12.5102 31.8527 12.5239L31.847 12.5034C31.8502 12.5152 31.8535 12.5269 31.857 12.5386L31.8527 12.5239C31.8651 12.5672 31.8796 12.6101 31.8961 12.6526C31.8985 12.6585 31.9008 12.6645 31.9033 12.6705L31.8961 12.6526C31.9014 12.666 31.9068 12.6794 31.9125 12.6927L31.9033 12.6705C31.9082 12.6827 31.9133 12.6948 31.9186 12.707L31.9125 12.6927C31.9172 12.7039 31.9221 12.715 31.9272 12.7261L31.9186 12.707C31.9249 12.7214 31.9314 12.7357 31.9382 12.75L31.9272 12.7261C31.9326 12.7381 31.9382 12.7499 31.9439 12.7618L31.9382 12.75C31.9438 12.7617 31.9496 12.7734 31.9555 12.7851L31.9439 12.7618C31.9509 12.7761 31.9582 12.7905 31.9657 12.8047L31.9555 12.7851C31.964 12.8019 31.9729 12.8185 31.9821 12.8351L31.9936 12.8554C32.0138 12.8903 32.0352 12.9242 32.0579 12.957C32.0611 12.9617 32.0643 12.9663 32.0676 12.9709L32.0579 12.957C32.0736 12.9798 32.09 13.0022 32.1069 13.024C32.1099 13.0278 32.1129 13.0316 32.1158 13.0353L32.1069 13.024C32.1138 13.0328 32.1208 13.0416 32.1279 13.0503L32.1158 13.0353C32.1254 13.0474 32.1351 13.0592 32.1449 13.0709L32.1279 13.0503C32.1359 13.0602 32.144 13.0699 32.1522 13.0795L32.1449 13.0709C32.1523 13.0796 32.1598 13.0883 32.1674 13.0969L32.1522 13.0795C32.172 13.1025 32.1924 13.1248 32.2134 13.1464C32.2285 13.162 32.244 13.1772 32.2597 13.1921C32.2743 13.2058 32.2892 13.2193 32.3043 13.2324C32.3124 13.2394 32.3206 13.2463 32.3288 13.2531L32.3043 13.2324C32.314 13.2408 32.3238 13.2491 32.3337 13.2572L32.3288 13.2531C32.7896 13.6351 33.4574 13.7114 34.006 13.3946ZM7.75179 13.1811L7.76367 13.1696C7.7787 13.1548 7.79344 13.1396 7.80788 13.1241C7.8099 13.1219 7.81184 13.1198 7.81378 13.1177L7.80788 13.1241C7.81693 13.1144 7.82587 13.1045 7.83469 13.0945L7.81378 13.1177C7.8234 13.1073 7.83288 13.0967 7.84223 13.0859L7.83469 13.0945C7.84384 13.0841 7.85286 13.0736 7.86175 13.0629L7.84223 13.0859C7.85023 13.0767 7.85813 13.0674 7.86592 13.0579L7.86175 13.0629C7.86926 13.0539 7.87668 13.0448 7.884 13.0355L7.86592 13.0579C7.87621 13.0455 7.88631 13.0328 7.89623 13.0199L7.884 13.0355C7.89232 13.0251 7.9005 13.0144 7.90856 13.0037L7.89623 13.0199C7.90368 13.0103 7.91103 13.0005 7.91827 12.9906L7.90856 13.0037C7.91638 12.9933 7.92406 12.9827 7.93163 12.972L7.91827 12.9906C7.92649 12.9794 7.93457 12.968 7.94251 12.9565L7.93163 12.972C7.95815 12.9346 7.98312 12.8957 8.0064 12.8554C8.01029 12.8486 8.01413 12.8419 8.0179 12.8351L8.0064 12.8554C8.02372 12.8254 8.03986 12.795 8.05483 12.7644C8.0585 12.7569 8.06209 12.7494 8.06562 12.7418L8.05483 12.7644C8.05909 12.7557 8.06325 12.747 8.06731 12.7382L8.06562 12.7418C8.07141 12.7295 8.07701 12.7171 8.08243 12.7046C8.08403 12.7009 8.08561 12.6973 8.08718 12.6936L8.08243 12.7046C8.10615 12.65 8.12638 12.5945 8.14315 12.5382C8.14419 12.5347 8.1452 12.5313 8.14621 12.5278L8.14315 12.5382C8.14694 12.5255 8.15055 12.5128 8.15399 12.5L8.14621 12.5278C8.15015 12.5142 8.15389 12.5006 8.15742 12.4869L8.15399 12.5C8.15726 12.4879 8.16036 12.4757 8.16331 12.4635L8.15742 12.4869C8.16451 12.4595 8.17078 12.432 8.17623 12.4044C8.17706 12.4006 8.17779 12.3968 8.17852 12.393L8.17623 12.4044C8.29511 11.8029 8.02771 11.1666 7.46718 10.843C6.76256 10.4362 5.86158 10.6776 5.45477 11.3822C5.04796 12.0868 5.28938 12.9878 5.99399 13.3946C6.57558 13.7304 7.29095 13.6245 7.75179 13.1811ZM8.8876 25.2222L12.3971 23.1959C11.8004 22.4612 11.4427 21.5245 11.4427 20.5043C11.4427 18.9689 12.2526 17.6227 13.4686 16.8696L8.95884 14.266C8.94056 14.2849 8.92207 14.3037 8.90337 14.3221C8.87103 14.3541 8.83809 14.3852 8.80455 14.4155C8.66847 14.5384 8.52274 14.6479 8.36945 14.7434C8.30975 14.7807 8.24892 14.8157 8.18706 14.8487L8.18516 14.8497C8.15706 14.8646 8.12875 14.8791 8.10023 14.8931C8.05922 14.9133 8.01784 14.9326 7.97608 14.9509C7.96205 14.9571 7.94799 14.9631 7.93389 14.9691C7.90193 14.9825 7.86973 14.9955 7.83733 15.0078C7.81652 15.0158 7.79571 15.0235 7.77482 15.031C7.73568 15.045 7.69626 15.0582 7.65661 15.0707C7.6324 15.0782 7.60813 15.0855 7.58377 15.0925C7.54093 15.1048 7.49782 15.1162 7.45448 15.1266C7.42872 15.1328 7.40284 15.1387 7.37688 15.1442C7.35205 15.1496 7.32712 15.1546 7.30213 15.1593C7.29706 15.1602 7.29206 15.1612 7.28706 15.1621C7.26822 15.1655 7.24928 15.1688 7.2303 15.1719C7.20521 15.1761 7.18012 15.1799 7.15498 15.1834C7.15228 15.1838 7.14963 15.1841 7.14697 15.1845C7.14176 15.1852 7.13647 15.1859 7.13119 15.1866C7.10179 15.1905 7.07237 15.1939 7.0429 15.1969C7.01443 15.1998 6.98598 15.2023 6.9575 15.2044C6.95087 15.2049 6.94424 15.2054 6.93761 15.2059C6.90869 15.2078 6.87972 15.2094 6.85071 15.2105C6.84481 15.2108 6.83894 15.211 6.83306 15.2112C6.81506 15.2118 6.79706 15.2123 6.77904 15.2126L6.73124 15.213L6.73058 15.213L6.73058 24.3468H6.73124C6.82691 24.3469 6.92233 24.3515 7.01721 24.3604C7.03416 24.362 7.05107 24.3637 7.06797 24.3655C7.10665 24.3698 7.14526 24.3748 7.18375 24.3806C7.21063 24.3845 7.23743 24.3889 7.26416 24.3936C7.29991 24.3999 7.33553 24.4068 7.37102 24.4143C7.39951 24.4203 7.42785 24.4268 7.45609 24.4336L7.50719 24.4464C7.60281 24.4712 7.69723 24.5005 7.79012 24.5343C7.81165 24.5422 7.83301 24.5502 7.85428 24.5585C7.89864 24.5757 7.94224 24.5939 7.98543 24.613C7.9928 24.6163 8.00024 24.6196 8.00766 24.6229C8.02545 24.631 8.0431 24.6392 8.06067 24.6475C8.09401 24.6633 8.12709 24.6798 8.15989 24.6968C8.25144 24.7444 8.3408 24.7967 8.42758 24.8535C8.4495 24.8678 8.47125 24.8825 8.49283 24.8974C8.50164 24.9035 8.51045 24.9096 8.51922 24.9159C8.54648 24.9351 8.57342 24.9549 8.60008 24.975C8.70031 25.051 8.79637 25.1334 8.8876 25.2222ZM31.1366 25.1992L31.1531 25.1833C31.2067 25.1331 31.2618 25.085 31.3183 25.0391C31.4183 24.9579 31.5227 24.8835 31.6309 24.8161L31.6326 24.8151C31.6562 24.8004 31.6799 24.7861 31.7039 24.772C31.7095 24.7688 31.7152 24.7655 31.7209 24.7622L31.7039 24.772C31.7501 24.745 31.797 24.7191 31.8445 24.6946C31.9122 24.6595 31.9811 24.627 32.051 24.5971C32.1559 24.5523 32.2631 24.5133 32.3721 24.4803C32.3796 24.478 32.3871 24.4758 32.3947 24.4736C32.419 24.4664 32.4434 24.4595 32.468 24.4529C32.5081 24.4422 32.5484 24.4322 32.5889 24.4231C32.5984 24.4209 32.6079 24.4188 32.6175 24.4168C32.6447 24.4109 32.672 24.4054 32.6993 24.4002C32.7017 24.3998 32.7041 24.3993 32.7065 24.3989C32.7202 24.3964 32.7339 24.3939 32.7476 24.3915L32.7065 24.3989C32.7275 24.395 32.7485 24.3913 32.7695 24.3879C32.7973 24.3833 32.8251 24.3791 32.853 24.3753C32.8826 24.3713 32.9123 24.3676 32.9421 24.3645C32.9472 24.3639 32.9524 24.3634 32.9576 24.3628C32.9854 24.36 33.0133 24.3575 33.0412 24.3554C33.0482 24.3549 33.0553 24.3544 33.0624 24.3539C33.0901 24.352 33.1178 24.3505 33.1455 24.3494C33.1527 24.3491 33.1599 24.3488 33.1671 24.3486C33.1704 24.3485 33.1736 24.3484 33.1768 24.3483C33.2076 24.3473 33.2385 24.3468 33.2694 24.3468L33.2628 24.347L33.2688 24.3468L33.2694 24.3468V15.213H33.2688C33.2118 15.2129 33.1549 15.2113 33.0982 15.2081C33.0746 15.2068 33.051 15.2052 33.0274 15.2033C32.9956 15.2008 32.9638 15.1977 32.9321 15.1942C32.899 15.1906 32.866 15.1864 32.833 15.1817C32.8107 15.1785 32.7884 15.175 32.7662 15.1714C32.7394 15.1669 32.7126 15.1621 32.6859 15.157C32.6604 15.1521 32.6348 15.1468 32.6094 15.1413C32.5365 15.1253 32.4642 15.1068 32.3927 15.0856C32.3095 15.0611 32.2278 15.0332 32.1473 15.0019C32.1184 14.9907 32.0896 14.979 32.0609 14.9669C32.0518 14.963 32.0427 14.9591 32.0336 14.9551C31.9954 14.9385 31.9575 14.9211 31.92 14.903C31.9005 14.8936 31.881 14.8839 31.8616 14.874C31.8013 14.8433 31.7419 14.8105 31.6836 14.7758C31.6659 14.7652 31.6482 14.7545 31.6307 14.7435L31.5865 14.7154C31.5717 14.7059 31.557 14.6962 31.5425 14.6864C31.3716 14.5717 31.2113 14.4392 31.0643 14.2897L25.4813 17.5129C27.2588 17.7361 28.6383 19.2391 28.6679 21.0701L28.6684 21.1304C28.6684 21.9622 28.3899 22.729 27.9209 23.3426L31.1366 25.1992ZM19.8094 23.156H25.0223C26.141 23.156 27.0479 22.2491 27.0479 21.1304C27.0479 20.0117 26.141 19.1048 25.0223 19.1048L23.9062 19.1047L23.8463 18.3595C23.6932 16.4558 22.0978 14.9767 20.1753 14.9767C18.6396 14.9767 17.2816 15.9252 16.7379 17.334L16.5378 17.8526L15.715 17.8526C14.2505 17.8526 13.0632 19.0398 13.0632 20.5043C13.0632 21.9688 14.2505 23.156 15.715 23.156H19.6756C19.6936 23.156 19.7112 23.1559 19.7284 23.1555L19.7458 23.1551L19.7863 23.1559L19.8094 23.156ZM17.3204 33.5549L17.3292 33.5398C17.342 33.5179 17.3551 33.4962 17.3685 33.4746C17.3726 33.4679 17.3768 33.4613 17.3809 33.4547C17.3846 33.4488 17.3884 33.4429 17.3922 33.437C17.3968 33.4298 17.4014 33.4227 17.406 33.4155C17.4458 33.3545 17.4877 33.2949 17.5316 33.2368C17.5532 33.2083 17.5752 33.1803 17.5977 33.1526C17.634 33.1079 17.6716 33.0642 17.7103 33.0217C17.7138 33.0178 17.7174 33.0139 17.721 33.01C17.7281 33.0022 17.7353 32.9944 17.7426 32.9867C17.7464 32.9826 17.7503 32.9785 17.7541 32.9745C17.7615 32.9667 17.769 32.9588 17.7765 32.9511C17.8428 32.8826 17.9121 32.8172 17.9844 32.7551C18.0169 32.7271 18.05 32.6999 18.0836 32.6733C18.0881 32.6698 18.0926 32.6662 18.0971 32.6627C18.1051 32.6564 18.1131 32.6502 18.1212 32.6441C18.1284 32.6386 18.1356 32.6331 18.1429 32.6276C18.1476 32.624 18.1524 32.6204 18.1572 32.6169C18.1785 32.6011 18.2 32.5855 18.2217 32.5703C18.2276 32.5661 18.2335 32.562 18.2394 32.5579C18.2602 32.5435 18.2812 32.5293 18.3023 32.5154C18.3115 32.5094 18.3208 32.5034 18.33 32.4974C18.3562 32.4806 18.3827 32.4641 18.4094 32.4481C18.4154 32.4445 18.4213 32.441 18.4273 32.4374C18.4493 32.4244 18.4715 32.4116 18.4939 32.3991C18.4999 32.3958 18.5061 32.3924 18.5122 32.389C18.5199 32.3848 18.5275 32.3807 18.5351 32.3765C18.5591 32.3636 18.5833 32.351 18.6077 32.3387C18.6116 32.3367 18.6154 32.3348 18.6193 32.3329C18.6286 32.3282 18.6379 32.3236 18.6473 32.319C18.6541 32.3157 18.6609 32.3125 18.6677 32.3092C18.6903 32.2984 18.7132 32.2878 18.7361 32.2775C18.7589 32.2673 18.7818 32.2574 18.8048 32.2478C18.8313 32.2366 18.8581 32.2258 18.8851 32.2154C18.9152 32.2038 18.9456 32.1925 18.9763 32.1818C18.9805 32.1803 18.9847 32.1789 18.9888 32.1774C19.0148 32.1685 19.0409 32.1598 19.0672 32.1515C19.0733 32.1496 19.0793 32.1477 19.0853 32.1459C19.0938 32.1432 19.1023 32.1406 19.1109 32.1381C19.1187 32.1357 19.1264 32.1335 19.1341 32.1312C19.1433 32.1285 19.1526 32.1259 19.1619 32.1233C19.1662 32.1221 19.1705 32.1209 19.1747 32.1197C19.1828 32.1175 19.1909 32.1153 19.199 32.1131L19.2108 32.1101V24.7766L15.715 24.7765C15.0018 24.7765 14.3295 24.6018 13.7384 24.2928L9.71325 26.6168C9.72133 26.646 9.72897 26.6752 9.73616 26.7045C9.74251 26.7303 9.74851 26.7563 9.75417 26.7822C9.75947 26.8065 9.76445 26.8308 9.76914 26.855C9.77092 26.8643 9.77266 26.8735 9.77435 26.8827C9.77604 26.8919 9.77769 26.9012 9.7793 26.9104C9.79088 26.977 9.80022 27.0438 9.80736 27.1105C9.80866 27.1227 9.80989 27.1349 9.81104 27.1471C9.81316 27.1695 9.81504 27.1918 9.81666 27.2141C9.81721 27.2217 9.81774 27.2294 9.81824 27.237C9.81891 27.2472 9.81953 27.2576 9.8201 27.2679C9.82049 27.275 9.82086 27.2821 9.8212 27.2891C9.82261 27.3183 9.8236 27.3474 9.82418 27.3766C9.82435 27.3851 9.82449 27.3936 9.82459 27.4022C9.82466 27.4087 9.82472 27.4152 9.82475 27.4217L9.82459 27.4022C9.82505 27.4418 9.82475 27.4815 9.82368 27.5211C9.82301 27.546 9.82204 27.5709 9.82077 27.5958C9.82039 27.6032 9.81999 27.6106 9.81956 27.618C9.81913 27.6255 9.81867 27.6329 9.81818 27.6403C9.8142 27.7011 9.80844 27.7617 9.80091 27.822C9.79874 27.8393 9.79642 27.8567 9.79395 27.8741C9.79255 27.884 9.79109 27.8939 9.78958 27.9038L9.79395 27.8741C9.78681 27.9243 9.77845 27.9744 9.76887 28.0241C9.76778 28.0298 9.76667 28.0355 9.76555 28.0412C9.75638 28.0874 9.74617 28.1335 9.73491 28.1792C9.72702 28.2113 9.71863 28.2433 9.70972 28.2751C9.70802 28.2811 9.70632 28.2872 9.70459 28.2932C9.70336 28.2975 9.70211 28.3018 9.70084 28.3062L9.70459 28.2932C9.69482 28.3273 9.68447 28.3613 9.67354 28.395C9.67201 28.3997 9.67047 28.4044 9.66892 28.4092C9.66554 28.4194 9.66211 28.4297 9.65862 28.4399C9.65715 28.4442 9.65566 28.4486 9.65416 28.4529C9.64443 28.481 9.6343 28.509 9.62377 28.5369C9.60508 28.5863 9.58514 28.6353 9.56395 28.6837C9.54854 28.7189 9.53247 28.7538 9.51574 28.7885C9.5117 28.7969 9.50758 28.8053 9.50343 28.8137C9.50011 28.8204 9.49679 28.8271 9.49344 28.8337C9.48918 28.8422 9.48484 28.8507 9.48046 28.8593C9.47772 28.8646 9.47498 28.8699 9.47222 28.8752C9.46747 28.8843 9.46269 28.8933 9.45786 28.9023C9.44259 28.9309 9.42681 28.9593 9.41058 28.9875L9.41024 28.9881L17.3204 33.5549ZM22.6796 33.5549L30.5898 28.9881C30.5769 28.9657 30.5643 28.9432 30.5519 28.9205C30.5486 28.9144 30.5454 28.9083 30.5421 28.9023C30.5373 28.8933 30.5325 28.8843 30.5278 28.8752C30.525 28.8699 30.5223 28.8646 30.5196 28.8593C30.5146 28.8496 30.5097 28.84 30.5049 28.8303C30.5024 28.8255 30.5 28.8205 30.4975 28.8156C30.4927 28.8059 30.488 28.7962 30.4833 28.7866C30.4798 28.7792 30.4762 28.7717 30.4727 28.7642C30.4712 28.7611 30.4698 28.7581 30.4684 28.7551L30.4727 28.7642C30.4659 28.7498 30.4592 28.7354 30.4527 28.7209C30.4419 28.6971 30.4313 28.673 30.4211 28.6488L30.4199 28.646C30.3931 28.5825 30.3684 28.518 30.3459 28.4529C30.3444 28.4486 30.3429 28.4442 30.3414 28.4399C30.3379 28.4297 30.3345 28.4194 30.3311 28.4092C30.3296 28.4044 30.328 28.3997 30.3265 28.395C30.3234 28.3854 30.3203 28.3758 30.3173 28.3661C30.3097 28.3419 30.3024 28.3176 30.2954 28.2931C30.2937 28.2872 30.292 28.2811 30.2903 28.2751C30.2814 28.2433 30.273 28.2113 30.2651 28.1792C30.258 28.1501 30.2512 28.1209 30.2449 28.0916C30.2434 28.0848 30.242 28.0779 30.2405 28.071C30.2349 28.0438 30.2296 28.0166 30.2247 27.9894C30.2207 27.9677 30.217 27.9459 30.2136 27.924L30.2124 27.9164C30.1881 27.7607 30.1756 27.6029 30.1752 27.4444C30.1752 27.4369 30.1752 27.4293 30.1753 27.4218C30.1753 27.4152 30.1754 27.4087 30.1754 27.4021L30.1753 27.4218C30.1753 27.4067 30.1755 27.3917 30.1758 27.3766C30.1761 27.3645 30.1764 27.3524 30.1768 27.3404C30.177 27.3327 30.1773 27.325 30.1776 27.3174C30.178 27.308 30.1784 27.2986 30.1788 27.2891C30.1791 27.283 30.1794 27.2769 30.1798 27.2708C30.1812 27.2442 30.183 27.2176 30.1851 27.191C30.1859 27.1811 30.1868 27.1714 30.1876 27.1616C30.1938 27.0935 30.2022 27.0254 30.2129 26.9575C30.2137 26.9524 30.2145 26.9474 30.2153 26.9423C30.2203 26.9118 30.2258 26.8812 30.2317 26.8507C30.2328 26.8452 30.2339 26.8398 30.2349 26.8343C30.2373 26.8225 30.2398 26.8107 30.2423 26.7989C30.2434 26.7933 30.2446 26.7878 30.2458 26.7823C30.2477 26.7735 30.2497 26.7648 30.2516 26.7562C30.2539 26.7464 30.2561 26.7366 30.2585 26.7268C30.2653 26.6979 30.2726 26.6691 30.2804 26.6403C30.2836 26.6282 30.2869 26.6161 30.2903 26.604C30.2921 26.5976 30.294 26.5913 30.2958 26.5849L26.569 24.4332C26.0994 24.6535 25.5752 24.7765 25.0223 24.7765L20.8312 24.7766L20.8312 32.1214C20.8465 32.1256 20.8617 32.13 20.8769 32.1344C20.8814 32.1358 20.886 32.1371 20.8906 32.1385C20.9015 32.1418 20.9123 32.1451 20.9231 32.1485C20.9286 32.1502 20.9341 32.1519 20.9396 32.1537C20.9494 32.1568 20.9593 32.16 20.9691 32.1632C20.9748 32.1651 20.9805 32.167 20.9862 32.1689C21.013 32.1779 21.0397 32.1873 21.0661 32.197C21.0706 32.1987 21.0752 32.2004 21.0797 32.202C21.0886 32.2053 21.0974 32.2087 21.1061 32.212C21.1297 32.2211 21.1532 32.2304 21.1765 32.24C21.2116 32.2544 21.2463 32.2694 21.2807 32.2851C21.2994 32.2936 21.318 32.3023 21.3365 32.3112C21.3427 32.3142 21.349 32.3172 21.3553 32.3203C21.3938 32.3391 21.4319 32.3587 21.4695 32.379C21.4791 32.3842 21.4888 32.3895 21.4984 32.3948C21.5027 32.3972 21.5071 32.3997 21.5115 32.4021C21.5195 32.4067 21.5275 32.4112 21.5355 32.4158C21.5438 32.4205 21.552 32.4253 21.5603 32.4301C21.566 32.4334 21.5718 32.4369 21.5776 32.4403C21.5874 32.4461 21.5972 32.452 21.6069 32.4579C21.6099 32.4598 21.6129 32.4616 21.6158 32.4634C21.6274 32.4705 21.6389 32.4776 21.6503 32.4849C21.6544 32.4874 21.6584 32.49 21.6624 32.4925C21.6696 32.4972 21.6769 32.5019 21.6842 32.5066C21.6914 32.5113 21.6987 32.516 21.7059 32.5208C21.7126 32.5253 21.7192 32.5297 21.7258 32.5341C21.7325 32.5387 21.7393 32.5432 21.746 32.5478C21.7552 32.5542 21.7644 32.5605 21.7736 32.567C21.7994 32.585 21.8248 32.6035 21.85 32.6223C21.8688 32.6363 21.8875 32.6506 21.906 32.6651C21.9122 32.67 21.9185 32.6749 21.9247 32.6798C21.9704 32.7162 22.015 32.7538 22.0585 32.7926C22.0637 32.7972 22.0689 32.8019 22.0741 32.8066C22.0839 32.8154 22.0935 32.8243 22.1031 32.8332C22.1063 32.8361 22.1096 32.8392 22.1128 32.8423C22.117 32.8462 22.1212 32.8501 22.1254 32.854C22.1337 32.8619 22.142 32.8698 22.1502 32.8778C22.1545 32.8819 22.1587 32.886 22.1628 32.8901C22.1679 32.895 22.173 32.9001 22.1781 32.9051L22.1876 32.9145C22.1903 32.9172 22.193 32.92 22.1957 32.9227C22.214 32.9411 22.232 32.9597 22.2498 32.9786L22.2537 32.9827C22.2683 32.9982 22.2827 33.0138 22.2969 33.0296C22.3087 33.0427 22.3205 33.0559 22.3321 33.0692C22.3491 33.0887 22.3658 33.1083 22.3822 33.1282C22.3867 33.1335 22.3911 33.1389 22.3955 33.1443C22.402 33.1522 22.4084 33.1601 22.4147 33.168C22.4304 33.1876 22.4458 33.2073 22.461 33.2272C22.4657 33.2333 22.4704 33.2395 22.4751 33.2457C22.4791 33.2511 22.4831 33.2565 22.4871 33.2619C22.4936 33.2706 22.4999 33.2792 22.5062 33.288C22.5097 33.2927 22.5131 33.2974 22.5164 33.3021C22.5229 33.3112 22.5294 33.3203 22.5358 33.3295C22.539 33.3339 22.5421 33.3384 22.5452 33.3429C22.5508 33.3511 22.5565 33.3593 22.5621 33.3676C22.5662 33.3736 22.5703 33.3798 22.5744 33.3859C22.6053 33.4322 22.635 33.4793 22.6634 33.5272L22.6796 33.5549ZM7.46718 28.7168C8.02366 28.3955 8.29123 27.766 8.17875 27.1684C8.178 27.1641 8.17716 27.1597 8.1763 27.1554L8.17875 27.1684C8.17421 27.1443 8.16905 27.1203 8.16327 27.0963C8.13826 26.9926 8.10171 26.8908 8.05351 26.7927C8.05126 26.7881 8.04893 26.7834 8.04658 26.7788L8.05351 26.7927C8.04838 26.7822 8.04311 26.7718 8.03771 26.7615L8.04658 26.7788C8.03995 26.7656 8.03309 26.7525 8.02602 26.7395L8.0064 26.7044C7.98633 26.6696 7.965 26.6359 7.94251 26.6033C7.93915 26.5984 7.93576 26.5936 7.93235 26.5888L7.94251 26.6033C7.93519 26.5927 7.92776 26.5822 7.9202 26.5718L7.93235 26.5888C7.92446 26.5776 7.91643 26.5666 7.90827 26.5557L7.9202 26.5718C7.91145 26.5598 7.90254 26.548 7.89348 26.5363L7.90827 26.5557C7.90122 26.5463 7.89407 26.537 7.88683 26.5278L7.89348 26.5363C7.88498 26.5254 7.87635 26.5146 7.86758 26.5039L7.88683 26.5278C7.87868 26.5174 7.87041 26.5072 7.86202 26.4972L7.86758 26.5039C7.85214 26.4851 7.83628 26.4668 7.82002 26.4489C7.364 25.9471 6.60513 25.8123 5.99399 26.1652C5.28938 26.572 5.04796 27.473 5.45477 28.1776C5.86158 28.8822 6.76256 29.1236 7.46718 28.7168ZM34.5453 28.1776C34.9521 27.473 34.7106 26.572 34.006 26.1652C33.4476 25.8427 32.7657 25.9275 32.3044 26.3274C32.2947 26.3357 32.2853 26.3441 32.2759 26.3527L32.2482 26.3787C32.233 26.3933 32.218 26.4084 32.2033 26.4238C32.1997 26.4275 32.1962 26.4313 32.1927 26.435L32.2033 26.4238C32.1955 26.432 32.1878 26.4402 32.1802 26.4486L32.1927 26.435C32.1843 26.4441 32.1759 26.4533 32.1676 26.4627L32.1802 26.4486C32.1714 26.4583 32.1627 26.4682 32.1541 26.4782L32.1676 26.4627C32.1588 26.4726 32.1502 26.4826 32.1416 26.4928L32.1541 26.4782C32.1455 26.4881 32.1371 26.4981 32.1288 26.5083L32.1416 26.4928C32.1153 26.5243 32.0901 26.557 32.0662 26.5909C32.0634 26.5948 32.0606 26.5988 32.0579 26.6028L32.0662 26.5909C32.0405 26.6274 32.0162 26.6652 31.9936 26.7044C31.9869 26.7161 31.9803 26.7279 31.9739 26.7397C31.9714 26.7442 31.969 26.7487 31.9666 26.7532L31.9739 26.7397C31.9668 26.7528 31.9598 26.766 31.9532 26.7793L31.9666 26.7532C31.96 26.7657 31.9536 26.7783 31.9474 26.7909L31.9532 26.7793C31.9476 26.7904 31.9421 26.8015 31.9369 26.8127L31.9474 26.7909C31.9409 26.8041 31.9346 26.8174 31.9285 26.8307L31.9369 26.8127C31.924 26.8399 31.912 26.8674 31.9009 26.8952C31.8993 26.8992 31.8977 26.9031 31.8962 26.9071L31.9009 26.8952C31.8794 26.9489 31.8612 27.0034 31.8464 27.0585C31.8445 27.0654 31.8428 27.0722 31.841 27.0789L31.8464 27.0585C31.843 27.071 31.8398 27.0836 31.8368 27.0961L31.841 27.0789C31.838 27.0911 31.835 27.1032 31.8323 27.1153L31.8368 27.0961C31.8333 27.1103 31.8301 27.1245 31.8271 27.1388L31.8323 27.1153C31.8293 27.1284 31.8266 27.1414 31.824 27.1545L31.8271 27.1388C31.8247 27.1502 31.8224 27.1617 31.8203 27.1731L31.824 27.1545C31.7047 27.7562 31.972 28.393 32.5328 28.7168C33.2375 29.1236 34.1384 28.8822 34.5453 28.1776ZM20 36.5753C20.8136 36.5753 21.4732 35.9157 21.4732 35.1021C21.4732 34.4792 21.0866 33.9466 20.5403 33.7312C20.5363 33.7295 20.5323 33.7279 20.5283 33.7264L20.5403 33.7312C20.5303 33.7272 20.5201 33.7233 20.5099 33.7196L20.5283 33.7264C20.5163 33.7218 20.5044 33.7174 20.4923 33.7131L20.5099 33.7196C20.4986 33.7154 20.4871 33.7113 20.4756 33.7074L20.4923 33.7131C20.4802 33.7088 20.4681 33.7047 20.4559 33.7007L20.4756 33.7074C20.4629 33.703 20.4501 33.6989 20.4372 33.6949L20.4559 33.7007C20.4432 33.6966 20.4305 33.6927 20.4178 33.689L20.4372 33.6949C20.426 33.6914 20.4148 33.6881 20.4035 33.6849L20.4178 33.689C20.4056 33.6854 20.3933 33.6819 20.3809 33.6786L20.4035 33.6849C20.3902 33.6811 20.3768 33.6775 20.3634 33.6741L20.3809 33.6786C20.351 33.6706 20.3208 33.6636 20.2902 33.6575C20.2837 33.6562 20.2773 33.655 20.2708 33.6538L20.2902 33.6575C20.2786 33.6552 20.2669 33.653 20.2551 33.6509L20.2708 33.6538C20.2576 33.6513 20.2443 33.649 20.2309 33.6469L20.2551 33.6509C20.241 33.6485 20.2269 33.6462 20.2126 33.6442L20.2309 33.6469C20.2216 33.6454 20.2122 33.6441 20.2027 33.6428L20.2126 33.6442C20.198 33.6421 20.1833 33.6402 20.1686 33.6385L20.2027 33.6428C20.1898 33.641 20.1768 33.6394 20.1638 33.6379L20.1686 33.6385C20.1562 33.6371 20.1438 33.6358 20.1314 33.6347L20.1638 33.6379C20.1497 33.6364 20.1356 33.635 20.1215 33.6339L20.1314 33.6347C20.1175 33.6335 20.1036 33.6324 20.0897 33.6316L20.1215 33.6339C20.108 33.6328 20.0945 33.6318 20.081 33.6311L20.0897 33.6316C20.0765 33.6308 20.0634 33.6302 20.0502 33.6298L20.081 33.6311C20.0542 33.6297 20.0272 33.6289 20 33.6289L19.96 33.6295C19.9566 33.6295 19.9532 33.6296 19.9499 33.6298L19.9599 33.6295C19.9463 33.6298 19.9326 33.6304 19.919 33.6311L19.9499 33.6298C19.9367 33.6302 19.9235 33.6308 19.9103 33.6316L19.919 33.6311C19.9055 33.6318 19.892 33.6328 19.8786 33.6339L19.9103 33.6316C19.8964 33.6324 19.8825 33.6335 19.8686 33.6347L19.8786 33.6339C19.8644 33.635 19.8503 33.6364 19.8362 33.6379L19.8686 33.6347C19.8562 33.6358 19.8438 33.6371 19.8314 33.6385L19.8362 33.6379C19.823 33.6394 19.8098 33.641 19.7967 33.6429L19.8314 33.6385C19.8171 33.6401 19.8028 33.6419 19.7885 33.644L19.7967 33.6429C19.787 33.6442 19.7774 33.6456 19.7678 33.6471L19.7885 33.644C19.7739 33.6461 19.7593 33.6484 19.7447 33.651L19.7678 33.6471C19.7561 33.649 19.7445 33.651 19.7329 33.6531L19.7447 33.651C19.7327 33.653 19.7208 33.6553 19.7089 33.6577L19.7329 33.6531C19.7001 33.6591 19.6676 33.6662 19.6355 33.6744C19.6308 33.6756 19.6261 33.6768 19.6213 33.678L19.6355 33.6744C19.6223 33.6777 19.6092 33.6812 19.5961 33.6849L19.6213 33.678C19.6092 33.6813 19.597 33.6847 19.585 33.6882L19.5961 33.6849C19.5844 33.6883 19.5727 33.6918 19.561 33.6954L19.585 33.6882C19.5716 33.6921 19.5583 33.6962 19.545 33.7005L19.561 33.6954C19.5488 33.6992 19.5366 33.7032 19.5245 33.7073L19.545 33.7005C19.5325 33.7046 19.5201 33.7088 19.5077 33.7132L19.5245 33.7073C19.513 33.7112 19.5015 33.7153 19.4901 33.7195L19.5077 33.7132C19.4955 33.7175 19.4833 33.722 19.4713 33.7267L19.4901 33.7195C19.4803 33.7231 19.4705 33.7268 19.4608 33.7306L19.4713 33.7267C18.9188 33.9391 18.5268 34.4748 18.5268 35.1021C18.5268 35.9157 19.1864 36.5753 20 36.5753Z" fill="#0149FF"/>
-</svg>
-
diff --git a/web/satellite/static/images/team/clock.svg b/web/satellite/static/images/team/clock.svg
deleted file mode 100644
index f5c5f18dca69..000000000000
--- a/web/satellite/static/images/team/clock.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 2.65C5.94071 2.65 2.65 5.94071 2.65 10C2.65 14.0593 5.94071 17.35 10 17.35C14.0593 17.35 17.35 14.0593 17.35 10C17.35 5.94071 14.0593 2.65 10 2.65ZM10.075 4.45C10.5195 4.45 10.8819 4.80157 10.8993 5.24182L10.9 5.275L10.9002 9.373H14.398C14.8536 9.373 15.223 9.74237 15.223 10.198C15.223 10.6425 14.8714 11.0049 14.4312 11.0223L14.398 11.023H10.1574C9.98602 11.023 9.82617 10.9724 9.69221 10.8852C9.43851 10.7585 9.26053 10.5004 9.25044 10.1971L9.25011 10.1838L9.25 5.275C9.25 4.81937 9.61937 4.45 10.075 4.45Z" fill="black"/>
-</svg>
diff --git a/web/satellite/static/images/team/infoTooltip.svg b/web/satellite/static/images/team/infoTooltip.svg
deleted file mode 100644
index 5ee790bb9337..000000000000
--- a/web/satellite/static/images/team/infoTooltip.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect class="team-header-svg-rect" x="0.5" y="0.5" width="19" height="19" rx="9.5" stroke="#AFB7C1"/>
-    <path class="team-header-svg-path" d="M7 7.25177C7.00959 6.23527 7.28777 5.44177 7.83453 4.87129C8.38129 4.29043 9.1199 4 10.0504 4C10.952 4 11.6667 4.22819 12.1942 4.68458C12.7314 5.14097 13 5.79444 13 6.64498C13 7.03913 12.9376 7.38661 12.8129 7.68741C12.6882 7.98821 12.5396 8.24234 12.3669 8.44979C12.1942 8.65724 11.9592 8.90099 11.6619 9.18105C11.2686 9.54408 10.9712 9.876 10.7698 10.1768C10.5779 10.4672 10.482 10.8303 10.482 11.2659H9.04317C9.04317 10.851 9.10072 10.488 9.21583 10.1768C9.33094 9.86563 9.46523 9.6115 9.61871 9.41443C9.78177 9.20698 10.0024 8.96841 10.2806 8.69873C10.6067 8.37718 10.8465 8.09712 11 7.85856C11.1535 7.61999 11.2302 7.31919 11.2302 6.95615C11.2302 6.55163 11.1103 6.25082 10.8705 6.05375C10.6403 5.8463 10.3141 5.74257 9.89209 5.74257C9.45084 5.74257 9.10552 5.87223 8.85611 6.13154C8.60671 6.38048 8.47242 6.75389 8.45324 7.25177H7ZM9.73381 12.7595C10.0216 12.7595 10.2566 12.8633 10.4388 13.0707C10.6307 13.2782 10.7266 13.5427 10.7266 13.8642C10.7266 14.1961 10.6307 14.471 10.4388 14.6888C10.2566 14.8963 10.0216 15 9.73381 15C9.45564 15 9.22062 14.8911 9.02878 14.6733C8.84652 14.4554 8.7554 14.1858 8.7554 13.8642C8.7554 13.5427 8.84652 13.2782 9.02878 13.0707C9.22062 12.8633 9.45564 12.7595 9.73381 12.7595Z" fill="#354049"/>
-</svg>
\ No newline at end of file
diff --git a/web/satellite/static/images/team/teamMember.svg b/web/satellite/static/images/team/teamMember.svg
deleted file mode 100644
index d3eb66a2b97e..000000000000
--- a/web/satellite/static/images/team/teamMember.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4423 0H23.3463C28.8835 0 31.0805 0.613722 33.2353 1.76616C35.3902 2.9186 37.0814 4.60976 38.2338 6.76464L38.3214 6.93054C39.4029 9.0067 39.9846 11.1999 40 16.4423V23.3463C40 28.8834 39.3863 31.0804 38.2338 33.2353C37.0814 35.3901 35.3902 37.0813 33.2353 38.2337L33.0694 38.3213C30.9933 39.4028 28.8 39.9845 23.5577 39.9999H16.6537C11.1165 39.9999 8.91954 39.3862 6.76466 38.2337C4.60977 37.0813 2.91861 35.3901 1.76617 33.2353L1.67858 33.0694C0.597074 30.9932 0.0154219 28.8 0 23.5576V16.6536C0 11.1165 0.613723 8.91952 1.76617 6.76464C2.91861 4.60976 4.60977 2.9186 6.76466 1.76616L6.93055 1.67858C9.00672 0.597072 11.2 0.0154218 16.4423 0Z" fill="#0218A7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0143 30.6406C21.1472 30.6406 26.401 34.3892 28.591 39.7111C27.2939 39.8942 25.7013 39.9917 23.6294 39.9999L16.6537 40.0001C11.1165 40.0001 8.91953 39.3864 6.76464 38.2339C5.61182 37.6174 4.59172 36.8467 3.71582 35.9332C6.40599 32.7 10.4687 30.6406 15.0143 30.6406Z" fill="#FFC600"/>
-<path d="M15.0413 28.0748C18.9762 28.0748 22.1661 24.8983 22.1661 20.9798C22.1661 17.0613 18.9762 13.8848 15.0413 13.8848C11.1064 13.8848 7.9165 17.0613 7.9165 20.9798C7.9165 24.8983 11.1064 28.0748 15.0413 28.0748Z" fill="#FF458B"/>
-<path d="M24.9585 28.0748C28.8935 28.0748 32.0833 24.8983 32.0833 20.9798C32.0833 17.0613 28.8935 13.8848 24.9585 13.8848C21.0236 13.8848 17.8337 17.0613 17.8337 20.9798C17.8337 24.8983 21.0236 28.0748 24.9585 28.0748Z" fill="#FFC600"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.9317 30.6406C29.4915 30.6406 33.5653 32.7128 36.2553 35.9631C35.386 36.8635 34.3757 37.6241 33.2354 38.2339L33.0695 38.3215C31.0028 39.3981 28.8201 39.9794 23.6292 39.9999L16.6537 40.0001C14.4152 40.0001 12.7225 39.8998 11.3579 39.7042C13.5498 34.3858 18.8016 30.6406 24.9317 30.6406Z" fill="#FF458B"/>
-</svg>
diff --git a/web/satellite/tests/unit/ignore/common/HeaderArea.spec.ts b/web/satellite/tests/unit/ignore/common/HeaderArea.spec.ts
deleted file mode 100644
index fa3a1ee32e32..000000000000
--- a/web/satellite/tests/unit/ignore/common/HeaderArea.spec.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import { ProjectMemberHeaderState } from '@/types/projectMembers';
-
-import HeaderArea from '@/components/team/HeaderArea.vue';
-
-describe('Team HeaderArea', () => {
-    it('renders correctly', () => {
-        const wrapper = shallowMount(HeaderArea);
-
-        const addNewTemMemberPopup = wrapper.findAll('adduserpopup-stub');
-
-        expect(wrapper).toMatchSnapshot();
-        expect(addNewTemMemberPopup.length).toBe(0);
-        expect(wrapper.findAll('.header-default-state').length).toBe(1);
-        expect(wrapper.findAll('.blur-content').length).toBe(0);
-        expect(wrapper.findAll('.blur-search').length).toBe(0);
-        expect(wrapper.vm.isDeleteClicked).toBe(false);
-    });
-
-    it('renders correctly with opened Add team member popup', () => {
-        const wrapper = shallowMount(HeaderArea);
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.findAll('.header-default-state').length).toBe(1);
-        expect(wrapper.vm.isDeleteClicked).toBe(false);
-        expect(wrapper.findAll('.blur-content').length).toBe(0);
-        expect(wrapper.findAll('.blur-search').length).toBe(0);
-    });
-
-    it('renders correctly with selected users', () => {
-        const selectedUsersCount = 2;
-
-        const wrapper = shallowMount(HeaderArea, {
-            propsData: {
-                selectedProjectMembersCount: selectedUsersCount,
-                headerState: ProjectMemberHeaderState.ON_SELECT,
-            },
-        });
-
-        expect(wrapper.findAll('.header-selected-members').length).toBe(1);
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.vm.selectedProjectMembersCount).toBe(selectedUsersCount);
-        expect(wrapper.vm.isDeleteClicked).toBe(false);
-        expect(wrapper.findAll('.blur-content').length).toBe(0);
-        expect(wrapper.findAll('.blur-search').length).toBe(0);
-    });
-
-    it('renders correctly with 2 selected users and delete clicked once', async () => {
-        const selectedUsersCount = 2;
-
-        const wrapper = shallowMount(HeaderArea, {
-            propsData: {
-                selectedProjectMembersCount: selectedUsersCount,
-                headerState: ProjectMemberHeaderState.ON_SELECT,
-            },
-        });
-
-        await wrapper.vm.onFirstDeleteClick();
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.vm.selectedProjectMembersCount).toBe(selectedUsersCount);
-        expect(wrapper.vm.userCountTitle).toBe('users');
-        expect(wrapper.vm.isDeleteClicked).toBe(true);
-        expect(wrapper.findAll('.blur-content').length).toBe(1);
-        expect(wrapper.findAll('.blur-search').length).toBe(1);
-
-        const expectedSectionRendered = wrapper.find('.header-after-delete-click');
-        expect(expectedSectionRendered.text()).toBe(`Are you sure you want to delete ${selectedUsersCount} users?`);
-    });
-
-    it('renders correctly with 1 selected user and delete clicked once', async () => {
-        const selectedUsersCount = 1;
-
-        const wrapper = shallowMount(HeaderArea, {
-            propsData: {
-                selectedProjectMembersCount: selectedUsersCount,
-                headerState: ProjectMemberHeaderState.ON_SELECT,
-            },
-        });
-
-        await wrapper.vm.onFirstDeleteClick();
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.vm.selectedProjectMembersCount).toBe(selectedUsersCount);
-        expect(wrapper.vm.userCountTitle).toBe('user');
-        expect(wrapper.vm.isDeleteClicked).toBe(true);
-        expect(wrapper.findAll('.blur-content').length).toBe(1);
-        expect(wrapper.findAll('.blur-search').length).toBe(1);
-
-        const expectedSectionRendered = wrapper.find('.header-after-delete-click');
-        expect(expectedSectionRendered.text()).toBe(`Are you sure you want to delete ${selectedUsersCount} user?`);
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/common/PagesBlock.spec.ts b/web/satellite/tests/unit/ignore/common/PagesBlock.spec.ts
deleted file mode 100644
index 64bacc2ecf80..000000000000
--- a/web/satellite/tests/unit/ignore/common/PagesBlock.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import { Page } from '@/types/pagination';
-
-import PagesBlock from '@/components/common/PagesBlock.vue';
-
-describe('Pagination.vue', () => {
-    it('renders correctly without props', () => {
-        const wrapper = shallowMount(PagesBlock);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly with props', () => {
-        const callbackSpy = jest.fn();
-        const pagesArray: Page[] = [];
-        const SELECTED_PAGE_INDEX = 3;
-
-        for (let i = 1; i <= 4; i++) {
-            pagesArray.push(new Page(i, callbackSpy));
-        }
-
-        const wrapper = shallowMount(PagesBlock, {
-            propsData: {
-                pages: pagesArray,
-                isSelected: (i: number) => i === SELECTED_PAGE_INDEX,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.findAll('span').length).toBe(4);
-        expect(wrapper.findAll('span').at(2)?.classes().includes('selected')).toBe(true);
-    });
-
-    it('behaves correctly on page click', () => {
-        const callbackSpy = jest.fn();
-        const pagesArray: Page[] = [];
-
-        for (let i = 1; i <= 3; i++) {
-            pagesArray.push(new Page(i, callbackSpy));
-        }
-
-        const wrapper = shallowMount(PagesBlock, {
-            propsData: {
-                pages: pagesArray,
-                isSelected: () => false,
-            },
-        });
-
-        wrapper.findAll('span').at(1)?.trigger('click');
-
-        expect(callbackSpy).toHaveBeenCalledTimes(1);
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/common/VBar.spec.ts b/web/satellite/tests/unit/ignore/common/VBar.spec.ts
deleted file mode 100644
index a7bf85990c33..000000000000
--- a/web/satellite/tests/unit/ignore/common/VBar.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { mount } from '@vue/test-utils';
-
-import VBar from '@/components/common/VBar.vue';
-
-describe('VBar.vue', () => {
-    it('renders correctly', () => {
-        const wrapper = mount(VBar, {
-            propsData: {
-                current: 500,
-                max: 1000,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly if current > max', () => {
-        const wrapper = mount(VBar, {
-            propsData: {
-                current: 1000,
-                max: 500,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-
-        const el = wrapper.find('.bar-container__fill').element as HTMLElement;
-        expect(el.style.width).toMatch('100%');
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/common/VButton.spec.ts b/web/satellite/tests/unit/ignore/common/VButton.spec.ts
deleted file mode 100644
index 5e1d352becff..000000000000
--- a/web/satellite/tests/unit/ignore/common/VButton.spec.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { mount, shallowMount } from '@vue/test-utils';
-
-import VButton from '@/components/common/VButton.vue';
-
-describe('Button.vue', () => {
-    it('renders correctly', () => {
-        // VButton as never is not ideal. We will not need if after we upgrade from @vue/test-utils@1.3.0
-        const wrapper = mount(VButton as never);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly with isWhite prop', () => {
-        const wrapper = shallowMount(VButton as never, {
-            propsData: { isWhite: true },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly with isDisabled prop', () => {
-        const wrapper = shallowMount(VButton as never, {
-            propsData: { isDisabled: true },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly with size and label props', () => {
-        const label = 'testLabel';
-        const width = '30px';
-        const height = '20px';
-
-        const wrapper = shallowMount(VButton as never, {
-            propsData: {
-                label,
-                width,
-                height,
-            },
-        });
-
-        const el = wrapper.element as HTMLElement;
-        expect(el.style.width).toMatch(width);
-        expect(el.style.height).toMatch(height);
-        expect(wrapper.text()).toMatch(label);
-    });
-
-    it('renders correctly with default props', () => {
-        const wrapper = shallowMount(VButton as never);
-
-        const el = wrapper.element as HTMLElement;
-        expect(el.style.width).toMatch('inherit');
-        expect(el.style.height).toMatch('inherit');
-        expect(wrapper.text()).toMatch('Default');
-    });
-
-    it('trigger onPress correctly', () => {
-        const onPressSpy = jest.fn();
-        const onPress = onPressSpy;
-        const isDisabled = false;
-
-        const wrapper = shallowMount(VButton as never, {
-            propsData: {
-                onPress,
-                isDisabled,
-            },
-        });
-
-        wrapper.find('div.container').trigger('click');
-
-        expect(onPressSpy).toHaveBeenCalledTimes(1);
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/common/VCheckbox.spec.ts b/web/satellite/tests/unit/ignore/common/VCheckbox.spec.ts
deleted file mode 100644
index d683a56d180c..000000000000
--- a/web/satellite/tests/unit/ignore/common/VCheckbox.spec.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { mount, shallowMount } from '@vue/test-utils';
-
-import Checkbox from '@/components/common/VCheckbox.vue';
-
-describe('Checkbox.vue', () => {
-    it('renders correctly', () => {
-        const wrapper = shallowMount(Checkbox);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('emit setData on change correctly', () => {
-        const wrapper = mount(Checkbox);
-
-        wrapper.find('input').trigger('change');
-        wrapper.find('input').trigger('change');
-
-        const emittedSetData = wrapper.emitted('setData');
-        if (emittedSetData) expect(emittedSetData.length).toEqual(2);
-    });
-
-    it('emits with data correctly', () => {
-        const wrapper = mount(Checkbox);
-
-        wrapper.vm.$emit('setData', true);
-
-        const emittedSetData = wrapper.emitted('setData');
-        if (emittedSetData) expect(emittedSetData[0][0]).toEqual(true);
-    });
-
-    it('renders correctly with error', () => {
-        const wrapper = shallowMount(Checkbox, {
-            propsData: { isCheckboxError: true },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/common/VInput.spec.ts b/web/satellite/tests/unit/ignore/common/VInput.spec.ts
deleted file mode 100644
index 43591b7f5ea6..000000000000
--- a/web/satellite/tests/unit/ignore/common/VInput.spec.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-// Copyright (C) 2022 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import VInput from '@/components/common/VInput.vue';
-
-describe('VInput.vue', () => {
-    it('renders correctly with default props', () => {
-
-        const wrapper = shallowMount(VInput as never);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly with isMultiline props', () => {
-        const wrapper = shallowMount(VInput as never, {
-            propsData: {
-                isMultiline: true,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.findAll('textarea').length).toBe(1);
-        expect(wrapper.findAll('input').length).toBe(0);
-    });
-
-    it('renders correctly with props', () => {
-        const label = 'testLabel';
-        const additionalLabel = 'addLabel';
-        const width = '30px';
-        const height = '20px';
-
-        const wrapper = shallowMount(VInput as never, {
-            propsData : {
-                label,
-                additionalLabel,
-                width,
-                height,
-            },
-        });
-
-        const el = wrapper.find('input').element as HTMLElement;
-        expect(el.style.width).toMatch(width);
-        expect(el.style.height).toMatch(height);
-
-        expect(wrapper.find('.label-container').text()).toMatch(label);
-        expect(wrapper.find('.add-label').text()).toMatch(additionalLabel);
-    });
-
-    it('renders correctly with isOptional props', () => {
-        const wrapper = shallowMount(VInput as never, {
-            propsData: {
-                isOptional: true,
-            },
-        });
-
-        expect(wrapper.find('h4').text()).toMatch('Optional');
-    });
-
-    it('renders correctly with input error', () => {
-        const error = 'testError';
-
-        const wrapper = shallowMount(VInput as never, {
-            propsData: {
-                error,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.find('.label-container').text()).toMatch(error);
-    });
-
-    it('emit setData on input correctly', async () => {
-        const testData = 'testData';
-
-        const wrapper = shallowMount(VInput as never);
-
-        await wrapper.find('input').trigger('input');
-
-        let emittedSetData = wrapper.emitted('setData');
-        if (emittedSetData) expect(emittedSetData.length).toEqual(1);
-
-        await wrapper.vm.$emit('setData', testData);
-
-        emittedSetData = wrapper.emitted('setData');
-        if (emittedSetData) expect(emittedSetData[1][0]).toEqual(testData);
-    });
-
-});
diff --git a/web/satellite/tests/unit/ignore/common/VSearch.spec.ts b/web/satellite/tests/unit/ignore/common/VSearch.spec.ts
deleted file mode 100644
index b3fa88cc52e4..000000000000
--- a/web/satellite/tests/unit/ignore/common/VSearch.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { mount, shallowMount } from '@vue/test-utils';
-
-import SearchComponent from '@/components/common/VSearch.vue';
-
-describe('SearchComponent.vue', () => {
-    it('renders correctly', () => {
-        const wrapper = shallowMount(SearchComponent);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('renders correctly with default props', () => {
-        const wrapper = mount(SearchComponent);
-
-        expect(wrapper.vm.$props.placeholder).toMatch('');
-    });
-
-    it('functions onMouseEnter/onMouseLeave work correctly', () => {
-        const wrapper = mount(SearchComponent);
-
-        wrapper.vm.onMouseEnter();
-
-        expect(wrapper.vm.style.width).toMatch('540px');
-
-        wrapper.vm.onMouseLeave();
-
-        expect(wrapper.vm.searchString).toMatch('');
-        expect(wrapper.vm.style.width).toMatch('56px');
-    });
-
-    it('function clearSearch works correctly', () => {
-        const processSearchQuerySpy = jest.fn();
-
-        const wrapper = mount(SearchComponent);
-
-        wrapper.vm.processSearchQuery = processSearchQuerySpy;
-        wrapper.vm.clearSearch();
-
-        expect(processSearchQuerySpy).toHaveBeenCalledTimes(1);
-        expect(wrapper.vm.$data.inputWidth).toMatch('56px');
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/common/VerticalArrows.spec.ts b/web/satellite/tests/unit/ignore/common/VerticalArrows.spec.ts
deleted file mode 100644
index e51a50fb1750..000000000000
--- a/web/satellite/tests/unit/ignore/common/VerticalArrows.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { mount } from '@vue/test-utils';
-
-import { SortingDirectionEnum } from '@/types/sortingArrows';
-
-import VerticalArrows from '@/components/common/VerticalArrows.vue';
-
-describe('VerticalArrows.vue', () => {
-    it('should render with bottom arrow highlighted', function () {
-        const wrapper = mount(VerticalArrows, {
-            propsData: {
-                isActive: true,
-                direction: SortingDirectionEnum.BOTTOM,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('should render without any highlighted arrows', function () {
-        const wrapper = mount(VerticalArrows, {
-            propsData: {
-                isActive: false,
-                direction: SortingDirectionEnum.BOTTOM,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('should render with top arrow highlighted', function () {
-        const wrapper = mount(VerticalArrows, {
-            propsData: {
-                isActive: true,
-                direction: SortingDirectionEnum.TOP,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/onboardingTour/OnboardingTourArea.spec.ts b/web/satellite/tests/unit/ignore/onboardingTour/OnboardingTourArea.spec.ts
deleted file mode 100644
index edb9c1da302f..000000000000
--- a/web/satellite/tests/unit/ignore/onboardingTour/OnboardingTourArea.spec.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import OnboardingTourArea from '@/components/onboardingTour/OnboardingTourArea.vue';
-
-describe('OnboardingTourArea.vue', () => {
-    it('renders correctly', (): void => {
-        const wrapper = shallowMount(OnboardingTourArea);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts b/web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts
deleted file mode 100644
index cd3d574aa148..000000000000
--- a/web/satellite/tests/unit/ignore/onboardingTour/steps/OverviewStep.spec.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import OverviewStep from '@/components/onboardingTour/steps/OverviewStep.vue';
-
-// TODO: figure out how to fix the test
-xdescribe('OverviewStep.vue', (): void => {
-    it('renders correctly', (): void => {
-        const wrapper = shallowMount(OverviewStep);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/project/EditProjectDetails.spec.ts b/web/satellite/tests/unit/ignore/project/EditProjectDetails.spec.ts
deleted file mode 100644
index d425871315a1..000000000000
--- a/web/satellite/tests/unit/ignore/project/EditProjectDetails.spec.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-// Copyright (C) 2020 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import { ProjectsApiMock } from '@/../tests/unit/mock/api/projects';
-import { ProjectLimits } from '@/types/projects';
-
-import EditProjectDetails from '@/components/project/EditProjectDetails.vue';
-
-const projectLimits = new ProjectLimits(1000, 100, 1000, 100);
-const projectsApi = new ProjectsApiMock();
-projectsApi.setMockLimits(projectLimits);
-
-describe('EditProjectDetails.vue', () => {
-    it('renders correctly', (): void => {
-        const wrapper = shallowMount(EditProjectDetails);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('editing name works correctly', async (): Promise<void> => {
-        const wrapper = shallowMount(EditProjectDetails);
-
-        await wrapper.vm.toggleNameEditing();
-
-        expect(wrapper).toMatchSnapshot();
-
-        const newName = 'new name';
-
-        wrapper.vm.$data.nameValue = newName;
-        await wrapper.vm.onSaveNameButtonClick();
-
-        expect(wrapper).toMatchSnapshot();
-        // await expect(store.getters.selectedProject.name).toMatch(newName);
-    });
-
-    it('editing description works correctly', async (): Promise<void> => {
-        const wrapper = shallowMount(EditProjectDetails);
-
-        await wrapper.vm.toggleDescriptionEditing();
-
-        expect(wrapper).toMatchSnapshot();
-
-        const newDescription = 'new description';
-
-        wrapper.vm.$data.descriptionValue = newDescription;
-        await wrapper.vm.onSaveDescriptionButtonClick();
-
-        expect(wrapper).toMatchSnapshot();
-        // await expect(store.getters.selectedProject.description).toMatch(newDescription);
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/projectMembers/ProjectMemberListItem.spec.ts b/web/satellite/tests/unit/ignore/projectMembers/ProjectMemberListItem.spec.ts
deleted file mode 100644
index 20f3d97eebaa..000000000000
--- a/web/satellite/tests/unit/ignore/projectMembers/ProjectMemberListItem.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import { ProjectMember } from '@/types/projectMembers';
-
-import ProjectMemberListItem from '@/components/team/ProjectMemberListItem.vue';
-
-describe('', () => {
-    const data = new Date(0);
-    const member: ProjectMember = new ProjectMember('testFullName', 'testShortName', 'test@example.com', data, '1');
-
-    it('should render correctly', function () {
-        const wrapper = shallowMount(ProjectMemberListItem, {
-            propsData: {
-                itemData: member,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-        // expect(store.getters.selectedProject.ownerId).toBe(member.user.id);
-        expect(wrapper.findAll('.owner').length).toBe(1);
-    });
-
-    it('should render correctly with item row highlighted', function () {
-        member.isSelected = true;
-
-        const wrapper = shallowMount(ProjectMemberListItem, {
-            propsData: {
-                itemData: member,
-            },
-        });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/projectMembers/ProjectMembersArea.spec.ts b/web/satellite/tests/unit/ignore/projectMembers/ProjectMembersArea.spec.ts
deleted file mode 100644
index 27669f4b9980..000000000000
--- a/web/satellite/tests/unit/ignore/projectMembers/ProjectMembersArea.spec.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import { ProjectsApiMock } from '@/../tests/unit/mock/api/projects';
-import { ProjectMember, ProjectMembersPage } from '@/types/projectMembers';
-import { Project } from '@/types/projects';
-
-import ProjectMembersArea from '@/components/team/ProjectMembersArea.vue';
-
-const projectsApi = new ProjectsApiMock();
-
-describe('ProjectMembersArea.vue', () => {
-    const project = new Project('id', 'projectName', 'projectDescription', 'test', 'testOwnerId', true);
-    projectsApi.setMockProjects([project]);
-    const date = new Date(0);
-    const projectMember1 = new ProjectMember('testFullName1', 'testShortName1', 'test1@example.com', date, '1');
-    const projectMember2 = new ProjectMember('testFullName2', 'testShortName2', 'test2@example.com', date, '2');
-
-    const testProjectMembersPage = new ProjectMembersPage();
-    testProjectMembersPage.projectMembers = [projectMember1];
-    testProjectMembersPage.totalCount = 1;
-    testProjectMembersPage.pageCount = 1;
-
-    // pmApi.setMockPage(testProjectMembersPage);
-
-    it('renders correctly', async (): Promise<void> => {
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        await wrapper.setData({ areMembersFetching: false });
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('function fetchProjectMembers works correctly', () => {
-        // store.commit(FETCH, testProjectMembersPage);
-
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        expect(wrapper.vm.projectMembers).toEqual([projectMember1]);
-    });
-
-    it('team area renders correctly', async (): Promise<void> => {
-        // store.commit(FETCH, testProjectMembersPage);
-
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        await wrapper.setData({ areMembersFetching: false });
-
-        const emptySearchResultArea = wrapper.findAll('.team-area__empty-search-result-area');
-        expect(emptySearchResultArea.length).toBe(0);
-
-        const teamContainer = wrapper.findAll('.team-area__table');
-        expect(teamContainer.length).toBe(1);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-
-    it('action on toggle works correctly', () => {
-        // store.commit(FETCH, testProjectMembersPage);
-
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        wrapper.vm.onMemberCheckChange(projectMember1);
-
-        // expect(store.getters.selectedProjectMembers.length).toBe(1);
-    });
-
-    it('clear selection works correctly', () => {
-        const date = new Date(0);
-        const projectMember3 = new ProjectMember('testFullName1', 'testShortName1', 'test1@example.com', date, '1');
-        projectMember3.isSelected = true;
-        const testProjectMembersPage = new ProjectMembersPage();
-        testProjectMembersPage.projectMembers = [projectMember3];
-        testProjectMembersPage.totalCount = 1;
-        testProjectMembersPage.pageCount = 1;
-        // store.commit(FETCH, testProjectMembersPage);
-
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        wrapper.vm.onMemberCheckChange(projectMember3);
-
-        // expect(store.getters.selectedProjectMembers.length).toBe(0);
-    });
-
-    it('Reversing list order triggers rerender', () => {
-        const testPage = new ProjectMembersPage();
-        testPage.projectMembers = [projectMember1, projectMember2];
-        testPage.totalCount = 2;
-        testPage.pageCount = 1;
-        // pmApi.setMockPage(testPage);
-
-        // store.commit(FETCH, testPage);
-
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        // expect(wrapper.vm.projectMembers[0].user.id).toBe(projectMember1.user.id);
-
-        testProjectMembersPage.projectMembers = [projectMember2, projectMember1];
-
-        // store.commit(FETCH, testProjectMembersPage);
-
-        expect(wrapper.vm.projectMembers[0].user.id).toBe(projectMember2.user.id);
-    });
-
-    it('empty search result area render correctly', async (): Promise<void> => {
-        const testPage1 = new ProjectMembersPage();
-        testPage1.projectMembers = [];
-        testPage1.totalCount = 0;
-        testPage1.pageCount = 0;
-        testPage1.search = 'testSearch';
-        // pmApi.setMockPage(testPage1);
-
-        // store.commit(FETCH, testPage1);
-
-        const wrapper = shallowMount(ProjectMembersArea);
-
-        await wrapper.setData({ areMembersFetching: false });
-
-        const emptySearchResultArea = wrapper.findAll('.team-area__empty-search-result-area');
-        expect(emptySearchResultArea.length).toBe(1);
-
-        const teamContainer = wrapper.findAll('.team-area__container');
-        expect(teamContainer.length).toBe(0);
-
-        expect(wrapper).toMatchSnapshot();
-    });
-});
diff --git a/web/satellite/tests/unit/ignore/views/DashboardArea.spec.ts b/web/satellite/tests/unit/ignore/views/DashboardArea.spec.ts
deleted file mode 100644
index 0a03d7c17935..000000000000
--- a/web/satellite/tests/unit/ignore/views/DashboardArea.spec.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-// Copyright (C) 2019 Storj Labs, Inc.
-// See LICENSE for copying information.
-
-import { shallowMount } from '@vue/test-utils';
-
-import { router } from '@/router';
-import { RouteConfig } from '@/types/router';
-import { AnalyticsHttpApi } from '@/api/analytics';
-import DashboardArea from '@/views/DashboardArea.vue';
-
-describe('Dashboard', () => {
-    beforeEach(() => {
-        jest.resetAllMocks();
-        jest.spyOn(AnalyticsHttpApi.prototype, 'errorEventTriggered').mockImplementation(() => Promise.resolve());
-    });
-
-    it('renders correctly when data is loading', () => {
-        const wrapper = shallowMount(DashboardArea, {
-            router,
-        });
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.findAll('.loading-overlay.active').length).toBe(1);
-        expect(wrapper.findAll('.dashboard-container__wrap').length).toBe(0);
-    });
-
-    it('renders correctly when data is loaded', () => {
-        const wrapper = shallowMount(DashboardArea, {
-            router,
-        });
-
-        expect(wrapper).toMatchSnapshot();
-        expect(wrapper.findAll('.loading-overlay active').length).toBe(0);
-        expect(wrapper.findAll('.dashboard__wrap').length).toBe(1);
-    });
-
-    it('loads routes correctly when authorithed without project with available routes', async () => {
-        const availableWithoutProject = [
-            RouteConfig.Account.with(RouteConfig.Billing).path,
-            RouteConfig.Account.with(RouteConfig.Settings).path,
-        ];
-
-        for (let i = 0; i < availableWithoutProject.length; i++) {
-            const wrapper = await shallowMount(DashboardArea, {
-                router,
-            });
-
-            setTimeout(() => {
-                expect(wrapper.vm.$router.currentRoute.path).toBe(availableWithoutProject[i]);
-            }, 50);
-        }
-    });
-
-    it('loads routes correctly when authorithed without project with unavailable routes', async () => {
-        const unavailableWithoutProject = [
-            RouteConfig.AccessGrants.path,
-            RouteConfig.Team.path,
-            RouteConfig.ProjectDashboard.path,
-        ];
-
-        for (let i = 0; i < unavailableWithoutProject.length; i++) {
-            await router.push(unavailableWithoutProject[i]);
-
-            const wrapper = await shallowMount(DashboardArea, {
-                router,
-            });
-
-            setTimeout(() => {
-                expect(wrapper.vm.$router.currentRoute.path).toBe(RouteConfig.ProjectDashboard.path);
-            }, 50);
-        }
-
-    });
-
-    it('loads routes correctly when not authorithed', () => {
-        const wrapper = shallowMount(DashboardArea, {
-            router,
-        });
-
-        setTimeout(() => {
-            expect(wrapper.vm.$router.currentRoute.path).toBe(RouteConfig.Login.path);
-        }, 50);
-    });
-});
diff --git a/web/satellite/tests/unit/utils/strings.spec.ts b/web/satellite/tests/unit/utils/strings.spec.ts
index ad17b8006a95..baef07f619d7 100644
--- a/web/satellite/tests/unit/utils/strings.spec.ts
+++ b/web/satellite/tests/unit/utils/strings.spec.ts
@@ -1,7 +1,7 @@
 // Copyright (C) 2023 Storj Labs, Inc.
 // See LICENSE for copying information.
 
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { describe, it, expect } from 'vitest';
 
 import { decimalShift, formatPrice, hexToBase64 } from '@/utils/strings';
 
diff --git a/web/satellite/tests/unit/utils/validation.spec.ts b/web/satellite/tests/unit/utils/validation.spec.ts
index 190909df7d87..b413b2ab543f 100644
--- a/web/satellite/tests/unit/utils/validation.spec.ts
+++ b/web/satellite/tests/unit/utils/validation.spec.ts
@@ -1,6 +1,8 @@
 // Copyright (C) 2019 Storj Labs, Inc.
 // See LICENSE for copying information.
 
+import { describe, it, expect } from 'vitest';
+
 import { Validator } from '@/utils/validation';
 
 describe('validation', (): void => {
diff --git a/web/satellite/vuetify-poc/src/styles/styles.scss b/web/satellite/vuetify-poc/src/styles/styles.scss
index f6137a09b71c..ce919ff9e201 100644
--- a/web/satellite/vuetify-poc/src/styles/styles.scss
+++ b/web/satellite/vuetify-poc/src/styles/styles.scss
@@ -57,15 +57,15 @@ body {
 // Button Shadow
 .v-btn--elevated,
 .v-btn--variant-flat {
-  box-shadow: rgba(31, 35, 40, 0.04) 0px 1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px 0px inset;
+  box-shadow: rgba(31, 35, 40, 0.04) 0 1px 0 0, rgba(255, 255, 255, 0.25) 0 1px 0 0 inset;
 }
 .v-btn--variant-outlined {
-  box-shadow: rgba(31, 35, 40, 0.04) 0px 1px 0px 0px;
+  box-shadow: rgba(31, 35, 40, 0.04) 0 1px 0 0;
 }
 .v-btn--elevated:hover,
 .v-btn--variant-flat:hover,
 .v-btn--variant-outlined {
-  box-shadow: rgba(31, 35, 40, 0.04) 0px 1px 0px 0px;
+  box-shadow: rgba(31, 35, 40, 0.04) 0 1px 0 0;
 }
 
 // Button Outlines
@@ -87,7 +87,7 @@ body {
 
 // Button focus style
 .v-btn:focus:active {
-  box-shadow: currentColor 0px 0px 0px 1px, currentColor 0px 0px 0px 1px !important;
+  box-shadow: currentColor 0 0 0 1px, currentColor 0 0 0 1px !important;
 }
 // Button focus style for tabs and toggles
 .v-tabs .v-btn:focus:active, .v-btn-group .v-btn:focus:active {
@@ -108,10 +108,10 @@ body {
 // Menu
 .v-menu > .v-overlay__content > .v-card, .v-menu > .v-overlay__content > .v-sheet, .v-menu > .v-overlay__content > .v-list {
   border: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)) !important;
-  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 10px 10px !important;
+  box-shadow: rgba(0, 0, 0, 0.07) 0 1px 10px 10px !important;
 }
 .v-navigation-drawer--temporary {
-  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 10px 10px !important;
+  box-shadow: rgba(0, 0, 0, 0.07) 0 1px 10px 10px !important;
 }
 .v-navigation-drawer__scrim {
   opacity: 0.3;
@@ -124,7 +124,7 @@ body {
 
 // Select Input Menu
 .v-select__content {
-  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 10px 10px !important;
+  box-shadow: rgba(0, 0, 0, 0.07) 0 1px 10px 10px !important;
   border-radius: 8px !important;
 }
 .v-select__content .v-list {
@@ -306,7 +306,7 @@ table {
   background: rgba(var(--v-theme-surface),0.9) !important;
   color: rgba(var(--v-theme-on-surface),0.9) !important;
   border: 1px solid rgba(var(--v-theme-on-surface),0.2);
-  box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 10px 10px !important;
+  box-shadow: rgba(0, 0, 0, 0.03) 0 1px 10px 10px !important;
   font-weight: 500;
   border-radius: 20px !important;
   padding: 6px 14px;