[chore] update styles and remove path select tests at launch page

src/components/cstb/CommonDir.tsx

@@ -5,11 +5,15 @@ interface RoundedButtonProps {
   children?: React.ReactNode
 }
 
-const RoundedButton = ({ children }: RoundedButtonProps) => {
+const RoundedButton = ({
+  children,
+  ...props
+}: RoundedButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
   return (
     <button
       type="button"
       className="flex items-center justify-center px-3 py-1 transition rounded-full select-none min-w-fit active:scale-95 hover:bg-black/10 text-zinc-700 dark:text-zinc-100 bg-black/5"
+      {...props}
     >
       {children}
     </button>
@@ -26,13 +30,13 @@ const CommonDir = () => {
       </CardHeader>
       <CardBody>
         <div className="flex gap-1.5">
-          <RoundedButton>Steam安装位置</RoundedButton>
-          <RoundedButton>CS2游戏目录</RoundedButton>
-          <RoundedButton>地图文件</RoundedButton>
-          <RoundedButton>游戏CFG目录</RoundedButton>
-          <RoundedButton>个人CFG目录</RoundedButton>
-          <RoundedButton>完美平台录像</RoundedButton>
-          <RoundedButton>5E平台录像</RoundedButton>
+          <RoundedButton onClick={()=> {alert("hello")}}>Steam安装位置</RoundedButton>
+          <RoundedButton onClick={()=> {}}>CS2游戏目录</RoundedButton>
+          <RoundedButton onClick={()=> {}}>地图文件</RoundedButton>
+          <RoundedButton onClick={()=> {}}>游戏CFG目录</RoundedButton>
+          <RoundedButton onClick={()=> {}}>个人CFG目录</RoundedButton>
+          <RoundedButton onClick={()=> {}}>完美平台录像</RoundedButton>
+          <RoundedButton onClick={()=> {}}>5E平台录像</RoundedButton>
         </div>
       </CardBody>
     </Card>