luxurypluxury

В телеграме есть автоудаление аккаунта спустя иной срок времени, который Вы задаёте в настройках.
Если Вы давно не заходили, то аккаунт удалится.

Обычный box-shadow, просто блок который появляется при ховере перекрывает нижний box-shadow за счёт z-index ссылки если он находится столь близко как вы показали на скриншоте.
Или добавляйте тень по бокам.

А зачем куча страниц с одинаковым контентом?
Если хоть что-то разное то прокидывайте какой-то slug в url страницы и получайте его уже с помощью useParams().

А потом уже запросом с сервера данные получаете.

Вложенность роутов делается примерно так:

<Route path='/posts' element={<PostsPage />}>
   <Route path='/posts/:id' element={<Post/>}/>
</Route>

Чтобы получить query параметры из url:
const { id } = useParams();

Вот обновлённый вариант с библиотекой, но слайдер так же не работает https://stackblitz.com/edit/react-ts-geehnt?file=A...

Проще установить react через npx create-next-app и отрефакторить все под реакт, так же устанавливаете зависимость MUI находясь в корневой папке проэкта npm install @mui/material @emotion/react @emotion/styled

P.S вам в любом случае придётся переписать обычную html разметку под jsx или tsx для нормального функционирования реакта

Пока думаю так

{variation === 'primary' &&
            <button className={styles.button__primary}>
                    {text}
            </button>
 }
{variation === 'secondary' &&
                <button className={styles.button__secondary}>
                    {text}
                </button>
}

Делаешь тень через ::after на блок с позишн абсолют, чтобы блоки не были затемнены, на них z-index

place-items:center;

Используйте хук useContext или Redux

Попробуй вот так сделать:

useEffect(() => {
  (async () => {
            try {
                setIsLoading(true);
                const {data} = await axios.get(url);
                setData(data);
                setIsLoading(false);
            } catch (error) {
                alert('Ошибка при запросе данных :(');
                console.error(error);
            }
        })();

}, [])

Ну передаешь как обычно значение в скобки, в самом слайсе указываешь что тебе нужно принимать для этой функции, экспортируешь ее со слайса куда нужно. Вообще у тебя должно быть типо так:

addSearchAction(state, action){
     state.value = action.payload;
}

Как минимум дайте бэкграунду background-size: cover и background-position: center

Все что не нужно прописываешь в .gitignore
Добавляешь все файлы git add.
Потом делаешь git pull чтобы взять все изменения от других участников
Делаешь комит git commit -m "commit"
И пушишь в репозиторий изменения git push -u origin (ветка)

Используйте расширение фото на сайте в формате webp, у вас слишком много фото в формате png.
Ещё удалите не нужный css (…block-library/style.min.css?ver=6.1.1);

Отчет:
https://pagespeed.web.dev/report?url=https%3A%2F%2...

resolve: {
        alias: {
            Assets: path.resolve(__dirname, 'src/assets/'),
            Components: path.resolve(__dirname, 'src/components/'),
            Scss: path.resolve(__dirname, 'src/scss/'),
            Pages: path.resolve(__dirname, 'src/pages/')
        }
    }

Вроде все правильно написал, но пути не хотят