style: updating profile skeleton (#5293)

style: updating proflie skeleton

src/nft/components/profile/view/ProfilePageLoadingSkeleton.tsx

 import { assetList } from 'nft/components/collection/CollectionNfts.css'
+import { ScreenBreakpointsPaddings } from 'nft/pages/collection/index.css'
 import styled from 'styled-components/macro'
 
 import { DEFAULT_WALLET_ASSET_QUERY_AMOUNT } from './ProfilePage'
 
 const SkeletonPageWrapper = styled.div`
-  padding: 40px 72px 52px;
+  ${ScreenBreakpointsPaddings};
+  padding-top: 40px;
   width: 100%;
+
+  @media only screen and (max-width: ${({ theme }) => `${theme.breakpoint.sm}px`}) {
+    padding-top: 16px;
+  }
 `
 
 const SkeletonBodyWrapper = styled.div`
@@ -26,13 +32,6 @@ const AccountDetailsSkeletonWrapper = styled(SkeletonRowWrapper)`
   margin-bottom: 30px;
 `
 
-const ProfilePictureSkeleton = styled.div`
-  height: 44px;
-  width: 44px;
-  background: ${({ theme }) => theme.backgroundModule};
-  border-radius: 100px;
-`
-
 const ProfileDetailsSkeleton = styled.div`
   width: 180px;
   height: 36px;
@@ -69,7 +68,6 @@ export const ProfileBodyLoadingSkeleton = () => {
   return (
     <SkeletonBodyWrapper>
       <AccountDetailsSkeletonWrapper>
-        <ProfilePictureSkeleton />
         <ProfileDetailsSkeleton />
       </AccountDetailsSkeletonWrapper>
       <FilterBarSkeletonWrapper>