Refactor add to playlist modal (#1236)

* Refactor add to playlist modal

* redesign base modal component, add ModalButton component

* improve visibility of filled button focus

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>

src/shared/components/modal/model-shared.tsx

@@ -0,0 +1,9 @@
+import { Button, ButtonProps } from '/@/shared/components/button/button';
+
+export const ModalButton = ({ children, ...props }: ButtonProps) => {
+    return (
+        <Button px="2xl" uppercase variant="subtle" {...props}>
+            {children}
+        </Button>
+    );
+};