Fix add playlist input style

src/components/playlist/PlaylistList.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { useQuery, useQueryClient } from 'react-query';
 import { useHistory } from 'react-router-dom';
-import { Form, Input, Whisper } from 'rsuite';
+import { Form, Whisper } from 'rsuite';
 import settings from 'electron-settings';
 import useSearchQuery from '../../hooks/useSearchQuery';
 import { createPlaylist, getPlaylists } from '../../api/api';
@@ -10,7 +10,7 @@ import PageLoader from '../loader/PageLoader';
 import GenericPage from '../layout/GenericPage';
 import GenericPageHeader from '../layout/GenericPageHeader';
 import GridViewType from '../viewtypes/GridViewType';
-import { StyledButton, StyledInputGroup, StyledPopover } from '../shared/styled';
+import { StyledButton, StyledInput, StyledInputGroup, StyledPopover } from '../shared/styled';
 import { errorMessages, isFailedResponse } from '../../shared/utils';
 import { notifyToast } from '../shared/toast';
 import { AddPlaylistButton } from '../shared/ToolbarButtons';
@@ -102,10 +102,10 @@ const PlaylistList = () => {
                 <StyledPopover>
                   <Form>
                     <StyledInputGroup>
-                      <Input
+                      <StyledInput
                         placeholder="Enter name..."
                         value={newPlaylistName}
-                        onChange={(e) => setNewPlaylistName(e)}
+                        onChange={(e: string) => setNewPlaylistName(e)}
                       />
                     </StyledInputGroup>
                     <br />