docs: added support for commit-copy-action

Author: harish-viswa

apps/portal/src/content/docs/components/commit-copy-action.mdx

@@ -0,0 +1,57 @@
+---
+title: Commit Copy Action
+description: Commit Copy Action component documentation
+---
+
+The Commit Copy Action component provides a UI element for displaying a commit SHA and copying it to the clipboard. It also allows navigation to the commit details page.
+
+import { DocsPage } from "@/components/docs-page";
+
+<DocsPage.ComponentExample
+  client:only
+  code={`
+  <div className="flex">
+    <CommitCopyActions sha="abc1234" toCommitDetails={({ sha }) => \`/commit/\${sha}\`} />
+  </div>`}
+/>
+
+## Usage
+
+```typescript jsx
+import { CommitCopyActions } from '@harnessio/ui/components'
+
+return (
+  <div className="flex">
+    <CommitCopyActions
+      sha="abc1234"                                      // [REQUIRED] The commit SHA to display and copy
+      toCommitDetails={({ sha }) => \`/commit/\${sha}\`} // [OPTIONAL] Function to generate commit details URL
+      className="my-class"                              // [OPTIONAL] Additional CSS classes
+    />
+  </div>
+)
+```
+
+## API Reference
+
+<DocsPage.PropsTable
+  props={[
+    {
+      name: "sha",
+      description: "The commit SHA to display and copy. This will be shown in the UI and can be copied to clipboard.",
+      required: true,
+      value: "string",
+    },
+    {
+      name: "toCommitDetails",
+      description: "Function that takes the SHA and returns a URL for navigating to the commit details page",
+      required: false,
+      value: "({ sha }: { sha: string }) => string",
+    },
+    {
+      name: "className",
+      description: "Additional CSS classes to apply to the component",
+      required: false,
+      value: "string",
+    },
+  ]}
+/>