implemented proper url formatting in settingsinput fields

Author: Dboy0ZDev

src/components/asset/asset-form/AssetFormVulnsManagement.tsx

@@ -578,6 +578,7 @@ const PublicUrlsSection: FunctionComponent<{
           className={copyable ? "text-foreground" : "text-muted-foreground"}
         >
           <InputWithButton
+            className="truncate"
             label={url.label}
             copyable={copyable && !!url.value}
             copyToastDescription={url.copyToastDescription}

src/components/ui/input-with-button.tsx

@@ -59,11 +59,11 @@ const InputWithButton = (props: InputWithButtonProps) => {
           variant === "onCard" ? "bg-background" : "bg-card",
         )}
       >
-        <div className="flex flex-row  justify-between w-full">
+        <div className="flex flex-row  justify-between w-full gap-1">
           <input
             {...inputProps}
             value={props.value ?? ""}
-            className={classNames("w-full bg-transparent focus:outline-none")}
+            className={classNames(`w-full bg-transparent focus:outline-none ${inputProps.className}`)}
             readOnly={!mutable || !inputProps.onChange}
             name={"input" + nameKey}
           />