Add bottom navigation bar (#5757)

Task/Issue URL:
https://app.asana.com/0/1208671518894266/1209578839649376

### Description
Adds an experimental bottom navigation bar.

### Steps to test this PR
- [x] Build the branch in `play*` variant and verify that bottom
navigation bar **is not** present.
- [x] Verify that no icons are hidden from the omnibar or form the
browser menu.
  - [x] Verify that there's no Duck.ai button present in the omnibar.
  - [x] Verify that custom tabs don't show the navigation bar. 
- [x] Build the branch in `internal*` variant. The new designs and
navigation bar should be enabled by default.
- [x] Verify that the fire and tabs buttons are hidden from the omnibar.
- [x] Verify that the navigation buttons (arrows and refresh spinner)
are hidden from the browser menu.
- [x] Verify that a new "Refresh Page" button is available in the
browser menu.
  - [x] Verify that there's a new Duck.ai button in the omnibar.
  - [x] Verify that buttons on the navigation bar work.
- [x] Verify that navigation bar hides while scrolling (in tandem with
the omnibar).
- [x] (optional) Verify that custom tabs show the navigation bar but
without the fire, tabs, and Duck.ai buttons.
- [x] (optional) Try it in dark mode and verify that the colors are
shifted correctly.
- [x] Go to "Experimental UI Settings" in the internal settings and turn
the navigation bar off.
  - [x] Verify that navigation bar is gone.

### UI changes
| Before  | After |
| ------ | ----- |

![Screenshot_20250310_173457](https://github.com/user-attachments/assets/bdd50113-f966-4aec-9d29-93c4139011d7)|![Screenshot_20250310_173518](https://github.com/user-attachments/assets/d568e92a-e0cf-46e6-8f9f-1864f68d8c60)|

---------

Co-authored-by: Josh Leibstein <[email protected]>

Author: LukasPaczos

.github/workflows/ads-end-to-end.yml

@@ -48,7 +48,7 @@ jobs:
         uses: gradle/actions/setup-gradle@v3
 
       - name: Assemble the project
-        run: ./gradlew assembleInternalRelease -Pforce-default-variant
+        run: ./gradlew assembleInternalRelease -Pforce-default-variant -Pdisable-visual-design-experiment
 
       - name: Move APK to new folder
         if: always()

.github/workflows/custom-tabs-nightly.yml

@@ -48,7 +48,7 @@ jobs:
         uses: gradle/actions/setup-gradle@v3
 
       - name: Assemble internal release APK
-        run: ./gradlew assembleInternalRelease -Pforce-default-variant -x lint
+        run: ./gradlew assembleInternalRelease -Pforce-default-variant -Pdisable-visual-design-experiment -x lint
 
       - name: Move APK to new folder
         if: always()

.github/workflows/sync-critical-path.yml

@@ -55,7 +55,7 @@ jobs:
         uses: gradle/actions/setup-gradle@v3
 
       - name: Assemble internal release APK
-        run: ./gradlew assembleInternalRelease -Pforce-default-variant -Psync-disable-auth-requirement -x lint
+        run: ./gradlew assembleInternalRelease -Pforce-default-variant -Psync-disable-auth-requirement -Pdisable-visual-design-experiment -x lint
 
       - name: Move APK to new folder
         if: always()

app-build-config/app-build-config-api/src/main/java/com/duckduckgo/appbuildconfig/api/AppBuildConfig.kt

@@ -34,6 +34,7 @@ interface AppBuildConfig {
     val isDefaultVariantForced: Boolean
     val buildDateTimeMillis: Long
     val canSkipOnboarding: Boolean
+    val visualDesignExperimentEnabledByDefault: Boolean
 
     /**
      * You should call [variantName] in a background thread

app/build.gradle

@@ -67,6 +67,11 @@ android {
         } else {
             buildConfigField "long", "BUILD_DATE_MILLIS", "0"
         }
+        if (project.hasProperty('disable-visual-design-experiment')) {
+            buildConfigField "boolean", "VISUAL_DESIGN_EXPERIMENT_ENABLED_BY_DEFAULT", "false"
+        } else {
+            buildConfigField "boolean", "VISUAL_DESIGN_EXPERIMENT_ENABLED_BY_DEFAULT", "true"
+        }
 
         namespace 'com.duckduckgo.app.browser'
     }

app/src/androidTest/java/com/duckduckgo/app/browser/BrowserTabViewModelTest.kt

@@ -192,6 +192,8 @@ import com.duckduckgo.browser.api.UserBrowserProperties
 import com.duckduckgo.browser.api.brokensite.BrokenSiteContext
 import com.duckduckgo.common.test.CoroutineTestRule
 import com.duckduckgo.common.test.InstantSchedulersRule
+import com.duckduckgo.common.ui.experiments.visual.store.VisualDesignExperimentDataStore
+import com.duckduckgo.common.ui.experiments.visual.store.VisualDesignExperimentDataStore.FeatureState
 import com.duckduckgo.common.utils.DispatcherProvider
 import com.duckduckgo.common.utils.device.DeviceInfo
 import com.duckduckgo.common.utils.plugins.PluginPoint
@@ -509,6 +511,10 @@ class BrowserTabViewModelTest {
     private val defaultBrowserPromptsExperimentShowPopupMenuItemFlow = MutableStateFlow(false)
     private val mockDefaultBrowserPromptsExperiment: DefaultBrowserPromptsExperiment = mock()
 
+    private val mockVisualDesignExperimentDataStore: VisualDesignExperimentDataStore = mock()
+    private val defaultVisualExperimentStateFlow = MutableStateFlow(FeatureState(isAvailable = true, isEnabled = false))
+    private val defaultVisualExperimentNavBarStateFlow = MutableStateFlow(FeatureState(isAvailable = true, isEnabled = false))
+
     @Before
     fun before() = runTest {
         MockitoAnnotations.openMocks(this)
@@ -613,6 +619,12 @@ class BrowserTabViewModelTest {
         whenever(mockDefaultBrowserPromptsExperiment.showSetAsDefaultPopupMenuItem).thenReturn(
             defaultBrowserPromptsExperimentShowPopupMenuItemFlow,
         )
+        whenever(mockVisualDesignExperimentDataStore.experimentState).thenReturn(
+            defaultVisualExperimentStateFlow,
+        )
+        whenever(mockVisualDesignExperimentDataStore.navigationBarState).thenReturn(
+            defaultVisualExperimentNavBarStateFlow,
+        )
 
         testee = BrowserTabViewModel(
             statisticsUpdater = mockStatisticsUpdater,
@@ -681,6 +693,7 @@ class BrowserTabViewModelTest {
             tabStatsBucketing = mockTabStatsBucketing,
             defaultBrowserPromptsExperiment = mockDefaultBrowserPromptsExperiment,
             swipingTabsFeature = swipingTabsFeatureProvider,
+            visualDesignExperimentDataStore = mockVisualDesignExperimentDataStore,
         )
 
         testee.loadData("abc", null, false, false)

app/src/main/java/com/duckduckgo/app/browser/BrowserActivity.kt

@@ -83,7 +83,7 @@ import com.duckduckgo.appbuildconfig.api.AppBuildConfig
 import com.duckduckgo.autofill.api.emailprotection.EmailProtectionLinkVerifier
 import com.duckduckgo.browser.api.ui.BrowserScreens.BookmarksScreenNoParams
 import com.duckduckgo.common.ui.DuckDuckGoActivity
-import com.duckduckgo.common.ui.store.ExperimentalUIThemingFeature
+import com.duckduckgo.common.ui.experiments.visual.store.VisualDesignExperimentDataStore
 import com.duckduckgo.common.ui.view.dialog.TextAlertDialogBuilder
 import com.duckduckgo.common.ui.view.gone
 import com.duckduckgo.common.ui.view.show
@@ -163,7 +163,7 @@ open class BrowserActivity : DuckDuckGoActivity() {
     lateinit var duckChat: DuckChat
 
     @Inject
-    lateinit var experimentalUIThemingFeature: ExperimentalUIThemingFeature
+    lateinit var visualDesignExperimentDataStore: VisualDesignExperimentDataStore
 
     private val lastActiveTabs = TabList()
 
@@ -1035,7 +1035,7 @@ open class BrowserActivity : DuckDuckGoActivity() {
     }
 
     private fun bindMockupToolbars() {
-        if (experimentalUIThemingFeature.self().isEnabled()) {
+        if (visualDesignExperimentDataStore.experimentState.value.isEnabled) {
             experimentalToolbarMockupBinding = when (settingsDataStore.omnibarPosition) {
                 TOP -> {
                     binding.bottomMockupExperimentalToolbar.appBarLayoutMockup.gone()