Refactor, decompose and add previews. Fix part of speech sheet pop over

Toki Trainer/Views/WordListViews/SharedViews/LanguageDirectionView.swift

@@ -0,0 +1,53 @@
+//
+//  LanguageDirectionView.swift
+//  Toki Trainer
+//
+//  Created by maddiefuzz on 10/8/22.
+//
+
+import SwiftUI
+
+struct LanguageDirectionView: View {
+    private var fromText: String = ""
+    private var toText: String = ""
+    private var fromColor: Color = .black
+    private var toColor: Color = .black
+    
+    init(from: String, to: String, fromColor: Color, toColor: Color) {
+        self.fromText = from
+        self.toText = to
+        self.fromColor = fromColor
+        self.toColor = toColor
+    }
+    
+    var body: some View {
+        HStack {
+            Text(fromText)
+                .bold()
+                .multilineTextAlignment(.center)
+                .foregroundColor(.white)
+                .frame(width: 100)
+                .background(fromColor)
+                .border(fromColor)
+                .cornerRadius(5)
+            Image(systemName: "chevron.right")
+            Text(toText)
+                .bold()
+                .multilineTextAlignment(.center)
+                .foregroundColor(.white)
+                .frame(width: 100)
+                .background(toColor)
+                .border(toColor)
+                .cornerRadius(5)
+        }
+        .padding(.top, 4)
+    }
+}
+
+struct LanguageDirectionView_Previews: PreviewProvider {
+    
+    static var previews: some View {
+        LanguageDirectionView(from: "English", to: "Toki Pona", fromColor: .blue, toColor: .cyan)
+            .previewLayout(.fixed(width: 260, height: 40))
+    }
+}