Created new document for Custom Fields (#548)

* Custom Fields for Test Cases

Create custom fields to enter specific details, add them to your test cases, and filter the test case as per the available custom fields.

* Update custom-fields.md

---------

Co-authored-by: Bharath Krishna <[email protected]>

src/pages/docs/test-cases/manage/custom-fields.md

@@ -0,0 +1,101 @@
+---
+title: "Custom Fields for Test Cases"
+pagetitle: "Custom Fields for Test Cases"
+metadesc: "Create custom fields to enter specific details, add them to your test cases, and filter test cases as per the available custom fields."
+noindex: false
+order: 4.19
+page_id: "Custom Fields"
+warning: false
+contextual_links:
+- type: section
+  name: "Contents"
+- type: link
+  name: "Prerequisites"
+  url: "#prerequisites"
+- type: link
+  name: "Create a Custom Field"
+  url: "#create-a-custom-field"
+- type: link
+  name: "Add the Custom Field to a Test Case"
+  url: "#add-the-custom-field-to-a-test-case"
+- type: link
+  name: "Filter Test Cases Using Custom Fields"
+  url: "#filter-test-cases-using-custom-fields"
+---
+
+---
+
+
+Testsigma allows you to add customized information to your test cases by creating custom fields. You can also use these custom fields to filter and find specific test cases as needed. This article discusses creating a custom field, adding it to a test case, and filtering test cases using custom fields. 
+
+---
+
+> ## **Prerequisites**
+> 
+>  - Before you begin, you must be familiar with the concepts of [Test Case Advanced Options](https://testsigma.com/docs/test-cases/manage/add-edit-delete/#test-case----advanced-options).
+
+---
+
+## **Create a Custom Field**
+1. From the left navigation bar, go to **Settings**.
+   ![Create custom fields 1](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_1.png)
+
+2. In the **Admin Settings** section, click on **Custom Fields**.
+   ![Create custom fields 2](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_2.png)
+
+3. Click **Add new field**.
+   ![Create custom fields 3](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_3.png)
+
+4. In the **Add new field** in the **Test Case** overlay, 
+      * Enter the name in the **Field Name** field.
+        ![Create custom fields 4](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_4.png)
+
+      * Enter the description in the **Description** field.
+        ![Create custom fields 5](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_5.png)
+
+      * Choose the **Field Type** from the dropdown menu. 
+        ![Create custom fields 6](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_6.png)
+
+5. Click **Add**.
+   ![Create custom fields 7](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Create_custom_fields_7.png)
+
+   Here's a sample GIF demonstrating creating a custom field
+   ![Custom field new](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Custom_Field_new.gif)
+
+---
+
+## **Add the Custom Field to a Test Case**
+1. From the left navigation bar, go to **Create Tests** > **Test Cases**.
+   ![Add custom field to test case new](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_the_custom_field_to_a_Test_case_new.png)
+
+2. Select the **Test Case** for which you want to add the Custom Field.
+   ![Add custom field to test case 2](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_custom_field_to_test_case_2.png)
+
+3. From the utility panel, click on **Manage Test Case** and scroll down to view the **Custom Fields** section.
+   ![Add custom field to test case 3](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_custom_field_to_test_case_3.png)
+
+4. Enter the required details.
+   ![Add custom field to test case 4](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_custom_field_to_test_case_4.png)
+
+5. Click **Close**.
+   ![Add custom field to test case 5](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_custom_field_to_test_case_5.png)
+
+ Here's a sample GIF demonstrating adding the custom field to a test case
+ ![Add the custom field to a test case 1](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_the_custom_field_to_a_test_case_1.gif)  
+
+---
+
+## **Filter Test Cases Using Custom Fields**
+1. From the left navigation bar, go to **Create Tests** > **Test Cases**.
+   ![Add custom field to test case new](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Add_the_custom_field_to_a_Test_case_new.png)
+
+2. In the **Test Case Explorer** section, click on **List View**.
+   ![Filter custom fields 2](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Filter_custom_fields_2.png)
+
+3. In the **Test Cases** screen, click on **Show Filters**.
+   ![Filter custom fields 3](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Filter_custom_fields_3.png)
+
+4. Expand **Add Filter** and select the available custom field.
+   ![Filter custom fields 4](https://s3.amazonaws.com/static-docs.testsigma.com/new_images/projects/applications/Filter_custom_fields_4.png)
+
+---