Flyby manual code cleanup, remove almost identical components and replace with one good humanly migrated one

src/app/registers/[hex]/page.tsx

@@ -3,7 +3,8 @@ import path from 'path';
 import { notFound } from 'next/navigation';
 import Link from 'next/link';
 import { Register, RegisterAccess } from '../../registers/types';
-import RegisterDetailClient from '../../registers/RegisterDetailClient';
+import RegisterDetail from '../RegisterDetail';
+import {Container, Row} from "react-bootstrap";
 
 async function parseNextReg(fileContent: string): Promise<Register[]> {
     const registers: Register[] = [];
@@ -173,11 +174,13 @@ export default async function RegisterDetailPage({ params }: { params: { hex: st
     const defaultActiveKey = register.common ? 'common' : (register.read ? 'read' : (register.write ? 'write' : undefined));
 
     return (
-        <div className="py-4">
+        <Container fluid className="py-4">
             <div className="mb-3">
                 <Link href="/registers" className="btn btn-secondary">← Back to Registers</Link>
             </div>
-            <RegisterDetailClient register={register} defaultActiveKey={defaultActiveKey} />
-        </div>
+            <Row>
+                <RegisterDetail register={register} defaultActiveKey={defaultActiveKey} />
+            </Row>
+        </Container>
     );
 }