feat: implement test cases tab with styling and functionality for displaying test cases

Frontend/src/index.css

@@ -1735,6 +1735,90 @@ body {
   caret-color: #212529;
 }
 
+/* Test Cases Tab Styles */
+.testcases-tab-content {
+  overflow-y: auto;
+  padding: 0;
+}
+
+.testcases-container {
+  padding: 12px;
+}
+
+.testcase-item {
+  background-color: #ffffff;
+  border: 1px solid #dee2e6;
+  border-radius: 4px;
+  margin-bottom: 12px;
+  overflow: hidden;
+}
+
+.testcase-item:last-child {
+  margin-bottom: 0;
+}
+
+.testcase-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  background-color: #f8f9fa;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.testcase-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: #212529;
+}
+
+.testcase-badge {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 2px 8px;
+  background-color: #e7f3ff;
+  color: #0066cc;
+  border-radius: 3px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.testcase-body {
+  padding: 12px;
+}
+
+.testcase-field {
+  margin-bottom: 12px;
+}
+
+.testcase-field:last-child {
+  margin-bottom: 0;
+}
+
+.testcase-field-label {
+  font-size: 11px;
+  font-weight: 600;
+  color: #6c757d;
+  margin-bottom: 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.testcase-field-value {
+  background-color: #f8f9fa;
+  border: 1px solid #dee2e6;
+  border-radius: 3px;
+  padding: 8px 10px;
+  font-family: 'Consolas', 'Monaco', monospace;
+  font-size: 12px;
+  line-height: 1.5;
+  color: #212529;
+  margin: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+}
+
 /* Action Bar */
 .action-bar {
   position: absolute;