fix(layout): corrige container da página de detalhes e melhora scroll da sidebar (itens 3 e 4)

dental-server/dental-client/src/index.css

@@ -65,7 +65,7 @@ body {
 .sidebar {
     width: var(--sidebar-width);
     height: 100vh;
-    overflow-y: auto;
+    overflow: hidden;
     background: var(--glass-bg);
     backdrop-filter: var(--glass-blur);
     -webkit-backdrop-filter: var(--glass-blur);
@@ -108,6 +108,25 @@ body {
     flex: 1; overflow-y: auto;
 }
 
+/* Customização da scrollbar da navegação interna da sidebar */
+.sidebar-nav::-webkit-scrollbar {
+    width: 6px;
+}
+.sidebar-nav::-webkit-scrollbar-track {
+    background: transparent;
+}
+.sidebar-nav::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.15);
+    border-radius: 99px;
+}
+.sidebar-nav::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.3);
+}
+.sidebar-nav {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
+}
+
 .nav-item {
     padding: 8px 12px; border-radius: 8px;
     color: var(--dark-color); opacity: 0.7;

dental-server/dental-client/src/pages/ImageDetailsPage.jsx

@@ -116,7 +116,7 @@ export default function ImageDetailsPage() {
 
   if (loading || !image) {
     return (
-      <div className="layout">
+      <div className="app-container">
         <Sidebar />
         <main className="main-content" style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
           <p>Carregando imagem...</p>
@@ -286,7 +286,7 @@ export default function ImageDetailsPage() {
   const currentOptions = useOneCard ? [initialOptions[orientationSubpage]] : initialOptions;
 
   return (
-    <div className="layout">
+    <div className="app-container">
       <Sidebar />
       <main className="main-content">
         {/* Top Header para navegação / Voltar */}