better apps UX, fix login not triggering redirect on org site

src/lib/components/Apps/components/Comments/index.svelte

@@ -50,7 +50,7 @@
         comment: comment,
         name: 'You',
         avatar: $profile.avatar_url,
-        commentAt: new Date().getTime().toLocaleString()
+        commentAt: new Date()
       }
     ];
     scrollToBottom();
@@ -194,7 +194,7 @@
   </div>
 </PageNav>
 
-<div bind:this={bodyRef} class="overflow-auto h-[90%] pb-10 px-2 min-w-[300px] max-w-[350px]">
+<div bind:this={bodyRef} class="overflow-y-auto h-[87%] pb-10 px-2 md:min-w-[300px]">
   {#each comments as comment}
     <div class="pb-2 mt-2">
       <div class="flex items-start">
@@ -212,7 +212,7 @@
           </p>
         </div>
       </div>
-      <article class="prose prose-sm sm:prose ml-8">
+      <article class="prose prose-sm sm:prose ml-8 max-w-[300px]">
         {comment.comment}
       </article>
     </div>

src/lib/components/Apps/components/Poll/components/Poll.svelte

@@ -148,7 +148,7 @@
         >
           {#if hasUserVoted}
             <span
-              class="progress absolute top-0 left-0 {didUserSelect(option)
+              class="progress absolute top-0 text-black left-0 {didUserSelect(option)
                 ? 'bg-primary-700'
                 : 'bg-gray-300'} h-full bg-opacity-25"
               style="width: {calculatePercent(poll.options, option)}%;"

src/lib/components/Apps/components/Poll/index.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import PageNav from '$lib/components/PageNav/index.svelte';
   import CloseButton from '$lib/components/Buttons/Close/index.svelte';
   import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
@@ -7,7 +7,7 @@
   import Poll from './components/Poll.svelte';
   import Tabs from './components/Tabs.svelte';
 
-  export let handleClose;
+  export let handleClose = () => {};
 
   const users = [
     {
@@ -147,7 +147,7 @@
   </div>
 </PageNav>
 
-<div class="m-2 overlow-auto">
+<div class="m-2 overlow-y-auto min-w-[300px]">
   {#if shouldCreatePoll}
     <CreatePollForm onSubmit={handlePollCreate} onCancel={handleCreatePoll} />
   {:else}

src/lib/components/Apps/index.svelte

@@ -75,12 +75,9 @@
   }
 
   function startDragging(event: MouseEvent) {
-    console.log('start dragging');
     $isDown = true;
     setTimeout(() => {
-      console.log('is down', $isDown);
       if (event.button === 0 && $apps.selectedApp && $isDown) {
-        console.log('start dragging if');
         event.preventDefault();
         const isNearLeftBorder = event.clientX - appContentRef.getBoundingClientRect().left < 5;
         const isNearRightBorder = appContentRef.getBoundingClientRect().right - event.clientX < 5;
@@ -90,7 +87,6 @@
           event.clientX >= 0 &&
           event.clientX <= window.innerWidth
         ) {
-          console.log('is dragging');
           isDragging = true;
           resize = true;
           startX = event.clientX;
@@ -194,7 +190,7 @@
         <SendAlt size={24} class="carbon-icon dark:text-white" />
       </IconButton>
     </div>
-    <div class="mb-2">
+    <!-- <div class="mb-2">
       <IconButton
         toolTipProps={{ title: 'QandA', hotkeys: ['A', '2'] }}
         value={APPS_CONSTANTS.APPS.QANDA}
@@ -213,7 +209,7 @@
       >
         <AlignBoxTopLeft size={24} class="carbon-icon dark:text-white" />
       </IconButton>
-    </div>
+    </div> -->
     <div class="mb-2">
       <IconButton
         toolTipProps={{ title: 'Poll', hotkeys: ['A', '4'] }}