Refactor panel components for better UI alignment and design.

Moved `ReferencesPanel` and `ContributorsPanel` out of fixed position in `MpoxPage` and included fixed styling directly into components. Also changes the UI to look more akin to page tabs than button.

src/app/topics/mpox/page.tsx

@@ -34,12 +34,8 @@ const references: Reference[] = [
 export default function MpoxPage() {
 	return (
 		<div className="relative min-h-screen">
-			<div className="fixed right-12 top-32 z-10">
-				<div className="flex flex-col space-y-2">
-					<ReferencesPanel references={references} className="py-2" />
-					<ContributorsPanel contributors={["terje"]} />
-				</div>
-			</div>
+			<ReferencesPanel references={references} />
+			<ContributorsPanel contributors={["terje"]} />
 			<section className="flex flex-col space-y-6 p-2">
 				<h1 className="text-3xl font-bold">Overview</h1>
 				<p className="text-justify">

src/components/contributors-panel.tsx

@@ -6,7 +6,6 @@ import {
 	SheetTitle,
 	SheetTrigger,
 } from "@/components/ui/sheet";
-import { Button } from "@/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 
 interface Contributor {
@@ -68,8 +67,8 @@ export default function ContributorsPanel({
 }) {
 	return (
 		<Sheet>
-			<SheetTrigger asChild>
-				<Button variant="outline">Contributors</Button>
+			<SheetTrigger className="fixed right-[-42px] top-80 z-10 flex h-[60px] w-[120px] -rotate-90 justify-center rounded-t-2xl bg-primary px-4 py-1 text-lg font-semibold text-primary-foreground shadow-md transition-all duration-200 hover:right-[-30px]">
+				Contributors
 			</SheetTrigger>
 			<SheetContent>
 				<SheetHeader>

src/components/references-panel.tsx

@@ -6,8 +6,6 @@ import {
 	SheetTitle,
 	SheetTrigger,
 } from "@/components/ui/sheet";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
 
 export interface Reference {
 	referenceNumber: number;
@@ -18,17 +16,13 @@ export interface Reference {
 
 interface ReferencesPanelProps {
 	references: Reference[];
-	className?: string;
 }
 
-export default function ReferencesPanel({
-	references,
-	className,
-}: ReferencesPanelProps) {
+export default function ReferencesPanel({ references }: ReferencesPanelProps) {
 	return (
 		<Sheet>
-			<SheetTrigger asChild className={cn(className)}>
-				<Button variant="outline">References</Button>
+			<SheetTrigger className="fixed right-[-42px] top-44 z-10 flex h-[60px] w-[120px] -rotate-90 justify-center rounded-t-2xl bg-primary px-3 py-1 text-lg font-semibold text-primary-foreground shadow-md transition-all duration-200 hover:right-[-30px]">
+				References
 			</SheetTrigger>
 			<SheetContent>
 				<SheetHeader>