правки ошибок и внешнего вида

src/pages/HomePage.js

@@ -1,9 +1,9 @@
 import React, {useEffect, useState} from 'react';
 import {Accordion, Badge, Col, Container, Row} from "react-bootstrap";
 import CardCompact from "../components/CardCompact";
-import axios from "axios";
 import {useToast} from "../hooks/useToast";
-import {SceletonCompact} from "../components/SceletonCompact";
+import {SkeletonCompact} from "../components/SkeletonCompact";
+import {radarr} from "../contexts/client";
 
 const Home = () => {
     const [loading, setLoading] = useState(false);
@@ -13,8 +13,7 @@ const Home = () => {
 
     useEffect(() => {
         setLoading(true);
-        axios.get(`${process.env.REACT_APP_RADARR_HOST}/api/v3/movie`,
-            {headers: {'X-Api-Key': process.env.REACT_APP_RADARR_API_KEY}})
+        radarr().get("api/v3/movie")
             .then((r) => setMovies(r.data))
             .catch((err) => addToast(err, 'alert'))
             .finally(() => setLoading(false));
@@ -35,7 +34,7 @@ const Home = () => {
                                     // Отображаем 10 скелетонов
                                     Array.from({length: 10}, (_, index) => (
                                         <Col key={`skeleton-${index}`}>
-                                            <SceletonCompact key={index} width={300} height={400}/>
+                                            <SkeletonCompact key={index} width={300} height={400}/>
                                         </Col>
                                     ))
                                 )