Migrate dialogs to Rust and add a New File dialog (#623)

* Migrate coming soon and about dialog to Rust

* Migrate confirm close and close all

* Migrate dialog error

* Improve keyboard navigation throughout UI

* Cleanup and fix panic dialog

* Reduce css spacing to better match old dialogs

* Add new document modal

* Fix crash when generating default name

* Populate rust about graphite data on startup

* Code review changes

* Move one more :focus CSS rule into App.vue

* Add a dialog message and move dialogs

* Split out keyboard input navigation from this branch

* Improvements including simplifying panic dialog code

Co-authored-by: Keavon Chambers <keavon@keavon.com>

frontend/src/components/widgets/labels/TextLabel.vue

@@ -1,13 +1,13 @@
 <template>
-	<span class="text-label" :class="{ bold, italic }">
+	<span class="text-label" :class="{ bold, italic, multiline, 'table-align': tableAlign }">
 		<slot></slot>
 	</span>
 </template>
 
 <style lang="scss">
 .text-label {
-	white-space: nowrap;
 	line-height: 18px;
+	white-space: nowrap;
 
 	&.bold {
 		font-weight: 700;
@@ -16,6 +16,16 @@
 	&.italic {
 		font-style: italic;
 	}
+
+	&.multiline {
+		white-space: pre-wrap;
+		margin: 4px 0;
+	}
+
+	&.table-align {
+		flex: 0 0 30%;
+		text-align: right;
+	}
 }
 </style>
 
@@ -26,6 +36,8 @@ export default defineComponent({
 	props: {
 		bold: { type: Boolean as PropType<boolean>, default: false },
 		italic: { type: Boolean as PropType<boolean>, default: false },
+		tableAlign: { type: Boolean as PropType<boolean>, default: false },
+		multiline: { type: Boolean as PropType<boolean>, default: false },
 	},
 });
 </script>