feat(gui): Feedback quick fixes (#331)

* refactor(gui): Simplify FeedbackDialog component and enhance feedback submission process

- Consolidated state management for feedback input using a custom hook.
- Improved user interface for feedback submission by including clearer instructions
- Removed redundant code and improved overall component structure for better maintainability.

* refactor(gui): Enhance FeedbackDialog layout and add mail link

* feat(gui): Add error handling in feedback submission

* feat(docs): Add brand identity to docs

* feat(docs): Add Send Feedback page

* feat(tauri): build base for log export feature

* feat(tauri): update save_txt_files to use HashMap for file content

* feat(gui): Implement log export functionality

* fix(gui): adjust feedback dialog link to show docs page with instructions for mail feedback

* fix(gui): minor style adjustments to export logs button

* feat(gui, tauri): enhance log export functionality to include zip file naming

* fix(docs): clarify docs section about exporting logs

* feat(gui): initialize selected swap in SwapSelectDropDown with most recent swap

* fix(gui): parse logs correctly for saving to log file

* fix(gui): ensure to use the most recent swap info by using a specialized hook

* fmr

---------

Co-authored-by: Binarybaron <binarybaron@protonmail.com>

src-gui/src/renderer/components/modal/feedback/LogViewer.tsx

@@ -0,0 +1,66 @@
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  Paper,
+  Switch,
+  Typography,
+} from "@material-ui/core";
+import { CliLog } from "models/cliModel";
+import CliLogsBox from "renderer/components/other/RenderedCliLog";
+
+interface LogViewerProps {
+  open: boolean;
+  setOpen: (_: boolean) => void;
+  logs: (string | CliLog)[] | null;
+  setIsRedacted: (_: boolean) => void;
+  isRedacted: boolean;
+}
+
+export default function LogViewer({
+  open,
+  setOpen,
+  logs,
+  setIsRedacted,
+  isRedacted
+}: LogViewerProps) {
+  return (
+    <Dialog open={open} onClose={() => setOpen(false)} fullWidth>
+      <DialogContent>
+        <Box>
+          <DialogContentText>
+            <Box style={{ display: "flex", flexDirection: "row", alignItems: "center" }}>
+              <Typography>
+                These are the logs that would be attached to your feedback message and provided to us developers.
+                They help us narrow down the problem you encountered.
+              </Typography>
+            </Box>
+          </DialogContentText>
+
+          <CliLogsBox 
+            label="Logs" 
+            logs={logs} 
+            topRightButton={
+              <Paper style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center', paddingLeft: "0.5rem" }} variant="outlined">
+                Redact
+                <Switch 
+                  color="primary" 
+                  checked={isRedacted}
+                  onChange={(_, checked: boolean) => setIsRedacted(checked)} 
+                />
+              </Paper>
+            } 
+          />
+        </Box>
+      </DialogContent>
+      <DialogActions>
+        <Button variant="contained" color="primary" onClick={() => setOpen(false)}>
+          Close
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+}