Mobile bottom tab bar, active tab in brand blue.

```jsx
<BottomTabBar activeIndex={0} items={[
  {icon:"store",label:"Shop"},{icon:"search",label:"Search"},
  {icon:"package",label:"Orders"},{icon:"life-buoy",label:"Support"},
]} />
```
Labels stay in English -- matches the source page, not a German-copy break.