Fixes #259 by updating CommandMenu date and title styling (#261)

Add `whitespace-nowrap` to date and change tracking to wide
Add  text-balance and mr-2 to title to balance wrap and add space in between title and date

src/components/CommandMenu.tsx

@@ -106,11 +106,12 @@ export function CommandMenu({ buttonStyles, posts }: CommandMenuProps) {
               <CommandItem
                 slot="blogPosts"
                 key={index}
+                className="mr-2 text-balance"
                 aria-label={`Link to blog post: ${post.data.title}`}
                 onSelect={() => navigate(`/posts/${post.slug}/`)}>
                 <NotebookText className={iconStyles} />
                 {post.data.title}
-                <CommandShortcut>
+                <CommandShortcut className="whitespace-nowrap tracking-wide">
                   {new Date(post.data.pubDate).toLocaleDateString('en-US', {
                     year: 'numeric',
                     month: 'short',