Improve tab scrolling with arrows

frontend/src/pages/admin/Sources.tsx

@@ -1,6 +1,7 @@
 import { useAuth } from '../../contexts/AuthContext';
 import { useTranslation } from '../../contexts/LanguageContext';
 import { useSidebar } from '../../contexts/SidebarContext';
+import TabsScroller from '../../components/TabsScroller';
 import '../../styles/AdminPanel.css';
 
 export default function Sources() {
@@ -15,14 +16,14 @@ export default function Sources() {
     return (
         <main className="main-content admin-panel-root">
             <div className="admin-tabs-container">
-                <div className="admin-tabs-slider">
+                <TabsScroller className="admin-tabs-slider">
                     <button className="mobile-menu-btn" onClick={toggleMobileMenu} aria-label={t.theme.toggleMenu}>
                         <span className="material-symbols-outlined">menu</span>
                     </button>
                     <div className="admin-title-section">
                         <span className="admin-title-text">{t.sourcesPage.title}</span>
                     </div>
-                </div>
+                </TabsScroller>
             </div>
 
             <div className="admin-tab-content">