style: adding header to top of profile page (#5285)

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

@@ -33,6 +33,21 @@ const ProfilePageColumn = styled(Column)`
   ${ScreenBreakpointsPaddings}
 `
 
+const ProfileHeader = styled.div`
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 38px;
+  padding-bottom: 16px;
+  margin-bottom: 8px;
+  border-bottom: 1px solid ${({ theme }) => theme.backgroundOutline};
+
+  @media only screen and (max-width: ${({ theme }) => `${theme.breakpoint.sm}px`}) {
+    font-size: 20px;
+    line-height: 28px;
+    margin-bottom: 0px;
+  }
+`
+
 export const DEFAULT_WALLET_ASSET_QUERY_AMOUNT = 25
 const FILTER_SIDEBAR_WIDTH = 300
 const PADDING = 16
@@ -83,6 +98,8 @@ export const ProfilePage = () => {
       {ownerAssets?.length === 0 ? (
         <EmptyWalletContent />
       ) : (
+        <>
+          <ProfileHeader>My NFTs</ProfileHeader>
           <Row alignItems="flex-start" position="relative">
             <FilterSidebar />
 
@@ -143,6 +160,7 @@ export const ProfilePage = () => {
               </Column>
             )}
           </Row>
+        </>
       )}
       {sellAssets.length > 0 && (
         <Row