fix: Sort out Ring enum typing issues

src/components/ItemRevision/ItemRevision.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import Badge from '../Badge/Badge';
 import { formatRelease } from '../../date';
-import { Revision } from '../../model';
+import { Revision, Ring } from '../../model';
 
 export default function ItemRevision({ revision }: { revision: Revision }) {
   return (
     <div className='item-revision'>
       <div>
         <Badge type={revision.ring}>
-          {revision.ring} | {formatRelease(revision.release)}
+          {Ring[revision.ring]} | {formatRelease(revision.release)}
         </Badge>
       </div>
       <div className='markdown' dangerouslySetInnerHTML={{ __html: revision.body }} />