refactor(icons): install and use @heroicons/react (#1438)

src/components/Common/PlayButton/index.tsx

@@ -1,3 +1,4 @@
+import { PlayIcon } from '@heroicons/react/outline';
 import React from 'react';
 import ButtonWithDropdown from '../ButtonWithDropdown';
 
@@ -20,26 +21,7 @@ const PlayButton: React.FC<PlayButtonProps> = ({ links }) => {
       buttonType="ghost"
       text={
         <>
-          <svg
-            className="w-5 h-5 mr-1"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
-            />
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-            />
-          </svg>
+          <PlayIcon className="w-5 h-5 mr-1" />
           <span>{links[0].text}</span>
         </>
       }