feat: frontend explicit imports + error page fix (#4184)

* feat: frontend explicit imports

* fix: error handling

* fix: dashboard missing import

* fix: error page issues

* fix: exclude RouterView

* feat: fix lint issues

* fix: lint issues

* fix: import issues

* add getVersionLink

* make articles.json use tabs on generation so it doesn't have to be reformatted

* fix: lint issues

---------

Signed-off-by: Cal H. <hendersoncal117@gmail.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

packages/ui/src/components/billing/PurchaseModal.vue

@@ -86,7 +86,7 @@
 							}"
 							@click="serverLoader = loader"
 						>
-							<UiServersIconsLoaderIcon :loader="loader" class="!h-12 !w-12" />
+							<LoaderIcon :loader="loader" class="!h-12 !w-12" />
 							<p class="text-lg font-bold m-0">{{ loader }}</p>
 						</button>
 					</div>
@@ -552,6 +552,7 @@ import Checkbox from '../base/Checkbox.vue'
 import Slider from '../base/Slider.vue'
 import AnimatedLogo from '../brand/AnimatedLogo.vue'
 import NewModal from '../modal/NewModal.vue'
+import LoaderIcon from '../servers/LoaderIcon.vue'
 
 const { locale, formatMessage } = useVIntl()
 

packages/ui/src/components/billing/ServersPurchase3Review.vue

@@ -24,6 +24,7 @@ import { regionOverrides } from '../../utils/regions'
 import ButtonStyled from '../base/ButtonStyled.vue'
 import Checkbox from '../base/Checkbox.vue'
 import TagItem from '../base/TagItem.vue'
+import ModrinthServersIcon from '../servers/ModrinthServersIcon.vue'
 import ExpandableInvoiceTotal from './ExpandableInvoiceTotal.vue'
 import FormattedPaymentMethod from './FormattedPaymentMethod.vue'
 import ServersSpecs from './ServersSpecs.vue'
@@ -93,7 +94,7 @@ function setInterval(newInterval: ServerBillingInterval) {
 	<div class="grid sm:grid-cols-[3fr_2fr] gap-4">
 		<div class="bg-table-alternateRow p-4 rounded-2xl">
 			<div class="flex items-center gap-2 mb-3">
-				<LazyUiServersModrinthServersIcon class="flex h-5 w-fit" />
+				<ModrinthServersIcon class="flex h-5 w-fit" />
 				<TagItem>{{ planName }}</TagItem>
 			</div>
 			<div>