Fix progress nudge not centered

src/components/FrameRenderer/FrameRenderer.astro

@@ -30,10 +30,6 @@ const { resourceId, resourceType, dimensions = null } = Astro.props;
   </div>
 </div>
 
-<ProgressNudge
-  resourceId={resourceId}
-  resourceType={resourceType}
-  client:only='react'
-/>
+<ProgressNudge resourceId={resourceId} resourceType={resourceType} />
 
 <script src='./renderer.ts'></script>

src/components/FrameRenderer/ProgressNudge.tsx

@@ -1,8 +1,7 @@
 import { cn } from '../../lib/classname.ts';
 import { roadmapProgress, totalRoadmapNodes } from '../../stores/roadmap.ts';
 import { useStore } from '@nanostores/react';
-import { Calendar, Info, X } from 'lucide-react';
-import { Tooltip } from '../Tooltip.tsx';
+import { Calendar, X } from 'lucide-react';
 import { useState } from 'react';
 import { ScheduleEventModal } from '../Schedule/ScheduleEventModal.tsx';
 
@@ -42,7 +41,7 @@ export function ProgressNudge(props: ProgressNudgeProps) {
       )}
       <div
         className={
-          'fixed bottom-5 left-1/2 z-30 hidden -translate-x-1/2 transform animate-fade-slide-up flex-row gap-1.5 transition-all duration-300 lg:flex'
+          'fixed bottom-5 left-1/2 -translate-x-1/4 z-30 hidden transform animate-fade-slide-up flex-row gap-1.5 transition-all duration-300 lg:flex'
         }
       >
         <div