компонент закрепленной шапки с меню платформы и кнопками типа заказа доступов, сообщения об ошибках и так далее. Готовность по ощущениям процентов 50, требуется доработка

app/Http/Middleware/AuthenticateMagic.php

@@ -1,23 +0,0 @@
-<?php
-
-namespace App\Http\Middleware;
-//очереди для чтения нотификаций
-use Illuminate\Support\Facades\Redis;
-/**
- * Глобальный посредник аутентификации на платформе Magic для всех роутов платформы
- */
-class AuthenticateMagic
-{
-    /**
-     * Handle an incoming request.
-     *
-     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
-     */
-    public function handle(Request $request, Closure $next): Response
-    {
-                UserContext::setUserAppPermissions($user->tokens()->latest()->first()->abilities['permissions']);
-                #Гаврилов
-                //Насксолько я помню, это связано с механизмом получения нотификаций на фронте (через отдельный компонент React) на случай, если нотификации формируются на бэке и должны читаться фронтом сразу при рендеринге. Обычно, нотификации формируются после запроса с фронта, например, при fetch запросе на отправку заявки на такси и сразу же рендерятся на этой же странице после выполнения fetch запроса, но бывают ситуации, когда пользователя с бэке редиректит на другую страницу, в результате чего тяряется "контекст" нотификаций. Я как-то настраивал чтение редис очередей на любой странице, чтобы при рендеринге любой страницы сразу проверялась есть ли непрочитенная нотификация. Если есть - она читается, отображается и удаляется из очереди. Но может конкретно строка ниже связана с тестированием , уже не помню
-                Redis::setex('notifications', 60, 123);
-                return $next($request);
-            } else {

resources/js/components/header/Header.tsx

@@ -0,0 +1,51 @@
+import React, { useEffect, useState } from "react";
+import { Button } from '@SharePoint/rencredit_uikit';
+
+export default function Header(){
+  const[appName, setAppName] = useState<string>('');
+  useEffect( () => {
+    setAppName(document.getElementById('page__header-block')?.dataset.app_name || '');
+  }, [])
+
+  return (
+    <div className="header-block__header-container">
+      <div className="header-container__block">
+        <div>
+          <Button 
+            type = 'button'
+            onClick = {() => document.location.href='/public/menu'}
+            text = 'ЛОГОТИП ТУТ' 
+            ui = 'secondaryPurple'
+          />
+        </div>
+        <div>
+          <Button 
+            type = 'button'
+            onClick = {() => document.location.href='/public/menu'}
+            text = 'Меню' 
+            ui = 'secondaryPurple'
+          />
+        </div>
+        <div className="header-container__block__app-name">{appName}</div>
+      </div>
+      <div className="header-container__block">
+        <div>
+          <Button 
+            type = 'button'
+            onClick = {() => document.location.href='/public/request_access'}
+            text = 'Заказать доступ' 
+            ui = 'secondaryPurple'
+          />
+        </div>
+        <div>
+          <Button 
+            type = 'button'
+            onClick = {() => document.location.href='/public/logout'}
+            text = 'Выход' 
+            ui = 'secondaryPurple'
+          />
+        </div> 
+      </div>
+    </div>
+  )
+}