引入 husky，并全局重新格式化

src/app/(home)/@header/_client/product.tsx

@@ -35,26 +35,26 @@ export function Domestic(props: {}) {
     <section role="tabpanel" className="flex gap-16 mr-16">
       <div className="w-64 flex flex-col">
         <h3 className="mb-6 font-bold flex items-center gap-3">
-          <Image src={prod} alt={`产品`} className={`w-10 h-=10`}/>
+          <Image src={prod} alt="产品" className="w-10 h-=10"/>
           <span>代理产品</span>
         </h3>
 
         <DomesticLink
-          label={`动态IP`}
-          desc={`全国300+城市级定位节点`}
-          href={`/product?type=dynamic`}
+          label="动态IP"
+          desc="全国300+城市级定位节点"
+          href="/product?type=dynamic"
           discount={45}
         />
         <DomesticLink
-          label={`长效静态IP`}
-          desc={`IP 资源覆盖全国`}
-          href={`/product?type=dynamic`}
+          label="长效静态IP"
+          desc="IP 资源覆盖全国"
+          href="/product?type=dynamic"
           discount={45}
         />
         <DomesticLink
-          label={`固定IP`}
-          desc={`全国300+城市级定位节点`}
-          href={`/product?type=static`}
+          label="固定IP"
+          desc="全国300+城市级定位节点"
+          href="/product?type=static"
           discount={45}
         />
       </div>
@@ -85,7 +85,6 @@ export function Oversea(props: {}) {
 }
 
 export default function ProductMenu() {
-
   const [type, setType] = useState<TabType>('domestic')
 
   return (
@@ -105,7 +104,7 @@ export default function ProductMenu() {
       </div>
       <aside className="w-64">
         <h3 className="flex gap-3 items-center mb-4">
-          <Image src={anno} alt={`公告`} className={`w-10 h-10`}/>
+          <Image src={anno} alt="公告" className="w-10 h-10"/>
           <span>网站公告</span>
         </h3>
         <div className="flex flex-col gap-2">
@@ -140,14 +139,19 @@ export function DomesticLink(props: {
   }
 
   return (
-    <Link href={props.href} className={merge(
-      `transition-colors duration-150 ease-in-out`,
-      `p-4 rounded-lg flex flex-col gap-2 hover:bg-blue-50`,
-    )} onClick={onClick}>
+    <Link
+      href={props.href}
+      className={merge(
+        `transition-colors duration-150 ease-in-out`,
+        `p-4 rounded-lg flex flex-col gap-2 hover:bg-blue-50`,
+      )}
+      onClick={onClick}>
       <p className="flex gap-2">
         <span>{props.label}</span>
         <span className="text-orange-500 text-xs text-light px-2 py-1 bg-orange-50 rounded-full">
-          折扣{props.discount}%
+          折扣
+          {props.discount}
+          %
         </span>
       </p>
       <p className="text-gray-400 text-sm">