dev null

Вы передаёте один аргумент, объект, а в конструкторе принимаете 2 аргумента

{this.props.items.map((n, i) => (
            <button
              data-index={i}
              onClick={e => this.props.changeTab(+e.target.dataset.index)}>
              {n.content}
            </button>
        );)}

1. с кавычками накосячил
2. не передал стор в провайдер
3. какая-то лютая дичь с логикой стора и переключением
4. В провайдер обернул незаконнекченный компонент
кароч, что-то примерно такое должно получится https://codesandbox.io/s/react-tabs-redux-example-63186

Линтер ругается на useNewPost, так как это не хук, то его стоит переименовать, например, в setNewPost

Так как вы экспортируете Label как реакт компонент, то ему нужно свойство className

export default (props) => {
    return (
        <Label className={props.className}>
            { props.children }
        </Label>
    )
}

upd:
Почему бы просто не сделать так?

import styled from 'styled-components';

export const Label = styled.div`
    border: none;
    border-radius: 20px;
    background-color: #f63;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    
`;

export default Label;

Зависит от проекта, что вы и как используете. Но, как правило, да, там удобней держать глобальные стили, только стоит учесть, что в 4-й версии вместо injectGlobal используется это

Речь в ошибке про хуки. У вас хендлер для изменения категории начинается с use...
переименуйте его в setCategory

переписал ответ
вот дока

HelloContext

const Hello = createContext<string>('Hello');
export default Hello;

App.tsx

import Hello from 'HelloContext';
import MyComponent from 'MyComponent';

function App() {
  return (
    <Hello.Provider value='Hi'>
        <MyComponent />
    </Hello.Provider>
  );
}
export default App;

MyComponent.tsx

import HelloContext from 'HelloContext';

const MyComponent: React.FC<> = () => {
  const msg = useContext(HelloContext );
  return (
    <span>{msg}</span>
   )
}

export default MyComponent;

P.S.
</Theme.Provider> <-- откуда Theme?

Можно cделать компонент Layout, у него два пропса header и footer, в которые можно какие угодно хедеры или их отсутствие прокидывать. В компонентах типа ComponentOne оборачивать контент Layout'ом. Про паттерн Composition можно почитать в офф доке

Пробежался очень быстро аки гепард, так что вот, что бросилось в глаза:

1. Раз уж используете prop-types, то используйте их для всех компонентов, а ещё лучше в линтере это правило
   пропишите
   
   
2. Инлайновые стили надо переписать с помощью styled-components. Таких мест много кстати.
   
   
3. Зачем этот файл тут? классы отлично себя чувствуют в styled-components.
   
   
4. Неиспользуемый код. Тож линтер должен ругаться. Кстати плагин Eslint в IDE подключен?
   
   
5. В одних местах Fragment, в других <>, имхо лучше выработать единую стилистику.
   
   
6. вот тут и тут, возможно ещё где-нибудь, при рендере сработает экшен, оно надо?
   
   

Зачем вам фриланс? Вам бы поднаточить навыки на хороших проектах, посмотреть архитектурные решения и если очень повезёт чистый код "старших" товарищей.

Возможно, нужно натренировать нейросеть, но результат не 100%. Есть и готовые решения, допустим из этого списка (работоспособность не проверял). https://ourcodeworld.com/articles/read/582/top-5-b...

1) Не ясно зачем подключать sass файл со стилями, если есть styled-components. Но и они странно реализованы. По идее создаётся GlobalStyles и подключается как обычный компонент в корне проекта, а каждый компонент оборачивается и/или использует свои стилизованные компоненты. Так же, если стилизовать компоненты material-ui с помощью styled-components, то необходим JSS провайдер для правильного порядка css injection в head.
2) А где тесты?
3) Это бонусный пункт, неплохо бы использовать конфиг с линтингом для проекта

Ну а по "уровню", конечно не джун.