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

src/app/registers/RegisterBrowser.tsx

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import Link from 'next/link';
 import { Register, RegisterAccess, Note } from './types';
 import { Form, Card, Container, Row, Col, Tabs, Tab, Table, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import RegisterDetail from "@/app/registers/RegisterDetail";
 
 interface RegisterBrowserProps {
   registers: Register[];
@@ -95,31 +96,7 @@ export default function RegisterBrowser({ registers }: RegisterBrowserProps) {
         {filteredRegisters.map(register => {
           const defaultActiveKey = getDefaultActiveKey(register);
           return (
-            <Col key={register.hex_address} xs={12} className="mb-4">
-              <Card>
-                <Card.Header>
-                  <code>{register.hex_address}</code> ( {register.dec_address} ) <Link href={`https://wiki.specnext.dev/${encodeURIComponent((register.name).replace(' ','_'))}_Register`} className="text-decoration-none">
-                    <strong>{register.name}</strong> {register.issue_4_only && <span className="badge bg-danger">Issue 4 Only</span>}
-                  </Link>
-                </Card.Header>
-                <Card.Body>
-                  <Tabs defaultActiveKey={defaultActiveKey} id={`register-tabs-${register.hex_address}`}>
-                    {register.common && <Tab eventKey="common" title="Read/Write">{renderAccess(register.common)}</Tab>}
-                    {register.read && <Tab eventKey="read" title="Read">{renderAccess(register.read)}</Tab>}
-                    {register.write && <Tab eventKey="write" title="Write">{renderAccess(register.write)}</Tab>}
-                  </Tabs>
-                  {register.notes.map((note, index) => (
-                    <p key={index} className="small text-muted">{note.ref} {note.text}</p>
-                  ))}
-                  {register.text && register.text.length > 0 && (
-                    <div className="mt-3">
-                      <h5>Notes:</h5>
-                      <pre>{register.text}</pre>
-                    </div>
-                  )}
-                </Card.Body>
-              </Card>
-            </Col>
+              <RegisterDetail key={register.hex_address} register={register} defaultActiveKey={defaultActiveKey} />
           );
         })}
       </Row>