improvement: finish address changes

frontend/src/components/v2/Dropdown/Dropdown.tsx

@@ -86,13 +86,15 @@ export const DropdownMenuItem = <T extends ElementType = "button">({
   icon,
   as: Item = "button",
   iconPos = "left",
+  isDisabled = false,
   ...props
-}: DropdownMenuItemProps<T> & ComponentPropsWithRef<T>) => (
+}: DropdownMenuItemProps<T> & ComponentPropsWithRef<T> & { isDisabled?: boolean }) => (
   <DropdownMenuPrimitive.Item
     {...props}
     className={twMerge(
       "block cursor-pointer rounded-sm px-4 py-2 font-inter text-xs text-mineshaft-200 outline-none data-[highlighted]:bg-mineshaft-700",
-      className
+      className,
+      isDisabled ? "pointer-events-none opacity-50" : ""
     )}
   >
     <Item type="button" role="menuitem" className="flex w-full items-center" ref={inputRef}>

frontend/src/components/v2/Pagination/Pagination.tsx

@@ -49,7 +49,7 @@ export const Pagination = ({
   return (
     <div
       className={twMerge(
-        "flex w-full items-center justify-end  bg-mineshaft-800 py-3 px-4 text-white",
+        "flex w-full items-center justify-end border-t border-mineshaft-600 bg-mineshaft-800 py-3 px-4 text-white",
         className
       )}
     >

frontend/src/components/v2/Switch/Switch.tsx

@@ -8,6 +8,7 @@ export type SwitchProps = Omit<SwitchPrimitive.SwitchProps, "checked" | "disable
   isChecked?: boolean;
   isRequired?: boolean;
   isDisabled?: boolean;
+  containerClassName?: string;
 };
 
 export const Switch = ({
@@ -17,9 +18,10 @@ export const Switch = ({
   isChecked,
   isDisabled,
   isRequired,
+  containerClassName,
   ...props
 }: SwitchProps): JSX.Element => (
-  <div className="flex items-center font-inter text-bunker-300">
+  <div className={twMerge("flex items-center font-inter text-bunker-300", containerClassName)}>
     <label className="text-sm" htmlFor={id}>
       {children}
       {isRequired && <span className="pl-1 text-red">*</span>}

frontend/src/components/v2/Tooltip/Tooltip.tsx

@@ -27,35 +27,40 @@ export const Tooltip = ({
   isDisabled,
   position = "top",
   ...props
-}: TooltipProps) => (
-  <TooltipPrimitive.Root
-    delayDuration={50}
-    open={isOpen}
-    defaultOpen={defaultOpen}
-    onOpenChange={onOpenChange}
-  >
-    <TooltipPrimitive.Trigger asChild={asChild}>{children}</TooltipPrimitive.Trigger>
-    <TooltipPrimitive.Content
-      side={position}
-      align="center"
-      sideOffset={5}
-      {...props}
-      className={twMerge(
-        `z-50 max-w-[15rem] select-none rounded-md border border-mineshaft-600 bg-mineshaft-800 py-2 px-4 text-sm font-light text-bunker-200 shadow-md 
+}: TooltipProps) =>
+  // just render children if tooltip content is empty
+  content ? (
+    <TooltipPrimitive.Root
+      delayDuration={50}
+      open={isOpen}
+      defaultOpen={defaultOpen}
+      onOpenChange={onOpenChange}
+    >
+      <TooltipPrimitive.Trigger asChild={asChild}>{children}</TooltipPrimitive.Trigger>
+      <TooltipPrimitive.Content
+        side={position}
+        align="center"
+        sideOffset={5}
+        {...props}
+        className={twMerge(
+          `z-50 max-w-[15rem] select-none rounded-md border border-mineshaft-600 bg-mineshaft-800 py-2 px-4 text-sm font-light text-bunker-200 shadow-md 
         data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade
         data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
         data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
         data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
       `,
-        isDisabled && "!hidden",
-        center && "text-center",
-        className
-      )}
-    >
-      {content}
-      <TooltipPrimitive.Arrow width={11} height={5} className="fill-mineshaft-600" />
-    </TooltipPrimitive.Content>
-  </TooltipPrimitive.Root>
-);
+          isDisabled && "!hidden",
+          center && "text-center",
+          className
+        )}
+      >
+        {content}
+        <TooltipPrimitive.Arrow width={11} height={5} className="fill-mineshaft-600" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Root>
+  ) : (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    <>{children}</>
+  );
 
 export const TooltipProvider = TooltipPrimitive.Provider;