n1ksON

некорректная ссылка в запросе, повторяются кавычки, поэтому URL-адрес запроса локальный
`"https://jsonplaceholder.typicode.com/users/${s}`

<NavLink to={'/profile/' + u.id}>
<Route path='/profile:userId' element={<ProfileContainer />}/>

мы делаем и так, и так. зависит от локальности модального окна.
например, если это окно, открывается при нажатии на кнопку в одном каком-то месте, то нет смысла выносить это в redux.
если это окно, всплывает в разных местах по какой-то глобальной причине, например доступа к странице нет, или залогиниться нужно или т.п., то конечно это нужно выносить в redux и диспатчить открытие/закрытие

на практике, в наших проектах, чаще встречается второй вариант, так как одинаковые модальные окна приходится вызывать в разных местах. но лично я сторонник первого, мне кажется, что если есть возможность не вносить новые редьюсеры и не расширять глобальный стейт из-за очередной модалки, пробросив пару раз пропсы из основной компоненты в дочерние, то лучше сделать так. потому что в крупных приложениях глобальные стейты и так огромные с огромной кучей редьюсеров

вам нужно получить родительский элемент tr и получить его номер в данной таблице - это и будет строка

<div class="parent column">
  <div class="row">
    <div class="column">
      <div>div 1</div>
      <div>div 2</div>
      <div>div 3</div>
    </div>
    <div>
      div 4
    </div>
  </div>
  <div>
    остальное
  </div>
</div>

.column {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
}

<div data-index="1">1</div>
<div data-index="2">2</div>

document.querySelectorAll("div").forEach((item) =>
  item.addEventListener("click", (e) => {
    console.log(e.target.dataset.index);
  })
);

1. Да
2. Нет
3. Нет (загружать на ютуб или размещать ссылку на сторонний ресурс с аудиотреком)
4. Непонятно, что имеете в виду. Задать вопросы где и кому? Если поддержке, то да

Как по мне, на такие глупые вопросы можно и самостоятельно найти все ответы, и это будет гораздо быстрее, а иначе нечего вам делать на фрилансе

Потому что вы передаете в функцию строку 'user'
А нужно передать переменную user, в которой хранится объект
test(user)

navigator.clipboard.writeText(row)

Создаете компонент Header и выносите туда инпут и кнопку. Header импортируете в App. В Header с помощью props передаете функцию findUser и setInputValue.
App.js

function App() {
  const [userNickName, setUserNickName] = useState('');
  const [userProfile, setUserProfile] = useState('')
  const [repos, setRepos] = useState([])
  const [inputValue, setinputValue] = useState('')
  
  
  async function findUser() {
    setUserNickName(inputValue);
    let RespUserRepos = await (await axios.get('https://api.github.com/users/'+inputValue+'/repos')).data;
    let RespUser = await (await axios.get('https://api.github.com/users/'+inputValue)).data;
    setRepos(RespUserRepos);
    setUserProfile(RespUser)
  }
  
  return (
    <div>
      <Header findUser={findUser} setInputValue={setInputValue} />
      <Main>
        <Profile
          avatar={userProfile.avatar_url}
          name={userProfile.name}
          userNamel={userProfile.userName}
          followers={userProfile.followers}
          following={userProfile.following}
        />
        <ReposInfo title = {'Repositories'} reposNumber = {repos.length}>
        {repos.map((card) => <Card name={card.name} description={card.description} key = {card.name}/>)}
        </ReposInfo>
      </Main>
    </div>
  );      
}

Header.js

const Header = ({ findUser, setInputValue }) => {
  return (
    <header>
      <button onClick={() => findUser()}>click me</button>
      <input  onChange={event => setinputValue(event.target.value)} />
    </header>
  )
}

let arr = [10, 20, 30, 50, 235, 3000];
arr.forEach(item => ['1', '2', '5'].includes(String(item)[0]) && console.log(item))

document.querySelectorAll('a').forEach(item => 
  item.setAttribute('href', item.getAttribute('href') + window.location.search)
)

На тэг ссылки повесьте обработчик события и отмените действие ссылки, сделав редирект через JS
HTML:
<a href="https://example.com">link</a>
JS:

document.querySelector('a').addEventListener('click', (e) => {
  e.preventDefault()
  window.open('https://anotherLink.com')
})