admin progress

src/components/list-button.tsx

@@ -0,0 +1,30 @@
+import { Divider, Group, Text, UnstyledButton } from "@mantine/core";
+import { CaretRightIcon, Icon } from "@phosphor-icons/react";
+
+interface ListButtonProps {
+  label: string;
+  Icon: Icon;
+  handleClick: () => void;
+}
+
+const ListButton = ({ label, handleClick, Icon }: ListButtonProps) => {
+  return (
+    <>
+      <UnstyledButton
+        w='100%'
+        p='md'
+        component={'button'}
+        onClick={handleClick}
+      >
+        <Group>
+          <Icon weight='bold' size={20} />
+          <Text fw={500} size='md'>{label}</Text>
+          <CaretRightIcon style={{ marginLeft: 'auto' }} size={20} />
+        </Group>
+      </UnstyledButton>
+      <Divider />
+    </>
+  )
+}
+
+export default ListButton;

src/components/sheet/slide-panel/slide-panel-field.tsx

@@ -68,7 +68,7 @@ const SlidePanelField = ({
         style={{
           width: '100%',
           border: error ? '1px solid var(--mantine-color-error)' : '1px solid var(--mantine-color-dimmed)',
-          borderRadius: 'var(--mantine-radius-lg)',
+          borderRadius: 'var(--mantine-radius-md)',
           backgroundColor: 'var(--mantine-color-body)',
           textAlign: 'left',
         }}