marketplace layout fix

pages/address/[hash]/index.tsx

 import type { GetServerSideProps, NextPage } from 'next';
-import dynamic from 'next/dynamic';
 import React from 'react';
 
 import type { Route } from 'nextjs-routes';

ui/pages/Marketplace.tsx

@@ -21,7 +21,6 @@ import type { IconName } from 'ui/shared/IconSvg';
 import LinkExternal from 'ui/shared/LinkExternal';
 import PageTitle from 'ui/shared/Page/PageTitle';
 import RadioButtonGroup from 'ui/shared/radioButtonGroup/RadioButtonGroup';
-import TabsSkeleton from 'ui/shared/Tabs/TabsSkeleton';
 import TabsWithScroll from 'ui/shared/Tabs/TabsWithScroll';
 
 import useMarketplace from '../marketplace/useMarketplace';
@@ -93,7 +92,7 @@ const Marketplace = () => {
 
     tabs.unshift({
       id: MarketplaceCategory.FAVORITES,
-      title: () => <IconSvg name="star_outline" w={ 5 } h={ 5 }/>,
+      title: () => <IconSvg name="star_outline" w={ 5 } h={ 5 } display="flex"/>,
       count: null,
       component: null,
     });
@@ -179,16 +178,13 @@ const Marketplace = () => {
       />
 
       <Box marginTop={{ base: 0, lg: 8 }}>
-        { (isCategoriesPlaceholderData) ? (
-          <TabsSkeleton tabs={ categoryTabs }/>
-        ) : (
-          <TabsWithScroll
-            tabs={ categoryTabs }
-            onTabChange={ handleCategoryChange }
-            defaultTabIndex={ selectedCategoryIndex }
-            marginBottom={ -2 }
-          />
-        ) }
+        <TabsWithScroll
+          tabs={ categoryTabs }
+          onTabChange={ handleCategoryChange }
+          defaultTabIndex={ selectedCategoryIndex }
+          marginBottom={ -2 }
+          isLoading={ isCategoriesPlaceholderData }
+        />
       </Box>
 
       <Flex direction={{ base: 'column', lg: 'row' }} mb={{ base: 4, lg: 6 }} gap={{ base: 4, lg: 3 }}>