Switch default buttonType to secondary

src/app/(posts)/new/components/edit-document-list/edit-document/formatting-icons/index.tsx

@@ -83,6 +83,7 @@ const FormattingIcons = ({
 						iconRight={icon}
 						onMouseDown={(e) => e.preventDefault()}
 						onClick={action}
+						buttonType="secondary"
 					/>
 				</Tooltip>
 			))}

src/app/(posts)/new/components/edit-document-list/edit-document/index.tsx

@@ -24,9 +24,6 @@ const Document = ({
 	defaultTab = "edit",
 	handleOnContentChange
 }: Props) => {
-	// const height = editable ? "500px" : '100%'
-	const height = "100%"
-
 	const onTitleChange = useCallback(
 		(event: ChangeEvent<HTMLInputElement>) =>
 			setTitle ? setTitle(event.target.value) : null,

src/app/components/button/index.tsx

@@ -27,7 +27,7 @@ const Button = forwardRef<HTMLButtonElement, Props>(
 			children,
 			onClick,
 			className,
-			buttonType = "primary",
+			buttonType = "secondary",
 			disabled = false,
 			iconRight,
 			iconLeft,

src/app/components/post-list/list-item-skeleton.tsx

@@ -5,17 +5,18 @@ import Skeleton from "@components/skeleton"
 export const ListItemSkeleton = () => (
 	<li>
 		<Card style={{ overflowY: "scroll" }}>
-			<>
+			<div style={{display: 'flex', gap: 16}}>
 				<div className={styles.title}>
 					{/* title */}
 					<Skeleton width={80} height={32} />
 				</div>
 
 				<div className={styles.badges}>
-					<Skeleton width={30} height={32} />
+					<Skeleton width={60} height={32} />
+					<Skeleton width={60} height={32} />
+					<Skeleton width={60} height={32} />
 				</div>
-			</>
+			</div>
-			<hr />
 			<Skeleton width={100} height={32} />
 		</Card>
 	</li>