feat: remove confusing border

Author: CSUwangj

src/pages/practice/Lab.tsx

@@ -9,8 +9,9 @@ import styled from '@emotion/styled/macro'
 import { Terminal } from 'components/Terminal'
 import { useState } from 'react'
 import { contentWidth } from 'components/common'
+import { Div } from 'components/Div'
 
-const ScrollCard = styled(Card)`
+const ScrollCard = styled(Div)`
   padding: 10px;
   width: ${contentWidth}px;
 `

src/pages/practice/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react'
 import { useApolloData } from 'hooks/common'
 import { useTranslation } from 'react-i18next'
 import { usePracticesQuery } from 'generated/graphql'
-import { Card, Divider, H1, Menu } from '@blueprintjs/core'
+import { Divider, H1, Menu } from '@blueprintjs/core'
 import { Route, Switch, useHistory } from 'react-router-dom'
 import { labLink } from 'components/Link'
 import styled from '@emotion/styled/macro'
@@ -16,7 +16,7 @@ const Container = styled.div`
   display: flex;
 `
 
-const WelcomeContainer = styled(Card)`
+const WelcomeContainer = styled(Div)`
   display: flex;
   vertical-align: middle;
   align-items: center;