chore: move scss files out of css folder

Signed-off-by: SebastianKrupinski <krupinskis05@gmail.com>

Author: SebastianKrupinski

src/components/ComposerSessionIndicator.vue

@@ -97,7 +97,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 .composer-session {
 	position: fixed;

src/components/Message.vue

@@ -198,7 +198,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 .v-popover > .trigger > .action-item {
 	border-radius: 22px;

src/components/MessageAttachment.vue

@@ -278,7 +278,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 @media screen and (max-width: #{variables.$breakpoint-mobile}) {
 	.attachment{

src/components/MessageAttachments.vue

@@ -200,7 +200,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 .attachments {
 	width: 100%;

src/components/MessageLoadingSkeleton.vue

@@ -35,7 +35,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 /* skeleton */
 .message-loading-skeleton {

src/components/NewMessageModal.vue

@@ -648,7 +648,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 @media only screen and (max-width: 600px) {
 	:deep(.modal-container) {

src/components/NoMessageSelected.vue

@@ -60,7 +60,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/fluid.scss';
+@use '../styles/fluid.scss';
 
 .no-message-selected {
 	display: flex;

src/components/PhishingWarning.vue

@@ -68,7 +68,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 .phishing-warning {
 	background-color: rgba(var(--color-warning-rgb), 0.2);

src/components/Thread.vue

@@ -531,7 +531,7 @@ export default {
 </script>
 
 <style lang="scss">
-@use '../../css/variables.scss';
+@use '../styles/variables.scss';
 
 #mail-message {
 	width: 100%;

src/html-response.js

@@ -4,7 +4,7 @@
  */
 
 // Extracted styles
-import '../css/html-response.scss'
+import './styles/html-response.scss'
 import '@iframe-resizer/child'
 
 // Fix width of some newsletter mails