Fix Alignments (#1711)

* Replace Devanagari font

* Fix sync animation center alignment

* Fix lint tailwind classes

* Add changeset

.changeset/blue-poets-judge.md

@@ -0,0 +1,6 @@
+---
+'minifront': minor
+'@repo/ui': minor
+---
+
+Fix font alignments & sync dialog

.gitignore

@@ -68,3 +68,5 @@ storybook-static
 
 packages/protobuf/gen
 packages/protobuf/proto
+
+scripts/private

apps/minifront/src/components/syncing-dialog/sync-animation.tsx

@@ -16,12 +16,12 @@ export const SyncAnimation = () => (
   <div className='flex flex-col gap-8 rounded-sm bg-black'>
     <FakeButtons />
 
-    <div className='relative h-0 pb-[33%]'>
-      <div className='absolute inset-0 overflow-hidden'>
+    <div className='relative h-0 overflow-hidden pb-[33%]'>
+      <div className='absolute left-1/2 top-0 w-full -translate-x-1/2 overflow-hidden'>
         <img
           src={illustration}
           alt='A loading illustration'
-          className='animate-spin [animation-duration:_5s]'
+          className='w-full animate-spin [animation-duration:_5s]'
         />
       </div>
     </div>