Add music to playlist, add more github info and css

pages/playlists.tsx

@@ -1,9 +1,9 @@
-import React, { ReactElement } from 'react';
 import Layout from '../components/layout';
 import { mapChild, toListItem } from '../components/lists';
 import pl from '../public/playlists.yaml';
 
 function Playlists() {
+
     return (
         <Layout name='Playlists'>
             <h2>Music</h2>
@@ -11,11 +11,23 @@ function Playlists() {
                 pl.map((item: Record<string, any>) => {
                     const lItem = toListItem(item)
                     if (lItem)
-                        return mapChild(lItem, 0)
+                        return mapChild(lItem, 0, {
+                            'spotify': (i) => {
+                                return <div>
+                                <a className='extern link button' 
+                                href={`https://open.spotify.com/track/${i.id}`}></a> 
+                                {i.title}</div>;
+                            },
+                            'youtube-playlist': (i) => {
+                                return <div>
+                                <a className='extern link button' 
+                                href={`https://youtube.com/playlist?list=${i.id}`}></a> 
+                                {i.title}</div>;
+                            }
+                        })
                 })
             }
         </Layout>
     );
 }
-
 export default Playlists;