Make notie more customizable

## Feature Request: Customization Options for `Notie` Component ### Overview To provide more flexibility and customization for users, the `Notie` component should accept a configuration object that allows full control over various aspects of note rendering. This will enable users to tailor the appearance and behavior of the notes to better suit their needs. ### Customization Options - **Table of Contents Customization** - [x] Option to show or hide the Table of Contents. - [x] Ability to customize the heading for the Table of Contents (e.g., "Contents", "Index", etc.). - **Text Customization** - [x] Customization of the color for rendered text. - [x] Customization of the font for rendered text. - **Responsive Behavior** - [x] Option to auto-hide the Table of Contents when the viewport width is below a certain threshold. - **Details Element Customization** - [x] Ability to customize the color of the `<details/>` elements. ### Additional Customization Options - **Grid Layout Customization** - [ ] Option to customize the grid layout for larger screens (e.g., define custom column widths for `mw-page-container-inner`). - [ ] Control over whether the `vector-column-start` or `vector-column-end` areas are displayed. - **Heading Customization** - [ ] Ability to customize font sizes for different heading levels (`h1`, `h2`, etc.). - [ ] Option to specify custom margins or padding for headings. - **Table Customization** - [ ] Customization of table borders, cell padding, and background colors. - [x] Ability to customize the appearance of tables in dark mode. - **Blockquote Customization** - [ ] Option to define custom styles for different blockquote types (e.g., `definition`, `proof`, `equation`, `theorem`, `important`, `example`). - [ ] Ability to customize the background color, border, and text color for blockquotes. - **Image Customization** - [ ] Option to set a maximum width for images and control their alignment. - [ ] Customization of image captions, including font size, color, and alignment. - **Link Customization** - [ ] Customization of link colors, hover effects, and text decoration. - [ ] Ability to define different styles for footnote references and backreferences. - **Code Block Customization** - [ ] Customization of inline code block styles, including background color, text color, and border radius. - [ ] Ability to adjust the appearance of code blocks in dark mode. - **Dark Mode Customization** - [ ] Fine-tuned control over dark mode styles, including adjustments for text color, link color, blockquote background, and code block appearance. - **Table of Contents Customization** - [ ] Additional options to customize the appearance of the Table of Contents, including link colors, active link styles, and heading styles in dark mode.