refactor(SettingsPage): enhance sidebar structure and layout for improved navigation and visual consistency

frontend/src/SettingsPage.jsx

@@ -293,10 +293,10 @@ export default function SettingsPage() {
         }
       />
 
-      <div className="row">
+      {/* Вёрстка как на https://preview.tabler.io/settings.html: одна card, row g-0, col-md-3 border-end + col-md-9 */}
-        {/* Сайдбар навигации — как блок в общем стиле страниц */}
+      <div className="card">
-        <div className="col-12 col-md-3 mb-4 mb-md-0">
+        <div className="row g-0">
-          <div className="card card-flat">
+          <div className="col-12 col-md-3 border-end">
             <div className="card-body">
               <div className="input-icon mb-3">
                 <span className="input-icon-addon">
@@ -340,11 +340,7 @@ export default function SettingsPage() {
               )}
             </div>
           </div>
-        </div>
+          <div className="col-12 col-md-9 d-flex flex-column">
-
-        {/* Контент раздела — карточка как на других страницах */}
-        <div className="col-12 col-md-9">
-          <div className="card card-flat">
             <div className="card-body">
               {activeSection === 'live-doh' && (
               <>