update docusaurus

Author: mkosir

website/src/components/Chip.tsx

@@ -43,7 +43,7 @@ export const Chip = ({ children }: ChipProps) => {
 };
 
 const InfoIcon = () => (
-  <svg fill="currentColor" viewBox="0 0 16 16" height="12px" width="12px">
+  <svg fill="currentColor" height="12px" viewBox="0 0 16 16" width="12px">
     <path d="M8 15A7 7 0 118 1a7 7 0 010 14zm0 1A8 8 0 108 0a8 8 0 000 16z" />
     <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 11-2 0 1 1 0 012 0z" />
   </svg>

website/src/components/GithubStats.tsx

@@ -4,16 +4,16 @@ export const GithubStats = () => {
   return (
     <div className="flex items-center gap-0.5">
       <iframe
+        className="mr-10 md:mr-40 min-[997px]:mr-0" // Adjust because of swizzling - src/theme/NavbarItem/ComponentTypes.tsx
+        height={20}
         src="https://ghbtns.com/github-btn.html?user=mkosir&amp;repo=typescript-style-guide&amp;type=star&amp;count=true&amp;size=small"
         width={100}
-        height={20}
-        className="mr-10 md:mr-40 min-[997px]:mr-0" // Adjust because of swizzling - src/theme/NavbarItem/ComponentTypes.tsx
       />
       <iframe
+        className="hidden min-[997px]:inline"
+        height={20}
         src="https://ghbtns.com/github-btn.html?user=mkosir&amp;repo=typescript-style-guide&amp;type=fork&amp;count=true&amp;size=small"
         width={100}
-        height={20}
-        className="hidden min-[997px]:inline"
       />
     </div>
   );

website/src/components/MainTitle.tsx

@@ -13,14 +13,14 @@ export const MainTitle = ({ children }: MainTitleProps) => {
   return (
     <div className="mb-7 flex justify-center">
       <Tilt
-        tiltAxis="y"
-        tiltMaxAngleY={5}
-        transitionSpeed={2500}
+        glareBorderRadius="9px"
+        glareColor={colorMode === 'dark' ? '#007cfe' : '#498cd5'}
         glareEnable={true}
         glareMaxOpacity={0.08}
-        glareColor={colorMode === 'dark' ? '#007cfe' : '#498cd5'}
         glarePosition="all"
-        glareBorderRadius="9px"
+        tiltAxis="y"
+        tiltMaxAngleY={5}
+        transitionSpeed={2500}
       >
         <div className="flex items-center gap-2">
           <img src="https://raw.githubusercontent.com/mkosir/typescript-style-guide/main/misc/typescript-logo-30.png" />

website/src/components/TableOfContents.tsx

@@ -10,12 +10,12 @@ export const TableOfContents = ({ items }: { items: ReadonlyArray<TOCItem> }) =>
     <div className="toc-inline -mt-2">
       <button
         className="rounded-md border-none px-2 py-1 text-[11px] hover:cursor-pointer"
-        onClick={() => setIsTocExpanded((prev) => !prev)}
         title={`${isTocExpanded ? 'Collapse' : 'Expand'} Table of Contents`}
+        onClick={() => setIsTocExpanded((prev) => !prev)}
       >
         {isTocExpanded ? 'Collapse' : 'Expand'}
       </button>
-      <TOCInline toc={items} minHeadingLevel={2} maxHeadingLevel={isTocExpanded ? 3 : 2} />
+      <TOCInline maxHeadingLevel={isTocExpanded ? 3 : 2} minHeadingLevel={2} toc={items} />
     </div>
   );
 };