Make like figma and add the showKeywordAnalysis and new card

src/pages/Portfolio.tsx

@@ -1,17 +1,11 @@
 import React, { useState } from 'react';
 
-import Vector from "../assets/icons/Vector.png"
-import Vector2 from "../assets/icons/Vector2.png"
 import BacklinkTypeDropdown from '../components/Portfolio/BacklinkTypeDropdown';
 import RoadmapSidebar from '../components/Strategy/RoadmapSidebar';
 import HeaderPage from '../components/shared/HeaderPage';
 import ContainerPage from '../components/shared/ContainerPage';
-import Amazing from "../assets/icons/amazon.png"
+import Amazing from "../assets/icons/amazon.svg"
 import { CircleCheck } from 'lucide-react';
-// import Pinterest from "../assets/icons/pinterest.png"
-// import AppleMusic from "../assets/icons/apple-music.png"
-// import Substack from "../assets/icons/substack.png"
-// import Pin from "../assets/icons/pin.png"
 import Progress from "../assets/icons/InProgress.svg"
 import No from "../assets/icons/NA.svg"
 import Share2 from "../assets/icons/Share2.png"
@@ -108,7 +102,7 @@ function Portfolio() {
 
                             <BacklinkTypeDropdown options={{ DA: true, DR: true, Traffic: true }} title="Traffic" subTitle="Show rings:" />
 
-                            <button className='bg-[#fff] text-gray-500 border px-3 sm:px-4 py-1 rounded-lg text-sm sm:text-md font-bold transition-colors flex items-center gap-2'>
+                            <button className='bg-[#fff] text-gray-500 border px-3 sm:px-4 py-2 rounded-lg text-sm sm:text-md font-bold transition-colors flex items-center gap-2'>
                                 <img src={Share2} alt="" className='w-4 h-4' />
                                 <span>Export</span>
                             </button>