fixing the width of thread and quote pages so they don't get too wide

app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx

···
       id={`post-page-${pageId}`}
       drawerOpen={false}
       pageOptions={pageOptions}
+      fixedWidth
     >
       <div className="flex flex-col sm:px-4 px-3 sm:pt-3 pt-2 pb-1 sm:pb-4">
         <h4 className="text-secondary font-bold mb-2">Bluesky Quotes</h4>

app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx

···
       id={`post-page-${pageId}`}
       drawerOpen={false}
       pageOptions={pageOptions}
+      fixedWidth
     >
       <div className="flex flex-col sm:px-4 px-3 sm:pt-3 pt-2 pb-1 sm:pb-4 w-full">
         {isLoading ? (

components/Pages/Page.tsx

···
   onClickAction?: (e: React.MouseEvent) => void;
   pageType: "canvas" | "doc";
   drawerOpen: boolean | undefined;
+  fixedWidth?: boolean;
 }) => {
   const cardBorderHidden = useCardBorderHidden();
   let { ref } = usePreserveScroll<HTMLDivElement>(props.id);
···
       }
       ${cardBorderHidden && "sm:h-[calc(100%+48px)] h-[calc(100%+20px)] sm:-my-6 -my-3 sm:pt-6 pt-3"}
       ${props.fullPageScroll && "max-w-full "}
-    ${props.pageType === "doc" && !props.fullPageScroll && "w-[10000px] sm:mx-0 max-w-[var(--page-width-units)]"}
+    ${props.pageType === "doc" && !props.fullPageScroll ? (props.fixedWidth ? "sm:max-w-prose max-w-[var(--page-width-units)]" : "w-[10000px] sm:mx-0 max-w-[var(--page-width-units)]") : ""}
     ${
       props.pageType === "canvas" &&
       !props.fullPageScroll &&