fix(segmentation): List surface representations in the segmentation table for 3D views. (#5700)

This was done by using an array of representation types instead of a single type for a panel.
The first element of the array is the primary type of the panel, and the rest are secondary types
that can also be displayed in the panel.

PR feedback:
- added test to check number of segments in side panel for 3D only view
- fixed jumping to segment in 3D only view
- fixed exception when adding contour segment in 3D only view

tests/pages/RightPanelPageObject.ts

@@ -111,20 +111,20 @@ export class RightPanelPageObject {
 
   private get segmentationPanel() {
     const page = this.page;
-    const getSegmentationByIdx = (index: number) => this.getPanelRowByIdx(index);
-    const getSegmentationByText = (text: string) => this.getPanelRowByText(text);
+    const getSegmentByIdx = (index: number) => this.getPanelRowByIdx(index);
+    const getSegmentByText = (text: string) => this.getPanelRowByText(text);
 
     return {
-      getSegmentationCount: async () => {
+      getSegmentCount: async () => {
         return await page.getByTestId('data-row').count();
       },
       // No data-cy exists in this panel, using Segmentation header button
       locator: page.getByRole('button', { name: 'Segmentations' }),
-      nthSegmentation(index: number) {
-        return getSegmentationByIdx(index);
+      nthSegment(index: number) {
+        return getSegmentByIdx(index);
       },
-      segmentationByText(text: string) {
-        return getSegmentationByText(text);
+      segmentByText(text: string) {
+        return getSegmentByText(text);
       },
     };
   }