Елена

window.Telegram.WebApp.expand(); // развернет при открытии
window.Telegram.WebApp.disableVerticalSwipes(); // заблокирует свайпы горизонтальные

Для меня сработало, к большому удивлению, добавив в package.json "watch": "vite build --watch"

jwt сохраняется в localstorage при авторизации, а каждое посещение проверяется на наличие jwt

function App() {
  const [auth, setAuth] = useState(!!localStorage.getItem('jwt'));

  return (
    <Auth.Provider value={[auth, setAuth]}>
      {auth && <Authorized />}
      {!auth && <Unauthorized />}
    </Auth.Provider>
  )
}

Если у кого будет такая же хрень, я сделала через костыль. Убрала spaceBetween, а отступы сделала через падинг.

Никак. Все дело в том, что пиксели квадратные

Попробуй так

.header_content {
  position: relative;
  max-width:  550px;
}
.header__arrow {
  position: absolute;
  bottom: 0;
  right: 0;
}

<div class='slider'>
  <h1 class='slider__title'></h1>
  <div class='slider__container'>
    <h2 class='slider__title-container'><h2>
    <p class='slider__subtitle-container></p>
    <div class='slider__container-image'>
      <img class='slider__img' />
      <p class='slider__img-subtitle'></p>
    </div>
  </div>
</div>

Получилось таким образом:

function App() {
 return (
   <Routes>
     <Route path="/users" >
       <Route path="" element={<Users />} />
       <Route path="elena" element={<Elena />} />
       <Route path="oleg" element={<Oleg />} />
     </Route>
   </Routes>
 );
}

Тогда не будет соединятся компонент Users() с дочерними