chore(tests): Tab-bar-hidden test refactor with new manual scenario (#3840)

## Description
test-tabs-hidden name change to follow rules, text added to screen and
manual scenario created in new folder

## Changes
- Updated `tab-bar-hidden.tsx` file name to - 'test-tabs-hidden.tsx.' to
follow test naming convention
- Above file was also updated in Scenario secotion + test on the screen
was added
- New folder - scenarios were created to store scenarios related to tabs
- new scenario was added -  'test-tabs-hidden.md' 


## Before & after - visual documentation
Test above button was added. 

<img width="300" height="650" alt="Simulator Screenshot - iPhone 17 Pro
- 2026-04-03 at 11 50 51"
src="https://github.com/user-attachments/assets/6b09a67c-47ea-4b6f-8596-881cc6078d16"
/>

Author: LKuchno

apps/src/tests/single-feature-tests/tabs/index.ts

@@ -2,7 +2,7 @@ import type { ScenarioGroup } from '@apps/tests/shared/helpers';
 
 import BottomAccessoryScenario from './bottom-accessory-layout';
 import OverrideScrollViewContentInsetScenario from './override-scroll-view-content-inset';
-import TabBarHiddenScenario from './tab-bar-hidden';
+import TestTabsTabBarHidden from './test-tabs-tab-bar-hidden';
 import TabsScreenOrientationScenario from './tabs-screen-orientation';
 import TabBarAppearanceDefinedBySelectedTabScenario from './test-tabs-appearance-defined-by-selected-tab';
 import TestTabsColorScheme from './test-tabs-color-scheme';
@@ -16,7 +16,7 @@ const scenarios = {
   BottomAccessoryScenario,
   OverrideScrollViewContentInsetScenario,
   TabBarAppearanceDefinedBySelectedTabScenario,
-  TabBarHiddenScenario,
+  TestTabsTabBarHidden,
   TabsScreenOrientationScenario,
   TestTabsColorScheme,
   TestTabsLayoutDirection,

…le-feature-tests/tabs/tab-bar-hidden.tsx …/tabs/test-tabs-tab-bar-hidden/index.tsxapps/src/tests/single-feature-tests/tabs/tab-bar-hidden.tsx renamed to apps/src/tests/single-feature-tests/tabs/test-tabs-tab-bar-hidden/index.tsx apps/src/tests/single-feature-tests/tabs/tab-bar-hidden.tsx renamed to apps/src/tests/single-feature-tests/tabs/test-tabs-tab-bar-hidden/index.tsx

@@ -1,6 +1,6 @@
 import { SettingsSwitch } from '@apps/shared/SettingsSwitch';
 import React from 'react';
-import { ScrollView } from 'react-native';
+import { ScrollView, Text } from 'react-native';
 import type { Scenario } from '@apps/tests/shared/helpers';
 import {
   TabsContainerWithHostConfigContext,
@@ -11,7 +11,7 @@ import {
 
 const SCENARIO: Scenario = {
   name: 'Tab Bar Hidden',
-  key: 'tab-bar-hidden',
+  key: 'test-tabs-tab-bar-hidden',
   platforms: ['ios', 'android'],
   AppComponent: App,
 };
@@ -23,7 +23,9 @@ function ConfigScreen() {
 
   return (
     <ScrollView style={{ padding: 40 }}>
+      <Text style={{ textAlign: 'center' }}>Change flag value by clicking on button.</Text>
       <SettingsSwitch
+        style={{ marginTop: 20, marginBottom: 15 }}
         label="tabBarHidden"
         value={hostConfig.tabBarHidden ?? false}
         onValueChange={value => updateHostConfig({ tabBarHidden: value })}

apps/src/tests/single-feature-tests/tabs/test-tabs-tab-bar-hidden/scenario.md

@@ -0,0 +1,21 @@
+## Test Scenario: tabBarHidden
+
+**E2E test:** No - to be automated
+
+## Prerequisites
+- iOS 18+ device or simulator
+- Android emulator
+
+---
+
+### Steps
+
+1. Launch the app and navigate to the screen Tab Bar Hidden.
+
+- [ ] Expected: Screen with one Tab in tab bar should be displayed.
+2. Toggle `tabBarHidden` to `true`.
+
+- [ ] Expected: Tab bar should disappear immediately.
+3. Toggle back to `false`.
+
+- [ ] Expected: Tab bar should reappear.