fix: Replace static ID with useId() hook in PostgresIcon

Co-authored-by: FunamaYukina <FunamaYukina@users.noreply.github.com>

Author: claude[bot]

frontend/apps/app/components/FormatIcon/icons/PostgresIcon.tsx

@@ -1,7 +1,10 @@
 import type { FC } from 'react'
+import { useId } from 'react'
 import type { IconProps } from './types'
 
 export const PostgresIcon: FC<IconProps> = ({ size = 16 }) => {
+  const clipPathId = useId()
+
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -11,7 +14,7 @@ export const PostgresIcon: FC<IconProps> = ({ size = 16 }) => {
       fill="none"
       aria-hidden="true"
     >
-      <g clipPath="url(#clip0_postgres)">
+      <g clipPath={`url(#${clipPathId})`}>
         <path
           d="M15.7182 9.58443C15.6248 9.30204 15.3805 9.10515 15.0647 9.05809C14.9156 9.03581 14.7449 9.04515 14.543 9.08683C14.1909 9.1594 13.9301 9.18707 13.7393 9.19246C14.4586 7.9781 15.0435 6.59309 15.3801 5.28928C15.9244 3.18141 15.6334 2.22106 15.2935 1.7867C14.3939 0.637015 13.0815 0.0194192 11.4974 0.000377565C10.6527 -0.00896361 9.91084 0.157022 9.5239 0.276661C9.16355 0.213069 8.77625 0.177501 8.36991 0.171034C7.60824 0.159178 6.93496 0.324804 6.35976 0.666116C6.04108 0.558333 5.53019 0.406719 4.9399 0.309714C3.55202 0.0819332 2.43323 0.259416 1.6148 0.837491C0.624275 1.53772 0.16512 2.75387 0.249909 4.45253C0.276855 4.9918 0.578646 6.63261 1.05361 8.18864C1.32666 9.08288 1.61767 9.82586 1.91875 10.3964C2.34557 11.2055 2.80257 11.6819 3.31561 11.8533C3.60303 11.9492 4.12542 12.0164 4.67511 11.5586C4.74481 11.6431 4.8375 11.7268 4.9611 11.8048C5.11774 11.9036 5.30923 11.9844 5.50037 12.0322C6.18946 12.2046 6.83508 12.1615 7.38585 11.9201C7.38908 12.0182 7.39196 12.1119 7.39411 12.1928C7.39771 12.3239 7.4013 12.4522 7.40597 12.5722C7.43866 13.3848 7.49399 14.0168 7.65782 14.4587C7.6668 14.4832 7.67902 14.5202 7.69159 14.5593C7.77315 14.8097 7.91003 15.2287 8.25745 15.5567C8.61745 15.8965 9.05325 16.0007 9.45205 16.0007C9.65216 16.0007 9.84294 15.9745 10.0104 15.9386C10.6071 15.8107 11.2847 15.616 11.7751 14.9179C12.2386 14.2579 12.4639 13.2638 12.5048 11.6977C12.5102 11.6535 12.5149 11.6111 12.5195 11.5709C12.5228 11.5436 12.526 11.5159 12.5292 11.4879L12.6385 11.4976L12.6668 11.4994C13.2744 11.527 14.0177 11.3981 14.4744 11.1861C14.8351 11.0187 15.9909 10.4086 15.7185 9.58479L15.7182 9.58443Z"
           fill="black"
@@ -34,7 +37,7 @@ export const PostgresIcon: FC<IconProps> = ({ size = 16 }) => {
         />
       </g>
       <defs>
-        <clipPath id="clip0_postgres">
+        <clipPath id={clipPathId}>
           <rect width="16" height="16" fill="white" />
         </clipPath>
       </defs>