Add actions for folder

-import React, { useState } from "react";
+import React, { useState, Fragment } from "react";
 import { Popconfirm, Popover, Button, message } from "antd";
 import { Popconfirm, Popover, Button, message } from "antd";
 import { FileItem } from "./useFileList";
 import { FileItem } from "./useFileList";
 import styles from "./FileItemActions.module.scss";
 import styles from "./FileItemActions.module.scss";
@@ -52,9 +52,11 @@ export function FileItemActions({
           이름 변경
           이름 변경
         </Button>
         </Button>
       </Popover>
       </Popover>
+      {!item.is_folder && (
         <Button type="link" size="small">
         <Button type="link" size="small">
           공유
           공유
         </Button>
         </Button>
+      )}
       <Popover
       <Popover
         title="이동할 폴더를 선택하세요"
         title="이동할 폴더를 선택하세요"
         content={
         content={
@@ -78,6 +80,7 @@ export function FileItemActions({
           이동
           이동
         </Button>
         </Button>
       </Popover>
       </Popover>
+      {!item.is_folder && (
         <Popover
         <Popover
           title="복사할 폴더를 선택하세요"
           title="복사할 폴더를 선택하세요"
           content={
           content={
@@ -98,6 +101,8 @@ export function FileItemActions({
             복사
             복사
           </Button>
           </Button>
         </Popover>
         </Popover>
+      )}
+      {!item.is_folder && (
         <Popconfirm
         <Popconfirm
           title="정말로 삭제하시겠습니까?"
           title="정말로 삭제하시겠습니까?"
           onConfirm={() => onDelete(item.id)}
           onConfirm={() => onDelete(item.id)}
@@ -108,6 +113,7 @@ export function FileItemActions({
             삭제
             삭제
           </Button>
           </Button>
         </Popconfirm>
         </Popconfirm>
+      )}
     </div>
     </div>
   );
   );
 }
 }

@@ -152,15 +152,14 @@ function getColumns({
       dataIndex: "size",
       dataIndex: "size",
       width: 120,
       width: 120,
       render: (bytes: number, item) =>
       render: (bytes: number, item) =>
-        item.is_folder ? "" : filesize(bytes, { round: 0 }),
+        item.is_folder ? "-" : filesize(bytes, { round: 0 }),
     },
     },
     {
     {
       title: "",
       title: "",
       key: "action",
       key: "action",
       dataIndex: "",
       dataIndex: "",
       width: 300,
       width: 300,
-      render: (__: any, item) =>
-        item.is_folder ? null : (
+      render: (__: any, item) => (
         <FileItemActions
         <FileItemActions
           item={item}
           item={item}
           onRename={handleRename}
           onRename={handleRename}